随笔分类 - 前端开发技术
Javascript,HTML,CSS技术类文章
摘要：在做手机web或app的时候，为适应不同屏幕，你可能需要写很多针对不同屏幕大小的css代码，那么这个时候我们如果用固定大小去设置字体的大小就要些很多代码了。这个时候我们需要使用相对大小了，这样该其他我们之需要修改指定根元素的值了。css3中也出现新的字体单位rem，在几乎所有的自适应网页设计的书籍及文章中都推荐使用em作为字体单位，甚至推荐你使用em来作为你所有设置size部分的单位。那么em和px如果转换呢？
阅读全文
摘要：
工欲行其事必先利其器，好的单元测试框架是TDD成功的一半。Javascript优秀的测试框架很多, 包括Jasmine，Qunit，JsTestDriver，JSUnit，Mocha等，当然你也可以写自己的单元测试框架，本文主角是Jasmine和Qunit。我之前一直用Qunit来做单元测试，Qunit在中国占有率是非常高的，我也不例外，而美国同事们已经用到Jasmine了，为了做一个更好的选型，决定对这两个框架做了一个小小的比较。
阅读全文
工欲行其事必先利其器，好的单元测试框架是TDD成功的一半。Javascript优秀的测试框架很多, 包括Jasmine，Qunit，JsTestDriver，JSUnit，Mocha等，当然你也可以写自己的单元测试框架，本文主角是Jasmine和Qunit。我之前一直用Qunit来做单元测试，Qunit在中国占有率是非常高的，我也不例外，而美国同事们已经用到Jasmine了，为了做一个更好的选型，决定对这两个框架做了一个小小的比较。
阅读全文
摘要：
localStorage作为HTML5中的新特性，它的出现可以说对于前端性能体验来讲可以获得相当大的改善。存储一些用户经常用到而又不是涉及隐私和安全的东西，的确是一个非常好的选择。下面分享一下用localStorage来处理客户端代码错误的例子来了解一下它的用途吧。
阅读全文
localStorage作为HTML5中的新特性，它的出现可以说对于前端性能体验来讲可以获得相当大的改善。存储一些用户经常用到而又不是涉及隐私和安全的东西，的确是一个非常好的选择。下面分享一下用localStorage来处理客户端代码错误的例子来了解一下它的用途吧。
阅读全文
摘要：在做国外web项目时已经放弃了对IE6的调试，感觉轻松很多。就在想现在国内的网站也是否可以放弃IE6的调试了。于是查了下statcounter上的统计数据，结果表明做国内的IE6用户占将近30%的数据。下面看各个浏览器在2012年1月到3月份的使用用户情况
阅读全文
在做国外web项目时已经放弃了对IE6的调试，感觉轻松很多。就在想现在国内的网站也是否可以放弃IE6的调试了。于是查了下statcounter上的统计数据，结果表明做国内的IE6用户占将近30%的数据。下面看各个浏览器在2012年1月到3月份的使用用户情况
阅读全文
摘要：无阻塞加载javascript，对于页面性能优化有很大的作用，这样能有效的减少js对页面加载的阻塞。特别是一些广告js文件，由于广告内容有可能是富媒体，更是很可能成为你页面加载提速的瓶颈，高性能javascript告诉我们，同学，提升你的网页速度，就无阻塞地加载JS吧。
看过书的同学都知道这样无阻塞加载的好处，效果挺不错的，当此等无阻塞脚本遇到一般js广告就来了写问题——广告代码出现在HTML里面了却不显示广告。
纳尼？HTML出来了不渲染到页面上？
代码挺简单就一个document.write输出HTML代码（相信很多广告商的广告都这样），页面不显示广告问题在哪里呢？ 问题就在这个document.write
阅读全文
无阻塞加载javascript，对于页面性能优化有很大的作用，这样能有效的减少js对页面加载的阻塞。特别是一些广告js文件，由于广告内容有可能是富媒体，更是很可能成为你页面加载提速的瓶颈，高性能javascript告诉我们，同学，提升你的网页速度，就无阻塞地加载JS吧。
看过书的同学都知道这样无阻塞加载的好处，效果挺不错的，当此等无阻塞脚本遇到一般js广告就来了写问题——广告代码出现在HTML里面了却不显示广告。
纳尼？HTML出来了不渲染到页面上？
代码挺简单就一个document.write输出HTML代码（相信很多广告商的广告都这样），页面不显示广告问题在哪里呢？ 问题就在这个document.write
阅读全文
摘要：
ajax带来很好的用户体验，于是一个稍微注重web系统使用ajax基本成为必然。当传统功能型web项目向用户体验型项目转变时，层出不穷的需求就来了。正如本篇所介绍的就是一个多个AJAX请求的情况下，如何利用jquery来处理几种case。
多个ajax请求同时发送，相互无依赖。
多个ajax请求相互依赖，必须有先后顺序。
多个请求被同时发送，只需要最后一个请求。
阅读全文
ajax带来很好的用户体验，于是一个稍微注重web系统使用ajax基本成为必然。当传统功能型web项目向用户体验型项目转变时，层出不穷的需求就来了。正如本篇所介绍的就是一个多个AJAX请求的情况下，如何利用jquery来处理几种case。
多个ajax请求同时发送，相互无依赖。
多个ajax请求相互依赖，必须有先后顺序。
多个请求被同时发送，只需要最后一个请求。
阅读全文
摘要：今天研究的HTML5标签元素是footer元素，对于<footer>这个标签表示最近部分内容的页脚，而跟上篇文章的<header>标签恰恰对应，一头一尾。下面看看w3cSchool给出的定义：
<footer> 标签定义 section 或 document 的页脚。
在典型情况下，该元素会包含创作者的姓名、文档的创作日期以及/或者联系信息。
也就是说footer元素跟header元素很类似，可以为整体页
阅读全文
今天研究的HTML5标签元素是footer元素，对于<footer>这个标签表示最近部分内容的页脚，而跟上篇文章的<header>标签恰恰对应，一头一尾。下面看看w3cSchool给出的定义：
<footer> 标签定义 section 或 document 的页脚。
在典型情况下，该元素会包含创作者的姓名、文档的创作日期以及/或者联系信息。
也就是说footer元素跟header元素很类似，可以为整体页
阅读全文
摘要：今天我们就深入理解一下header元素
<header>标签
先看W3SCHOOL的定义：<header> 标签定义文档的页眉（介绍信息）。熟悉DIV架构页面的朋友，也可以这样理解HTML5中的header，这也就是我们之前喜欢用的<div id="header">中的这部分内容了。但这里不同的是，之前我们的<div id="header">为定义的是页面的头部分，而这里的header可以定义为页面级别的，还是可以定义为页面其他独立部分级别的头部分。
阅读全文
今天我们就深入理解一下header元素
<header>标签
先看W3SCHOOL的定义：<header> 标签定义文档的页眉（介绍信息）。熟悉DIV架构页面的朋友，也可以这样理解HTML5中的header，这也就是我们之前喜欢用的<div id="header">中的这部分内容了。但这里不同的是，之前我们的<div id="header">为定义的是页面的头部分，而这里的header可以定义为页面级别的，还是可以定义为页面其他独立部分级别的头部分。
阅读全文
摘要：用HTML5已经有一段时间了，却没有时间来个系统的学习。最近开始准备系统地学习HTML5，顺便开博写些自己学习的心得。首先看下HTML5的基本模版吧，从基本结构的定义上就看到HTML5的基本模版更加简洁，没有那些繁琐的DTD定义，仅仅用一条<!DOCTYPE HTML>就定义了HTML5的标准，而仅仅一个<meta charset="utf-8">就定义了文档的字符编码。细心的同学肯定发现为什么是<meta charset="utf-8">，而不是<meta charset="utf-8" />呢？ 这个闭合标签的符号咋就没有了呢? 这在上一个标准中是不符合的规则的，也是不是WEB标准哦，而就是这样简洁的风格就是现在版本HTML5语法，我们先看基本模版再来细谈这些。
阅读全文
用HTML5已经有一段时间了，却没有时间来个系统的学习。最近开始准备系统地学习HTML5，顺便开博写些自己学习的心得。首先看下HTML5的基本模版吧，从基本结构的定义上就看到HTML5的基本模版更加简洁，没有那些繁琐的DTD定义，仅仅用一条<!DOCTYPE HTML>就定义了HTML5的标准，而仅仅一个<meta charset="utf-8">就定义了文档的字符编码。细心的同学肯定发现为什么是<meta charset="utf-8">，而不是<meta charset="utf-8" />呢？ 这个闭合标签的符号咋就没有了呢? 这在上一个标准中是不符合的规则的，也是不是WEB标准哦，而就是这样简洁的风格就是现在版本HTML5语法，我们先看基本模版再来细谈这些。
阅读全文
