完美前端

摘要： 1. 安装Node.JS 和 npm 安装Node.JS 和 npm,如未安装可参照其他文章 2. 创建package.json文件 执行以下命令创建一个package.json npm init (回车, 一直下一步即可) 3. 安装 Babel npm install --save-dev ba 阅读全文

摘要： Array @@iterator 返回一个包含数组键值对的迭代器对象，可以通过同步调用得到数组元素的键值对 copyWithin 复制数组中一系列元素到同一数组指定的起始位置 entries 返回包含数组所有键值对的@@iterator includes 如果数组中存在某个元素则返回true，否则返 阅读全文

摘要： 使用 reduce 对数组进行操作示例 arr.reduce(function(prev, cur, index, arr) { // 这是一个 reduce 回调函数 // prev 表示上一次调用回调时的返回值，或者初始值 init // cur 表示当前正在处理的数组元素 // index 表 阅读全文

摘要： 数组方法 concat 连接2个或更多数组，并返回结果 every 对数组中的每一项运行给定函数，如果该函数对每一项都返回true，则返回true filter 对数组中的每一项运行给定函数，返回该函数会返回true的项组成的数组 forEach 对数组中的每一项运行给定函数。这个方法没有返回值 j 阅读全文

摘要： var array1 = [1, 2, 3];console.log(array1.includes(2)); // trueconsole.log(array1.includes(2, 5)); // false array1.includes(value， index)； // value 要搜 阅读全文

摘要： ES5 写法 // 使用构造函数和原型创建Book类 function Book(title, pages, isbn) { this.title = title; this.pages = pages; this.isbn = isbn; } // 在原型上添加printTitle方法 Book. 阅读全文

摘要： 今天偶然看到的 比如要生成 1-100 范围之内的 10 个不重复随机数，代码就可以这么写 var arr = []; for (var i = 1; i <= 100; i++) { arr.push(i); } arr.sort(// 使用sort()方法对数组进行排序，传入比较函数 funct 阅读全文

摘要： #### 针对不同浏览器设置样式 (CSS HACK) CSS样式 #### 伪类与伪元素 **伪类和伪元素**的主要区别是它们在CSS中的作用和意义。下面对它们进行详细的解释： **1. 伪类 (Pseudo-classes)** 伪类用于定义某些特定状态下元素的特殊样式，这些状态通常是不能直接通 阅读全文

摘要： 曾几何时，display:inline-block 已经深入「大街小巷」，随处可见 「display:inline-block; *display:inline; *zoom:1; 」这样的代码。如今现代浏览器已经全面支持这个属性值了，上面的代码是为了兼容 IE6、7而已。那么你真的了解 inlin 阅读全文

摘要： 优化网页性能与用户体验 众所周知：如今的网页为了吸引用户，无所不用其极，夹杂着大量拖累网站的工具。一个好的用户体验，需要高清晰度的图片、视频、图形以及字体；并且现在社会化分享（例如：jiathis社会化分享按钮和代码）、市场跟踪（如Google分析，百度统计）和第三方项目如雨后春笋，大量增加；Jav 阅读全文