全玉金生

摘要： 元素滚动到底部原理 element.scrollHeight - element.scrollTop element.clientHeight 另外一种判断方法（元素占据整屏适用） element.getBoundingClientRect().bottom - element.clientHeig 阅读全文

摘要： 1. 使用全局样式 2. 使用深度作用选择器，必须有vue-loader(11.2.0以上)支持 阅读全文

摘要： echarts体积很大，在移动端使用异步加载是一种提高渲染速度的方法，结合webpack的做法如下： 阅读全文

摘要： echarts使用canvas画图，在移动端使用rem时候，若viewport的scale被缩放，则字体会发生模糊，本人采用的解决方法是在不同的dpr下使用不同的字体大小，具体代码如下： 获取字体大小，实测在主流手机上效果尚可： 设置echarts的字体大小 阅读全文

摘要： vuex的过程 规定所有的数据操作必须通过 action - mutation - state change 的流程来进行，再结合Vue的数据视图双向绑定特性来实现页面的展示更新。统一的页面状态管理以及操作处理，可以让复杂的组件交互变得简单清晰，同时可在调试模式下进行时光机般的倒退前进操作，查看数据 阅读全文

摘要： Virual DOM是用JS对象记录一个dom节点的副本，当dom发生更改时候，先用虚拟dom进行diff，算出最小差异，然后再修改真实dom。 vue的virtual dom的diff算法是基于snabbdom算法改造而来，与react的diff算法一样仅在同级的vnode间做diff，递归的进行 阅读全文

摘要： vue的双向绑定包括两部分 1.数据变化更新视图2.视图变化更新数据 view变化更新data一般通过事件监听来完成，例如input标签监听input事件即可data变化更新view则是通过Object.defineProperty()的set方法进行，在数据赋值时候，在set方法种执行一个view 阅读全文

摘要： vue1.*版本中 在标签中加上el='dom'，然后在代码中this.$els.dom这样就拿到了页面元素 例如：<div class='box' v-el: myBox>你好</div> 让你好的颜色显示为红色：this.$els.my-box.style.color = 'red' vue2. 阅读全文

摘要： webpack --watch会产生*.hot-update.json文件，解决方法如下： 出处：https://github.com/gaearon/react-hot-loader/issues/456 阅读全文

摘要： 不论之前是什么类型的元素（display:none除外）， 只要设置了position:absolute或float， 都会让元素以display:inline-block的方式显示， 可以设置长宽，默认宽度并不占满父元素， 就算是显示的设置display:inline或display:block， 阅读全文