随笔分类 - Web前端
潜心修炼前端之道
摘要：高质量的CSS篇 挂载class时多用组合，少用继承 如果要实现下图所示的模块，应该怎么来编写CSS呢？第一眼，我们可能会这样来编写CSS： .numberL1{border:1px solid #ccc;padding:10px;width:200px;} .numberL1 li{height:20px;line-height:20px;font-size:12px} .numberL2{border:1px solid #ccc;padding:10px;width:200px;} .numberL2 li{height:20px;line-height:20px;f...
阅读全文
摘要：$.getScript(url,callback) 这个方法是jquery自身提供的一个用于动态加载js的方法。当网站需要加载大量js时，动态的加载js就是一个比较好的方法，当需要某个功能时再将相应的js加载进来。但是自己在使用过程中却发现了一些不尽如意的地方。 每次需要执行该功能的时候都会去请求一次这个js，这样不是在帮倒忙嘛？ 于是找到Jquery官网的API说明 http://api.jquery.com/jQuery.getScript/ 其实这个方法就是对ajax方法的一个封装，可以使用ajax方法的缓存来将http状态200变成304，从而使用客户端的缓存：$.ajaxSetup(
阅读全文
摘要：高质量的CSS篇 怪异模式和DTD 不知道大家在使用IE8/9/10时使用开发人员工具看没看到这么几个选项: 其中的Quirks就是怪异模式，所谓怪异模式，就是为了兼容比较老的能够正常浏览而产生的一种模式，它的很多解析方式是不符合标准的，以至于现在几大门户网站对待这种怪异模式也是没有办法。不过大家大可不必去操心这种模式，因为那么老的浏览器用户也应该没有了吧？（比如IE4、5等），但是大家在编写前台代码的时候也一定要注意防止浏览器将你的代码以怪异模式的方式来解析！这里我们就有必要提到DTD了，DTD全程为Document Type Definition，中文名称就是文档类型定义，通过定义正确的D
阅读全文
摘要：之前一直是开发后台的，这段时间由于公司项目的关系，开始前端的开发，同时前端也是自己一个比较感兴趣的内容。之前对于前端，可谓样样都懂点，样样又都不懂。 《编写高质量代码-web前端开发修炼之道》这本书没有讲太多的理论知识，而是通过大量的实践和技巧来帮助你对web前端的修炼，值得一读。本系列博客也主要会分成三部分：HTML，CSS，JavaScript。高质量的HTML篇 HTML的标签从设计之初就考虑到了语义，而不是像下面这个例子一样，毫无语义可言： 1 <div class="header"> 2 <div>logo</div> 3 &l
阅读全文
