摘要： CSS动画并不是绝对比JavaScript动画性能更优越，开源动画库Velocity.js等就展现了强劲的性能。 一、两者的主要区别 先开门见山的说说两者之间的区别。 1）CSS动画： 基于CSS的动画一般由浏览器“主线程”之外的独立线程处理，在其中执行样式、布局、绘制和 JavaScript。 使 阅读全文

摘要： 一、网络优化 YSlow有23条规则，中文可以参考这里。这几十条规则最主要是在做消除或减少不必要的网络延迟，将需要传输的数据压缩至最少。 1）合并压缩CSS、JavaScript、图片，静态资源CDN缓存 通过构建工具Gulp，可以在开发的时候就将合并压缩的事情一起做掉。 之所以要做合并压缩是因为： 阅读全文

摘要： 我在写CSS的时候经常会碰到些麻烦事儿： 1）看上去蛮简单的排版却写了很久 2）代码写的越来越散，总是这里补一句，那里补一句，没有条理性 3）margin、padding、font-size等属性在不停的重写 效率提不上去，工期又赶，最后只能加班加点做。 后面仔细想想，其实自己可以做的更有计划性，更 阅读全文

摘要： 以前曾用Canvas合成、裁剪、图片等《用H5中的Canvas等技术制作海报》。这次用Canvas来画文字。 下图中“老王考到驾照后”这几个字是画在Canvas上的，与在PS中打入的字非常接近，毫无违和感。 前面一段时间也在研读JavaScript设计模式相关的知识，这次正好小小的实践一下，但对设计 阅读全文

摘要： 最近在研读另外一本关于设计模式的书《JavaScript设计模式》，这本书中描述了更多的设计模式。 一、创建型设计模式 包括简单工厂、工厂方法、抽象工厂、建造者、原型和单例模式。 1）简单工厂 又叫静态工厂方法，由一个工厂对象决定创建某一种产品对象类的实例。 两种实现方式，第一种是通过类实例化对象创 阅读全文

摘要： 最近搞了台Macbook Pro，就学习了一下Linux命令，在网上查了些资料，看了本书叫《快乐的 Linux 命令行》，里面涉及到了各个方面的命令。 在此将常用的整理出来，以备将来使用。 一、文件系统中跳转 1）pwd 打印出当前工作目录名。 2）ls 列出一个目录包含的文件及子目录。 ls 命令 阅读全文

摘要： 最近在研读一本巨著《JavaScript忍者秘籍》，里面有一篇涉及到了正则表达式。 我在以前也曾经写过一篇正则表达式相关的文章《JavaScript与PHP中正则》，这次再做些补充。 书中的源码可以在此下载。我将源码放到了线上，如果不想下载，可以直接访问在线网址，修改页面名就能访问到相应示例代码。 阅读全文

摘要： 最近在研读一本巨著《JavaScript忍者秘籍》，里面有一篇文章提到了这3个概念。 书中的源码可以在此下载。我将源码放到了线上，如果不想下载，可以直接访问在线网址，修改页面名就能访问到相应示例代码。 一、DOM特性和DOM属性 attribute（特性），是我们赋予某个事物的特质或对象，attri 阅读全文

摘要： 最近在研读一本书《JavaScript设计模式与开发实践》，进阶用的。 一、高阶函数 高阶函数是指至少满足下列条件之一的函数。 1. 函数可以作为参数被传递。 2. 函数可以作为返回值输出。 1）高阶函数实现AOP AOP（面向切面编程）的主要作用是把一些跟核心业务逻辑模块无关的功能抽离出来，这些跟 阅读全文

摘要： 一、[[Prototype]] JavaScript中的对象有一个特殊的[[Prototype]]内置属性，其实就是对于其他对象的引用。 当你试图引用对象的属性时会触发原型[[Get]]操作，比如myObject.a。 1. 第一步是检查对象本身是否有这个属性，如果有的话就使用它。 2. 如果a不在 阅读全文