更早的文字

8 篇记录，关于技术、体验和生活。

• 2014-02-11

  手机端滚动图片组件

  这个滚动图片组件网上大把的，其实没太多必要再堆砌无谓的代码了，但是我写这个组件的时候尝试了另外一种思路。先可以看下demo。

• 2014-01-15

  图片拖慢了你的网站？试试这种方法吧

  http://aerotwist.com/blog/one-weird-trick/chrome计算和布局的时候会”光栅化“你页面上所有的像素。 在chrome中光栅化器也叫Skia，它会根据你的页面上的可见元素产生一系列的绘制事件，这其中就有图片（可能是image标签或者是用图片当做背景）。

• 2014-01-05

  Performance profiling with the Timeline

  这篇timeline的使用教程，翻译自：https://developers.google.com/chrome-developer-tools/docs/timeline#timeline_event_reference

• 2014-01-05

  Timeline demo: Diagnosing forced synchronous layouts

  这篇文章翻译自https://developers.google.com/chrome-developer-tools/docs/demos/too-much-layout/

• 2014-01-05

  Chrome DevTools' timeline

  chrome 开发者工具天天都在用，但是你真的会看么？Timeline 中的柱子是什么意思呢？为什么有的是空的有的是有颜色的呢？

• 2013-11-07

  样式该如何架构——模块化（二)

  此篇文章还是为模块化做铺垫，主要研究的是样式的渲染方式及效率问题。

• 2013-10-27

  样式该如何架构——模块化（一）

  模块化程序设计多是基于程序语言的，并通过各种条件控制，继承，抽象等特性来实现，而对于css而言是没有这种复杂逻辑判断的，所以样式模块化不能简单的套用模块化程序设计的思路。

• 2013-10-05

  内联元素的空隙

  在调试工具中，当鼠标滑到a标签的时候会有两像素错位，并且紧接在下面的元素也会错位（往下移动）两像素。