浅谈运营商劫持那些事
当我们打开一个网页，经常会弹出一堆格格不入的小广告，像牛皮鲜一样，不堪入目；打开的是A网站，莫名其妙却被跳转至B网站；明明想下的是A软件，下载安装后却是B软件…
—— 我的电脑中毒了？—— 错！你的互联网流量被劫持，被蹂躏了！—— ？？？——请看下面分解！
运营商劫持的目的就是为了带来源源不断的
...
css3动画屏前幕后
我们常用css3的Animations或者Transitions来做动画，有些动画会很流畅，有些却不连贯。为什么？首先让我们先来了解一下浏览器是怎样工作的。
浏览器内部通过main thread和compositor thread来渲染页面main thread：
执行javascript
计
...
性能测试——RAIL性能模型
不要以为性能像下面的一组文档和注意事项那么简单。规则可能会变，也很容易使用。首先关注用户。用户如何看待延迟远远胜过任何性能指标。学习如何测试性能通过RAIL mode和你的浏览器分析工具。
这篇文章主要介绍RAIL性能模型，下一篇会介绍浏览器分析工具。
RAIL 性能模型RAIL 是以用户为
...
移动端优化篇——滚动
1 滚动
全局滚动：滚动条在body节点或更顶层局部滚动：滚动条在body节点下的某个dom节点上
1.1 弹性滚动1.11 iso全局滚动： 默认支持局部滚动：没有滚动条，滑动起来干涩
让局部滚动支持弹性滚动1234567body { -webkit-overflow-scrollin
...
移动端优化篇——点击
1.点击1.1 300ms的延迟？当我们打开没有对移动端分辨率做兼容的PC网页，它开始是缩小来让我们看到整个页面的宽度。我们需要双击放大来查看页面内容。双击——性能杀手，因为我们每点一次都要判断这是双击还是单击，浏览器设置了300ms的延迟，300ms内点击一次就是单击，点了两次就是双击。
一次触碰
...
高效的接口格式
所谓高效是指前后端通过遵循共同的接口格式规定，这样前后端可以同时进行开发，前端开发者只专注于开发自己程序，模拟接口格式，提前写好逻辑。提高开发效率，同时让接口更具有可读性。嗯，废话不多说啦，可能刚开始实施可能会有点不习惯，但有利于提高工作效率，可以让你提前下班哦，何乐而不为。GO,GO,GO…
...