摘要：
上两遍文章介绍了前端模块化开发（以seaJs为例）和前端自动化开发（以grunt为例）的流程，参见： http://www.cnblogs.com/luozhihao/p/4818782.html （前端模块化开发） http://www.cnblogs.com/luozhihao/p/484870 阅读全文
摘要：
上篇文章介绍了前端模块化开发工具seaJs，利用seaJs我们可以轻松实现前端的模块化编程，参见http://www.cnblogs.com/luozhihao/p/4818782.html 那么今天我继续介绍前端开发的另一工具——grunt。关于介绍grunt文章网上已经存在很多，而本文主要结合自 阅读全文
摘要：
了解后端语言的童鞋一定听过模块化开发的概念，比如java、python等后端语言都有自己的模块化特性，然而和后端语言相比，javascript还尚未实现模块化的功能，虽然之后的更高版本可能引入模块化开发的概念，但是现阶段我们可以通过第三方控件来实现。 今天我就来给大家介绍下可以帮助我们实现前端模块化 阅读全文
摘要：
会用PS的童鞋一定知道“蒙版”的概念，它可以在图片上实现一定的遮罩效果，当然这里我们不介绍ps里的蒙版，而是介绍利用CSS3的新属性-webkit-mask来实现网页中的图片遮罩效果。 大家对-webkit-mask这一属性可能不太熟悉，或许有很多人都是第一次见到，没错，这一属性也是还未被众多浏览器 阅读全文
摘要：
今天突然有位前端的朋友问我textarea怎么实现高度随内容自增长，我一下子懵了，首先想到的是用js改变textarea的高度，但是百度了很多参考代码效果都不是很理想。 因为之前实际项目中用的textarea都是定死高度后超出实现滚动条的，如果不是对用户体验太在意的话没必要去搞什么高度自增长.... 阅读全文
摘要：
前言 一般情况下网页中的图片都是随文档流依次加载的，什么时候用到则什么时候加载，但是有些时候这样的加载方式往往会影响用户体验，比如鼠标hover变换背景图片的时候，只有鼠标移入才会对变换的图片进行加载，这样就可能会出现片刻的加载空白现象。 为了在必要的时候增加用户体验，提高网页的交互逼格，这里不得不 阅读全文
摘要：
相信大家都知道HTML5提供了localStorage和sessionStorage两个新功能，基于这两个功能我们可以实现web资源的离线和会话存储，如果你现在还在用Cookie来临时存储网络资源的话，那就太out了，有这么好的东西放着干吗不用呢？ 下面我将通过一个简单的例子来阐述localStor 阅读全文
摘要：
最近在看一本名为《web性能实践日志》的书籍，其中第十三章"网络计时"中介绍了一种比较新的计算页面各部分加载时间方法，这也是W3C Web性能工作小组正在做的事情，接下来我就给大家大概介绍一下： 首先先撇开这篇文章所要介绍的，如果要你来写一段代码来计算整个页面加载的时间的话，我们一般都会这样做：获得 阅读全文
摘要：
最近完成了项目中的一个树状应用，第一次接触了jstree这个插件，总的来说它的官方文档还是比较详细的，但是在使用过程中还是出现了一些问题，下面我就来谈谈这款插件的使用和心得。 首先项目需要构建一棵树，利用jstree插件我们先在页面上静态的把这棵树渲染出来，参照官方文档（http://www.jst 阅读全文
摘要：
之前一直用change事件来监听输入框内容是否发生变化，只有当输入框失去焦点时才会触发，没想到html5还有个input事件，只要输入框内容发生变化就会立即触发，既然有这么好的东西我们干嘛放着不用呢，接下来就来给大家介绍一下： 如果我们页面上有这样一个简单到极致的输入框： 那么我们现在用jquery 阅读全文