我们应该都知道，width的默认值是'auto'，'auto'由于是默认值，出镜率不高，但是，却是个深藏不露的家伙，包含了至少4种不同的宽度表现，而且每一种表现……
深入理解CSS的width:auto
2018年07月23日 by 阅读 45034 次, 今日 7 次Canvas中颜色过渡动画效果的实现
2018年07月22日 by 阅读 27876 次, 今日 12 次
在CSS3中，我们要想实现从A颜色到B颜色的过渡效果，是相当容易的，只要指定起止颜色，配合transition过渡或者animation动画都可以时间我们想要的效果。
但是，在<canvas>中却没有这么简单，因为<canvas>本质上是一个静态画布，要想实现颜色变化，需要JS去不断绘制，实现起来要比CSS实现麻烦很多。再加上颜色值本身就不一定是纯粹的数值，更增加了我们实现的难度。
本文就将通过多个案例，逐步深入，介绍一些在Canvas中的颜色处理技巧，有些技巧说不定会让你大开眼界。
揭秘视频网站video视频倍速播放的实现
2018年07月14日 by 阅读 56458 次, 今日 13 次B站，或者腾讯视频等主流视频网站视频现在都支持倍速播放功能。这个功能对于当下快节奏的生活而言，是很有用的，说夸张点是延长了我们的生命，哈哈哈。
对于一个靠技术吃饭人，总免不了关注点在技术实现上，究竟是如何实现的呢？且看~
实力科普：为什么浮层或弹框一定要有叉叉关闭按钮？
2018年07月14日 by 阅读 35949 次, 今日 6 次之前自己发了个安利LuLu UI组件的微博，其中有位同行对于弹框组件提了这么一个问题：大佬，这种info类型的，为什么还要带个x？明明有确定按钮，似乎这个叉叉按钮去掉也没什么事，是不是很多人有类似的疑问？我很早之前就有过这样的想法，而且还付诸实践，直接把几个提示框右上角关闭按钮去掉，好干净好清爽，而且功能也没什么问题，还洋洋得意。后来，不断学习和积累，才发现当初的我对交互设计和用户体验的认知还很浅薄。
canvas HTML属性尺寸和CSS尺寸多个细节深入
2018年07月8日 by 阅读 29748 次, 今日 8 次原本以为canvas元素尺寸和img元素一样，结果深入一研究发现，还是有不少差异的，有兴趣可以进来看看，说不定可以学到点东西。
CSS touch-action简介与treated as passive错误解决
2018年07月5日 by 阅读 35765 次, 今日 11 次Chrome以及Safari等浏览器下，有时候event.preventDefault()回报”Unable to preventDefault inside passive event listener due to target being treated as passive”的错误，有没有什么办法解决呢？本文就将提供几个解决之道，顺便介绍一些你可能不知道的CSS属性或者JS事件参数。
CSS CSS3实现3D开门动画效果
2018年06月23日 by 阅读 54066 次, 今日 3 次本文展示了2个自己写的酷酷的3D开门动画效果，然后顺便介绍了3D动画实现的一些相关技巧。本文有demo，有视频效果展示，还有必要的源代码讲解，希望本文的内容能够对您的学习有所帮助。
是时候好好安利下LuLu UI框架了！
2018年06月12日 by 阅读 59251 次, 今日 4 次
LuLu UI是阅文前端荣誉出品的UI框架，基于jQuery，针对PC网站，兼容IE8+，包含20+静态或动态UI组件，非常适合面向外部用户的网站开发。
具有贴近用户，上手简单，使用场景广泛，成熟，体验好等优点，面向设计，方便体验侧前端同学进行开发，方便设计师视觉还原和创意实现，在PC端用户侧网站开发上，LuLu UI有着不可匹敌的竞争力！
CSS3 animation属性中的steps功能符深入介绍
2018年06月11日 by 阅读 71388 次, 今日 7 次steps()有一定的学习难度，很多概念总是搞不清楚，所以本文算是个自我挑战，看看能不能说清楚steps()中的相关概念，方便大家理解与学习。本文有些篇幅，有些深入，如果您时间较紧，可以先马后看。总之，希望本文的内容能够对您的学习有所帮助。
我的应用
我的应用