摘要：最近的一个项目中的需求要对一堆元素进行排序，排序的依据是元素在页面上面的坐标位置，然后按照顺序给所有元素一个编号。 最近的一个项目中的需求要对一堆元素进行排序，排序的依据是元素在页面上面的坐标位置，然后按照顺序给所有元素一个编号。如下图所示：showImg(https://segmentfault.com/img/remote/1460000017352896); 做这个需求的是一个新...
摘要：大多数模板实现原理基本一致模板字符串首先通过各种手段剥离出普通字符串和模板语法字符串生成抽象语法树然后针对模板语法片段进行编译，期间模板变量均去引擎输入的变量中查找模板语法片段生成出普通片段，与原始普通字符串进行拼接输出。 前端模板的发展 模板可以说是前端开发最常接触的工具之一。将页面固定不变的内容抽出成模板，服务端返回的动态数据装填到模板中预留的坑位，最后组装成完整的页面html字符...
摘要：与服务器端通信每次都会携带在头中，如果使用保存过多数据会带来性能问题。但如果要存储大量的复杂的数据，这并不是一种很好的方案。使用索引存储数据，各种数据库操作放在事务中执行。通过监听正确类型的事件以等待操作完成。 cookie 生命期为只在设置的cookie过期时间之前一直有效，即使窗口或浏览器关闭。 存放数据大小为4K左右 。有个数限制（各浏览器不同），一般不能超过20个。与服务器端通...
摘要：使用会遍历所有的可枚举属性，包括原型。所以需要判断一下，是否是对象自身的属性，而不是继承于原型的。注意，会跳过那些值为或的源对象。 代码 var obj1 = {a: obj2,b:2}; var obj2 = {name: obj3}; function extend() { var length = arguments.length; var target = ar...
摘要：对像素点实现基本的处理操作获取像素点数据获取中的像素信息，开始复制的左上角位置的坐标。灰度处理像素取反减去对应的值，再赋值给原来的亮度调节原来的值随机的加减一个相同的随机数。 canvas对像素点实现基本的处理操作 // 获取像素点数据 var canvas = document.getElementById(CanvasElt); var ctx = canvas.get...
