利用Canvas实现图片裁剪 效果图 实现思路 打开图片并将图片绘制到canvas中； 利用canvas的drawImage()函数来裁剪图片； 将canvas转化为Image即可。 HTML代码： {代码...} CSS代码 CSS代码基本通过javaScript添加 {代码...} 重点JavaScript代码 变量定义、添加各事件...

1、map() {代码...} 2、filter() {代码...} 3、reduce() {代码...} 4、reduceRight() {代码...} 5、fill() {代码...} 6、find() {代码...} 7、indexOf() {代码...} 8、lastIndexOf() {代码...} 9、findIndex() {代码...} 10、includes() {代码...} 11、pop() {代码.....

大家都知道，当一些重大事件发生的时候，我们的网站，可能需要置灰，像是这样：当然，通常而言，全站置灰是非常简单的事情，大部分前端同学都知道，仅仅需要使用一行 CSS，就能实现全站置灰的方式。像是这样，我们仅仅需要给 HTML 添加一个统一的滤镜即可： {代码......

ES6版本引入了哪些特性？ {代码...} var、const 和 let 的主要区别是什么？ {代码...} 什么是promise和async-await？ {代码...} 什么是闭包？ {代码...} JavaScript如何保持并发？ {代码...} 什么是回调，并提供一个简单的例子 {代码...} 声明一个函数有几种方式，有...

在过往，我们想要实现一个图片的渐隐消失。最常见的莫过于整体透明度的变化，像是这样： {代码...} {代码...} 但是，CSS 的功能如此强大的今天。我们可以利用 CSS 实现的渐隐效果已经不再是如此的简单。想想看，下面这样一个效果，是 CSS 能够实现的么？答案是肯定的...

背景是这样的，我们使用vue2开发一个在线客服使用的IM应用，基本布局是左边是访客列表，右边是访客对话，为了让对话加载更友好，我们将对话的路由使用<keep-alive>缓存起来。但是如果将所有对话都缓存，未必会造成缓存过多卡顿的问题。自然，就使用上了<kee...

存cookie localStorage。或者 {代码...}

场景： 有时候我们在vue项目页面做了一些操作，需要刷新一下页面。 解决的办法及遇到的问题： this.$router.go(0)。这种方法虽然代码很少，只有一行，但是体验很差。页面会一瞬间的白屏，体验不是很好 用vue-router重新路由到当前页面，页面是不进行刷新的。 locatio...

首发传送门：[链接]拆分组件我也曾以为，拆分子组件是用于抽象，但实践告诉我，拆分子组件是提升性能的一种方式（特定情况）。在我的实际工作中遇到这么个问题，有一个很大的表格，里面有多个新增条目的对话框，当数据很多的时候，填写新增数据都会变卡。原因就是，...

Vue.component 是用来注册或获取全局组件的方法，其作用是将通过 Vue.extend 生成的扩展实例构造器注册（命名）为一个组件.全局注册的组件可以在所有晚于该组件注册语句构造的Vue实例中使用.

①从属性名上，computed是计算属性，也就是依赖其它的属性计算所得出最后的值。watch是去监听一个值的变化，然后执行相对应的函数。②从实现上，computed的值在getter执行后是会缓存的，只有在它依赖的属性值改变之后，下一次获取computed的值时才会重新调用对应的gett...

首先是设置是否可以同时选中多个文件上传，这个也是<input type='file'>的属性，添加multiple即可。另外el-upload组件提供了:limit属性来设置最多可以上传的文件数量，超出此数量后选择的文件是不会被上传的。:on-exceed绑定的方法则是处理超出数量后的动作。...

VUE3都beta了，关注的同学都知道了吧，开不开心都要继续学，毕竟是自己饭碗的问题废话不多说，现在就来对比我们常用的使用对比组合式API的使用创建模板对于大多数组件，Vue2和Vue3中的代码即使不完全相同，也是非常相似的。但是，Vue3支持片段，这意味着组件可以有多...

有群友问我，使用 CSS 如何实现如下 Loading 效果：这是一个非常有意思的问题。我们知道，使用 CSS，我们可以非常轻松的实现这样一个动画效果： {代码...} {代码...} 动画如下：与要求的线条 loading 动画相比，上述动画缺少了比较核心的一点在于：线条在旋转运动的...

组件是 vue 的核心部分，而组件之间通信方式是必不可少的。 父子之间的通信方式很简单，父组件通过 props 向子组件传值，而子组件通过自定义事件把数据传递回父组件，那么非父子关系组件怎么进行通信？ Vue2.x 废弃了 broadcast 和 dispatch 之后，可以通过 vuex ，...

最近经常在项目中经常看到别人用reduce处理数据，很是牛掰，很梦幻， 不如自己琢磨琢磨。 先看w3c语法 {代码...} 常见用法 数组求和 {代码...} 数组最大值 {代码...} 进阶用法 数组对象中的用法 {代码...} 求字符串中字母出现的次数 {代码...} 数组转数组 {代码...} ...

子组件传值父组件，首先是子组件发送的形式是this.$emit(事件名,需要发送的值)，事件名：父组件on监听的方法，父组件第一件事就是监听子组件发送过来的事件名，@事件名=获取值的方法。获取值的方法（值）*，就这样拿到了儿子发过来的值