现在用户上网大多使用移动设备或者笔记本电脑。对这两者来说，电池寿命都很重要。在这篇文章里，我们将讨论影响电池寿命的因素，以及作为一个web开发者，我们如何让网页耗电更少，以便用户有更多时间来关注我们的内容。
是什么在耗电？
移动设备的电力消耗有以下几个因素：
2025年04月21日
现在用户上网大多使用移动设备或者笔记本电脑。对这两者来说，电池寿命都很重要。在这篇文章里，我们将讨论影响电池寿命的因素，以及作为一个web开发者，我们如何让网页耗电更少，以便用户有更多时间来关注我们的内容。
移动设备的电力消耗有以下几个因素：
2025年04月21日
最近在项目中使用了 react-dnd，一个基于 HTML5 的拖拽库，“拖拽能力”丰富了前端的交互方式，基于拖拽能力，会扩展各种各样的拖拽反馈效果，因此有必要学习了解，最好的学习方式就是实操！
2025年04月21日
这篇教程要介绍的案例是：App界面上调整时间的可交互原型。我们先看一下效果：
这个案例用的是Principle这款软件做的。Principle近段时间非常流行的一款做原型的软件。很多公司也用Principle做高保真原型，这样就可以作为最小可行性产品（mvp）,在正式开发前就进行用户调查、可用性测试。
Principle有如下几大优点：
2025年04月21日
不论是设计还前端开发，设计和制作个特效按钮，对于他们来说，是习以为常的事情，下面是一组使用CSS3制作的炫酷鼠标滑过按钮动画特效。这30种鼠标滑过按钮的动画特效分别使用CSS3 transition和transform属性来制作按钮边框，文本动画以及流光动画效果，各种效果都非常有创意。
演示地址：
http://www.htmleaf.com/Demo/201510282718.html
使用方法
2025年04月21日
在IE中使用CSS3的旋转效果是不能实现的，但是我又想把IE旋转效果跟其他浏览使用CSS3 rotate(deg) 一样。那怎么办呢。我在找了一下，发现IE里面有一款滤镜，可以实现旋转角度。代码如下：
filter: progid:DXImageTransform.Microsoft.Matrix(sizingMethod='auto expand', M11=0.70710678, M12=-0.70710678, M21=0.70710678, M22=0.70710678);2025年04月21日
HTML5的结构化标签，对搜索引擎更友好
li 标签对不利于搜索引擎的收录，尽量少用
banner图片一般拥有版权，不需要搜索引擎收录，因此可以使用ul + li
<samp></samp>可用于浅色副标题
display:inline-block; 每个导航块存在水平间隙，解决方法是在父元素上添加font-size:0;
2025年04月21日
----------基于上次写的jquery插件进行改造
http://www.cnblogs.com/GerryOfZhong/p/5533773.html
背景：jQuery插件依赖jQuery库，虽然jQuery使用十分广泛，但是对于移动开发或者在其他带宽需求需要注意的时候，就得考虑，因为我不可能完成一项技术相对来说引用了一个更大的库，这样之不值得的。所以原生js是所有浏览器都支持的一种语言，原生js相对来说就very good了，但是原生js相对新手或者没有很强基础的人来说还是相对比较深奥晦涩一点的，毕竟要考虑一些额外的因素：
2025年04月21日
CSS伪类选择器是前端开发中不可或缺的强大工具，它们允许我们根据元素的状态、位置或用户行为动态地应用样式。本文将全面介绍常用的伪类选择器，并通过代码示例展示其实际应用场景。