概述 轮播的原理是每一帧都选出一个当前元素，前一个元素，后一个元素然后排成一行，最后改变这三个元素的translate来触发css3的transition进行动画，当有touch事件的时候，要实时改变各个元素的位置，所以…

前端周刊光速ReactJavaScript 编码指南Vue.js在饿了么的应用JavaScript函数的多种写法JavaScript 深入之new的模拟实现CSS3 3D 行星运转动画 + 浏览器渲染原理

一、 windows 1. 安装配置nginx 1.1. 下载安装 1.2. 常用命令 # 开启nginx start nginx nginx.exe # 停止nginx nginx.exe -s stop nginx.…

<keep-alive> <router-view/> </keep-alive> 页面,在这里已定义了自定义指令，click-outside,既点击指令绑定元素的外部触发 <t…

点击详情跳转的时候，有时候有必要隐藏地址栏的必要参数，本次实验是通过sessionStorage存储 定时器刷新浏览器方式来实现的1.获取URL地址栏参数 及参数值 function GetUrlParam(paraNa…

早上好！继续学习Vue源码~这次我们来学习 event 事件。 源码简析 其实看了前两篇的同学已经知道源码怎么找了，这里再提一下。先找到Vue核心源码index方法 src/core/instance/index.js …

上一篇博文梳理了vue的数据驱动和响应式相关的特性，这一篇博文就来梳理vue的一个很重要的特性，组件化。自定义组件之于vue，其意义不亚于函数之于C，java之类的编程语言。函数是计算机科学中的一大重要的发明。一方面，它…

好的业务组件设计 一个好的业务组件必然是逻辑清晰以及方便修改维护。 下面以 Vue 为例子进行进行概念上的简单说明。 一些涉及到的概念 数据驱动UI 单向数据流 有限状态机 模板 模板应保证逻辑清晰，业务复杂的部分可拆分…

关于响应式 vue的双向绑定是基于响应式来做的，即给一个Vue对象的属性加上getter, setter方法，在这些方法中处理双向绑定。但这种方式就会出现下面这些坑 vue的组件化写法真心不好用 举个例子，我写了个svg…

引见 构建本身的UI库，你必须要对一款打包东西熟习(webpack, gulp或许grunt), 本文以webpack为例。 github 地点: https://github.com/reming0227……

v-if v-show父级v-if 错误 内部指令不执行父级v-show 错误 内部指令仍然执行 display：none，blockv-show作用与v-if类似，不同的是v-show的元素会始终渲染并保持在 DOM …

一段代码论述一个轮播思绪 不BB，直接上代码： 1. if (direction === 'next') { 2. this.index = nextIndex; 3. /*假如是下一个，那就先吧下个的dom设置成non…