周杰伦是我情敌

之前项目中只是简单的用到Element框架中常规的属性、事件。在一次机缘巧合下，了解到一个公司内部的框架是基于Element框架内部实现了一些插件功能，对于表格这一块完善了很多功能，当时没有把握住机会去看源码是怎么实现的，现在有点小后悔呢，嘤嘤嘤~~~~没关系，自己慢慢一点一点…

我们在移动端开发时，会发现会遇到一个需求，就是手触摸手机屏幕进行滑动时，发生一系列事情，这里我来系统整理一下touch事件。

注意使用props属性，父组件可以给子组件传值，但是子组件不可以修改父组件给子组件传的值。 这里，子组件不可以修改changeState的值。这里需要通过子组件触发事件来通知父组件改变数据。 这里做一个小demo，子组件的state的值从0开始累加。父组件有一个按钮，点击按钮子…

这样，我们提出将组件的共享状态抽取出来，以全局单例模式进行管理。其数据响应机制如下图所示： state:存放共享数据，组件可以共享使用这个数据。可以通过,mapState获取或者this.$store.state来获取，这里如果是多个数据需要获取，建议用mapState； ac…

transition允许css属性值在一定时间内可以平滑地过渡。其主要包括四个属性值： 主要包括旋转(rotate)、扭曲(skew)、缩放(scale)、移动(translate)和矩阵变形(matrix)。其中比较常用的三种是rotate、scale和translate。 …

生命周期过程中，首先创建vue实例，然后初始化事件并监测数据。在created阶段之前就完成了数据的监测（这个阶段data和data的属性已存在，但是el未初始化） created函数触发后，开始初始化el，并且编译template。在created和beforeMount这两…

该项目用到的技术主要有：vue-cli + vuex + mockjs。 github地址 新闻展示懒加载，每次展示10条数据，滑到底部再加载10条。 针对这四种不同类型的卡片，我的区分是首先我觉得后端可能给我的数据只会分新闻和广告，所以我用一个字段判断是新闻还是广告，然后对新…

设置一个cancelFlag作为标志符，默认为true，在请求拦截器时，判断如果cancelFlag为true，就可以发送请求，且将cancelFlag设为false。当cancelFlag为false,就取消请求。在响应拦截器中再将cancelFlag设为true。说明只用当…

在两指缩放后会有一个手放手另一个手继续操作的情况。这样在touchend时，e.touches还存在一个元素。所以需要在这里做一个判断。