摘要：
CSS3 硬件加速又叫做 GPU 加速，是利用 GPU 进行渲染，减少 CPU 操作的一种优化方案。由于 GPU 中的 transform 等 CSS 属性不会触发 repaint，所以能大大提高网页的性能。 动画与帧 浏览器中动画也是由一帧一帧的图片组成的。我们首先看一下，浏览器每一帧都做了什么。 阅读全文
摘要：
本文主要内容 什么是对象 创建对象的几种方式 使用构造函数创建 字面量创建 工厂模式 构造模式 原型模式 原型 组合使用构造函数模式和原型模式 什么是对象 直接上《JavaScript高级教程》的截图 创建对象 1.使用构造函数创建 var obj = new Object(); 2.字面量创建 v 阅读全文
摘要：
原型 我（个人）不喜欢的，就是讲原型时上来就拿类做比较的，所以我不会这样讲。不过我的确讲过构造器函数，在这方面和类多多少少有共通之处。我的建议是：忘掉类。有很多观点认为“类”学的泛滥是面向对象的过度发展，是一种悲哀，以至于有太多的开发者几乎把面向对象和类划上了等号。在学习原型之前，我请你先记住并品味 阅读全文
摘要：
在JavaScript里面，字面量包括：字符串字面量(string literal )、数组字面量(array literal)和对象字面量(object literal)，另外还有函数字面量(function literal)。 1. 字符串字面量（String Literal）是指双引号引住的一 阅读全文
摘要：
什么是设计模式？ 设计模式是对软件设计开发过程中反复出现的某类问题的通用解决方案。设计模式更多的是指导思想和方法论，而不是现成的代码，当然每种设计模式都有每种语言中的具体实现方式。学习设计模式更多的是理解各种模式的内在思想和解决的问题，毕竟这是前人无数经验总结成的最佳实践，而代码实现则是对加深理解的 阅读全文
摘要：
有时候一个一个元素要绑定多个事件，其实是分开写 先看这个例子，我们预期它先执行alert1，然后是alert2，但事实上是没有alert1，因为覆盖了 <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>绑定多个 阅读全文
摘要：
使用CDN会极大地简化网站的系统维护工作量，网站维护人员只需将网站内容注入CDN的系统，通过CDN部署在各个物理位置的服务器进行全网分发，就可以实现跨运营商、跨地域的用户覆盖。由于CDN将内容推送到网络边缘，大量的用户访问被分散在网络边缘，不再构成网站出口、互联互通点的资源挤占，也不再需要跨越长距离 阅读全文
摘要：
跨域是指一个域下的文档或脚本试图去请求另一个域下的资源，这里跨域是广义的。 广义的跨域： 1.) 资源跳转： A链接、重定向、表单提交2.) 资源嵌入： <link>、<script>、<img>、<frame>等dom标签，还有样式中background:url()、@font-face()等文件 阅读全文
摘要：
前言 数组是 JS 中使用频率仅次于对象的数据结构，官方提供了众多的 API，今天我们来谈谈如何扁平化（flatten）数组。 顾名思义，扁平化就是将嵌套的数组变成一维数组的过程。 通常有几种方法可以实现扁平化： 迭代递归法 曲线救国法 我们将以一个例子贯穿整篇文章： var array = [[1 阅读全文
摘要：
console.log 不服预期 有些时候在使用·console.log() 打印对象的时候，打印出来的值不符合预期。这是为什么呢？ 有一种说法是：console.log() 是一个异步的方法，浏览器在处理的时候对于这种读取 i/o 的操作一般会放到比较靠后的位置去处理。所以有些时候打印出来的值不符 阅读全文