摘要： H5动画60fps之路 在移动端，和Native相比，H5一直都被人吐槽性能差，尤其是在动画方面。 谈到整个Web app的生命周期，一般分为四个部分： 1. 加载 2. 等待用户 3. 响应用户 4. 动画 一般情况下，首屏加载的时间应该小于 ，而响应用户行为的时间应该小于 ，... 阅读全文

摘要： 以前我们要实现对话气泡效果很麻烦，基本上是用切图的方法。现在有了CSS3就变得简单多了。一个HTML元素，一些CSS3代码，不需要图片，也不需要JavaScript。 如下图： 主要使用了 和`：after`伪类，直接上代码： 阅读全文

摘要： 本章内容略显陈旧，主要描述如何用浮动替代表格布局，并没有什么出彩的地方。不过其间提到了清楚浮动的几种方法，那么今天就总结一下如何清楚浮动吧。 为什么要清除浮动？ 虽说是清除浮动，其实是清除浮动产生的影响。 浮动的元素，高度会塌陷，而高度的塌陷使我们布局中需要清除浮动的最重要的原因之一。 清除浮动的方 阅读全文

摘要： 相信很多人都有一种陋习，就是收藏的文章，几乎从来都没有回过头来仔细看过。这次借着这次活动的机会，在《无懈可击的web设计》一书的学习过程中，穿插着讲自己曾经收藏过的，现在觉得还有价值的文章再看一遍，并记录笔记。努力做到：收藏 是因为自己看过了，懂了，怕忘掉而收藏，不是收藏了告诉自己，有空再看。 一、 阅读全文

摘要： 本文转自张洋，因为SeaJS更新版本很快，所以原文中很多地方不太适用，在这里发布一个更新版。 前言 SeaJS是一个遵循CommonJS规范的JavaScript模块加载框架，可以实现JavaScript的模块化开发及加载机制。使用SeaJS可以提高JavaScript代码的可读性和清晰度，解决... 阅读全文

摘要： 常见的方法 body{ font size:12px; } 使用像素单位的优点： 不管使用哪种浏览器或者设备来查看，文字看起来都大小一致。 为什么这么做不是无懈可击的？ 以像素为单位设定文字大小之后，Windows平台上的IE用户无法随意改变浏览器文字大小。 不适合响应式开发 ... 阅读全文

摘要： 先用最近遇到的几个问题做引子： 1 console.log(null==undefined); //true 2 console.log(null==false);//false 3 console.log(null==0);//false 4 console.log(0==undefi... 阅读全文

摘要： 最近在使用AmazeUI进行仿App Mobile Web开发时遇到了讨论众多的position:fixed问题。position:fixed在安卓2.2以上已经实现，但是在ios8以下系统当小键盘激活时，会出现位置错位的问题。如下图：受到CSDN上刘华童鞋（http://my.csdn.net/l... 阅读全文

摘要： 在2014WWDC上，Ted O’Connor提出了“retina hairlines”的解决方案，即在ratina屏幕上可以显示0.5px宽度的边框。他的方案是这样的： 1 Standard border syntax： 2 div{ 3 border:1px solid black; ... 阅读全文