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