前面的话 本文将详细介绍前端性能优化的七大手段，包括减少请求数量、减小资源大...

2018-06-24 02:18:33

JavaScript代码运行前有一个类似编译的过程即词法分析，词法分析主要有三个步骤： 分析参数 再分析变量的声明 分析函数声明 具体步骤如下： 函数在运行的瞬间，生成一个活动对象（Active Object），简称AO 第一步：分析参数： 函数接收形式参数，添加到AO的属性，并且...

2018-06-24 02:18:30

上一次将webpack1升级到3，也仅是半年前，前端工具发展变化太快了，如今webpack4已经灰常稳定，传说性能提升非常高，值得升级。 一直用着的webpack3越来越慢，一分多钟的编译时间简直不能忍，升级之后在几个系统和几台电脑上评测，平均提高了7-9倍，生产模式的最突出...

2018-06-24 02:18:27

为了统一团队的代码规范，除了一纸规范说明之外，还需要引入工具进行限制。虽说工具并不能完全实现规范中的规则，但至少能够在一定程度上缓解代码不统一的局面。 相对于后端，前端代码规范的质量检查涉及到HTML, CSS，Javascript ，如今还涉及到SCSS，ES5，JSX, React...

2018-06-24 02:18:22

前面的话 本文将详细介绍笔者在开发中常用的一些chrome插件 字符编码 前端开发时，经常出现乱码的情况。但是，新版本的chrome浏览器已经没有更改字符编码的设置选择，这时就要用到set characterEncoding插件了 在页面空白处，点击右键，即可选择需要的编码格式 浏览代...

2018-06-24 02:18:20

单线程模型 单线程模型指的是，JavaScript 只在一个线程上运行。也就是说，JavaScript 同时只能执行一个任务，其他任务都必须在后面排队等待。 注意，JavaScript 只在一个线程上运行，不代表 JavaScript 引擎只有一个线程。事实上，JavaScript 引擎有多个线程，单个脚...

2018-06-24 02:17:59

一直都知道JS数组Array内置对象有一个concat方法,但是也没怎么研究过,今天偶然就看了看 concat是连接一个或多个数组 返回的是连接后数组的一个副本 var oldArr=[]; var arr=[[1,2,3],[4,5,6],[7,8,9],[10,11,12]]; var newArr=oldArr.conat(arr); console.log(newArr);...

2018-06-24 02:17:57

DuelJS 是什么？ DuelJS是一个快速和小型的JavaScript库，可以帮助实现浏览器tab页主从关系的切换。使用它可以优化你浏览器和服务器之间的通信，以及你 浏览器内部tab页之间的通信 。 对于我而言，我关注的就是它可以帮助实现同域名下不同窗口（tab）之间通信，可以广...

2018-06-24 02:17:57

1 !DOCTYPE html 2 html lang="en" 3 4 head 5 meta charset="UTF-8" 6 meta name="viewport" content="width=device-width, initial-scale=1.0" 7 meta http-equiv="X-UA-Compatible" content="ie=edge" 8 titleDocument/title 9 style 10 /* #cs { 11 border: 1px so...

2018-06-24 02:17:53

前面的话 本文将详细介绍DNS预解析prefetch的主要内容 概述 DNS(Domain Name System, 域名系统)，是域名和IP地址相互映射的一个分布式数据库。DNS 查询就是将域名转换成 IP 的过程，这个过程短的话 2ms 几乎无感，长则可能达到几秒钟 当浏览器访问一个域名的时候，需要...

2018-06-24 02:17:46