在做项目中经常会遇到使用动画的情况。以前的情况是用js写动画，利用setTimeout函数或者window.requestAnimationFrame()实现目标元素的动画效果。 虽然后者解决了刷新频率和移动频率同步的问题，但是因为js频繁地操作dom带来的额外开销和复杂的计算公式使得大多数开发者对 ...
分类：
Web程序 时间：
2017-10-03 15:27:20
阅读次数：
294
mvc 为什么需要mvc（mvc只是手段，终极目标是模块化和复用） 代码规模越来越大，切分职责是大势所趋 为了复用 为了后期维护方便 前端mvc的困难 操作DOM的代码必须等待整个页面全部加载完成。 多个JS文件之间如果出现互相依赖，程序员必须自己解决。 JS的原型继承也给前端编程带来了很多困难 A ...
分类：
Web程序 时间：
2017-10-02 20:52:32
阅读次数：
147
做页面的时候可能会用到位置固定的层，读取 document.body.scrollTop 来设置显示浮动框，像这样： 可是怎么没有达到预期效果呢，输出 document.body.scrollTop 的值一看，一直都是 0。原来是 DTD 的问题,要是页面直接用 开头的话就没有问题了。 但是要符合 ...
分类：
Web程序 时间：
2017-10-01 23:51:34
阅读次数：
442
Vue vue里的生命周期是什么？ vue实例从创建到销毁的过程称之为vue的生命周期 vue的生命周期各阶段都做了什么？ beforeCreate 实例创建前：这个阶段实例的data、methods是读不到的created 实例创建后：这个阶段已经完成了数据观测(data observer)，属性 ...
分类：
其他好文 时间：
2017-09-29 17:49:47
阅读次数：
170
一.Js原生对象和jQuery实例对象的相互转化: (1).原生JS对象转JQ对象: $(DOM对象); (2). JQ对象转原生JS对象: $(DOM对象).get(index); //注意区分eq(index)是jQuery实例对象; 直接下标访问, $(DOM对象)[index]; 二.两者操 ...
分类：
Web程序 时间：
2017-09-26 21:12:41
阅读次数：
220
1.使用dom-style的set方法，可以直接设置dom元素的样式属性，这和使用dom元素的style属性效果一样。 2.使用dom-class的replace方法可以替换某个dom元素的样式，add方法可以为dom元素增加样式，remove方法可以移除dom元素的样式 参考资源： Dojo do ...
分类：
其他好文 时间：
2017-09-25 17:38:12
阅读次数：
234
DOM(Document Object Model)是很慢的，其元素非常庞大，页面的性能问题鲜有由JS引起的，大部分都是由DOM操作引起的。如果对前端工作进行抽象的话，主要就是维护状态和更新视图；而更新视图和维护状态都需要DOM操作。 在jQuery出现以前，我们直接操作DOM结构，这种方法复杂度高 ...
分类：
其他好文 时间：
2017-09-13 23:27:49
阅读次数：
380
如何实现一个 Virtual DOM 及源码分析 Virtual DOM算法 web页面有一个对应的DOM树，在传统开发页面时，每次页面需要被更新时，都需要手动操作DOM来进行更新，但是我们知道DOM操作对性能来说是非常不友好的，会影响页面的重排，从而影响页面的性能。因此在React和VUE2.0+ ...
分类：
其他好文 时间：
2017-09-13 23:15:21
阅读次数：
270
1.javascript删除元素节点 IE中有这样一个方法:removeNode()，这个方法在IE下是好使的，但是在Firefox等标准浏览器中就会报错了 removeNode is not defined，但是在核心JS中有一个操作DOM节点的方法叫：removeChild()。 我们可以先去找 ...
分类：
Web程序 时间：
2017-09-13 15:14:50
阅读次数：
261
回首用vue已经2个多月了，今年7月底根据vue社区提供的api写了一个小移动端的小dom 通过这个项目也让我更深入的了解了vue（组件之间的通讯，计算属性，数据绑定、数据驱动....），用数据驱动型的框架做项目好处就是基本上不需要自己操作dom，框架会通过数据改变帮你最优的操作,也让你开发更加迅速 ...
分类：
其他好文 时间：
2017-09-11 21:05:04
阅读次数：
305
