vuex 源码速读
阅读源码须知：
熟悉vuex用法
至少阅读过vuex的官方文档
vuex 与 vue差不太多 都用了rollup进行打包
但是 vuex 没有用到flow
从代码构建入手package.json123scripts: { "build:main": "node build/buil
...
JS直接设置元素样式属性和transition，过渡效果异常及Firefox浏览器异常解决方法
发表于
|
阅读次数
我们即使先对元素设置属性，再设置transition也会有过渡效果。12element.style.left = -100%;element.style.transition = "left .5s";
因为JavaScript是单线程的，所以对元素样式的修改是同时发生的。一般我们会想到用setTi
...
SPA 前端路由页面PV统计问题解决方案
百度统计pv方案1234$rootScope.$on('$stateChangeSuccess', function () { // 百度统计pv量 _hmt.push(['_trackPageview', $location.path()]););
google差不多，在路由
...
Vue2源码：源码速读
基本思路:
首先通过模块依赖关系找到Vue类在哪定义
Vue类的属性及方法在哪个阶段定义的，理清添加的顺序及依赖关系
Vue实例化初始化方法的执行顺序，找到生命周期钩子在哪些对应方法中触发的
Vue实例化时，组件模板是如何渲染并更新到el上的
Vue实例，vm的Data响应式是怎么实现的
阅读源
...
Vue2源码：Virtual Dom
src/core/vdom/vnode.js123456789constructor ( tag?: string, data?: VNodeData, children?: ?Array<VNode>, text?: string, elm?: Node,
...
git submodule 子模块的使用
git submodule 有时候我们将一个项目分成多个子模块去维护，但是又想要有一个清晰的项目包含关系就可以通过父子模块来实现。
比如我有一个nodejs学习的项目计划，包含很多个nodejs模块的学习，每一个小模块的demo都有自己独立的依赖包，为了方便写demo我将他们分为nodejs-x
...
Vue2源码：响应式原理
把一个普通 JavaScript 对象传给 Vue 实例的 data 选项，Vue 将遍历此对象所有的属性，并使用 Object.defineProperty 把这些属性全部转为 getter/setter。Object.defineProperty 是仅 ES5 支持，且无法 shim 的特性，
...
Vue2源码：准备
因为vue2使用了flow进行静态代码检查，rollup进行代码构建，所以在进行源码阅读之前，还需要补充下这几块知识
flow
https://flow.org/
http://www.imooc.com/m/wap/article/detail.html?aid=15855
rollup
T
...
vue2源码
版本：v2.3.0 ，先看这里CONTRIBUTING
flow 进行静态代码检查
observer Vue 双向数据绑定实现
snabbdom Virtual Dom
compiler render function
SSR
rollup
vue学习开篇，学习计划
Angularjs $location.search实现URL保存搜索条件
当查询条件较少且固定时，推荐使用路由方式比较简便。当搜索条件多且不定的情况下，可使用该方法。
页面刷新初始化一次查询initSearch() #L37
搜索和浏览器前进后退的查询都用$locationChangeSuccess事件，回调执行 initSearch() #L16
搜索的$lo
...