在同样的网络环境下，两个同样能满足你的需求的网站，一个“Duang”的一下就加载出来了，一个纠结了半天才出来，你会选择哪个？研究表明：用户最满意的打开网页时间是2-5秒，如果等待超过10秒，99%的用户会关闭这个网页。也许这样讲，各位还不会有太多感触，接下来我列举一组数据：Go…

1. 前言 注意，问得是几个！我当时还真答不上来几个，他问得那两个，我刚好又没答对。 我们应该有一个目标：尽量只操作键盘即可满足我们对浏览器的日常使用，摆脱鼠标的依赖，因为只操作键盘是最快的方式，还是高逼格的操作。 如本文题目，本文将分为 3 部分讲解内容，由浅入深。 2. 高…

本文标题:实现图片懒加载(lazyload)文章作者:Jake发布时间:2016-11-26, 18:46:34最后更新:2016-11-28, 17:12:59原始链接:http://i.jakeyu.top/2016/11/26/实现图片懒加载/许可协议: "署名-非商用-…

float属性的布局方式，设计友好，目前兼容性已经很好了，很多主流网站都已经开始采用。本文总结一下flex的设计思想和语法，以及在实际的布局应用中为我们带来了哪些便利。 自适应，比如最简单的左侧是固定宽度导航栏，右侧自适应填充剩余空间。一般使用float和margin来实现或者…

我们知道WebSocket是一种在服务器与客户端双向通讯的技术，使用原生的WebSocket可以最小化 服务器资源的使用并且为两者提供了一种统一的通信方式。随着HTML5的普及，现代浏览器（IE10+）基本上都已经原生支持WebSocket了，下面是支持WebSocket协议的…

规范类的制定我期望是唯一的... ... 如上配置，每次它只会在你本地 commit 之前，校验你提交的内容是否符合你本地配置的 eslint规则。如果不符合就会执行 eslint --fix 尝试自动修复，修复失败，则会提示错误，手动修复好错误后才允许提交代码。 在src目录…

在前端面试中，经常会被问到“一个页面从输入URL到页面加载显示完成，这个过程都发生了什么”，这是前端的经典面试题之一。这个过程涉及的东西很多，区分度很高。 载入解析到的资源文件，完成页面渲染。 ☞其实，我们了解这个过程对前端的性能优化是有意义的，在这个过程中找到优化点，去缩短请…

记得前百度工程师张云龙说过，页面前端优化问题绝对不仅仅是为页面提速的问题，更是工程的问题，有兴趣的同学可以阅读《前端工程与性能优化》。里面有提到根据雅虎 14 条优化原则，《高性能网站建设指南》以及《高性能网站建设进阶指南》中提到的优化点梳理出来的优化方向：

简要介绍：前端开发中，静态网页通常需要适应不同分辨率的设备，常用的自适应解决方案包括媒体查询、百分比、rem和vw/vh等。本文从px单位出发，分析了px在移动端布局中的不足，接着介绍了几种不同的自适应解决方案。 在静态网页中，我们经常用像素（px）作为单位，来描述一个元素的宽…