正文内容加载中...
posted @ 2016-03-28 22:55 红草帽 阅读(1456) 评论(-1)  编辑
摘要: 在做手机web或app的时候,为适应不同屏幕,你可能需要写很多针对不同屏幕大小的css代码,那么这个时候我们如果用固定大小去设置字体的大小就要些很多代码了。这个时候我们需要使用相对大小了,这样该其他我们之需要修改指定根元素的值了。css3中也出现新的字体单位rem,在几乎所有的自适应网页设计的书籍及文章中都推荐使用em作为字体单位,甚至推荐你使用em来作为你所有设置size部分的单位。那么em和px如果转换呢?阅读全文
posted @ 2015-10-14 18:22 红草帽 阅读(278) 评论(0) 编辑
摘要: 工欲行其事必先利其器,好的单元测试框架是TDD成功的一半。Javascript优秀的测试框架很多, 包括Jasmine,Qunit,JsTestDriver,JSUnit,Mocha等,当然你也可以写自己的单元测试框架,本文主角是Jasmine和Qunit。我之前一直用Qunit来做单元测试,Qunit在中国占有率是非常高的,我也不例外,而美国同事们已经用到Jasmine了,为了做一个更好的选型,决定对这两个框架做了一个小小的比较。阅读全文
posted @ 2013-07-26 16:08 红草帽 阅读(2337) 评论(6) 编辑
摘要: 昨天team同事一起喝咖啡,分别有产品经理,team leader(也是后端程序员出身),后端程序员跟我这个前端程序员。在聊到了各自小孩性别这个问题。发现只有我跟产品经理家的生的是儿子,其余同事家生的亲一色是女儿。于是大家都开始研究程序员同学得闺女的概率非常高,于是扯除了很多先同事前同事,朋友同学所生小孩的男女比例。于是同事们得出结论:做程序员,生育的都是女儿于是我说了句:我也是程序员,为啥我加生的是儿子呢?同事一语道破天机: 你是前端程序员,我们都做后端程序员,所以生的是女儿。好,我终于明白了。当年从后端开发转前端开发是正确的。想儿子,还未孕育后代的后端同学赶紧转行来前端吧。~_~|||(本阅读全文
posted @ 2013-02-27 13:18 红草帽 阅读(208) 评论(0) 编辑
摘要: localStorage作为HTML5中的新特性,它的出现可以说对于前端性能体验来讲可以获得相当大的改善。存储一些用户经常用到而又不是涉及隐私和安全的东西,的确是一个非常好的选择。下面分享一下用localStorage来处理客户端代码错误的例子来了解一下它的用途吧。阅读全文
posted @ 2012-10-18 10:38 红草帽 阅读(1875) 评论(1) 编辑
摘要:

在做国外web项目时已经放弃了对IE6的调试,感觉轻松很多。就在想现在国内的网站也是否可以放弃IE6的调试了。于是查了下statcounter上的统计数据,结果表明做国内的IE6用户占将近30%的数据。下面看各个浏览器在2012年1月到3月份的使用用户情况

阅读全文
posted @ 2012-04-24 09:08 红草帽 阅读(1275) 评论(3) 编辑
摘要:

无阻塞加载javascript,对于页面性能优化有很大的作用,这样能有效的减少js对页面加载的阻塞。特别是一些广告js文件,由于广告内容有可能是富媒体,更是很可能成为你页面加载提速的瓶颈,高性能javascript告诉我们,同学,提升你的网页速度,就无阻塞地加载JS吧。

看过书的同学都知道这样无阻塞加载的好处,效果挺不错的,当此等无阻塞脚本遇到一般js广告就来了写问题——广告代码出现在HTML里面了却不显示广告。

纳尼?HTML出来了不渲染到页面上?

代码挺简单就一个document.write输出HTML代码(相信很多广告商的广告都这样),页面不显示广告问题在哪里呢? 问题就在这个document.write

阅读全文
posted @ 2012-03-27 14:09 红草帽 阅读(4398) 评论(10) 编辑
摘要:

ajax带来很好的用户体验,于是一个稍微注重web系统使用ajax基本成为必然。当传统功能型web项目向用户体验型项目转变时,层出不穷的需求就来了。正如本篇所介绍的就是一个多个AJAX请求的情况下,如何利用jquery来处理几种case。

  1. 多个ajax请求同时发送,相互无依赖。
  2. 多个ajax请求相互依赖,必须有先后顺序。
  3. 多个请求被同时发送,只需要最后一个请求。
阅读全文
posted @ 2012-03-19 15:02 红草帽 阅读(6523) 评论(6) 编辑
摘要:

在HTML5中的<section>标签在所有页面结构中应该是一个比较受到关注的标签。

w3schools上的定义:

<section> 标签定义文档中的节(section、区段)。比如章节、页眉、页脚或文档中的其他部分。

section元素代表一个页面或则一个内容块的部分,一般作为主题块列表。通常情况下它会带有一个标题和一个内容块。

如果元素的内容集中到一起显示可以表达相应的意思的话,在W3C鼓励使用article元素,而不是section元素。

阅读全文
posted @ 2012-03-07 15:25 红草帽 阅读(1154) 评论(0) 编辑
摘要:

今天研究的HTML5标签元素是footer元素,对于<footer>这个标签表示最近部分内容的页脚,而跟上篇文章的<header>标签恰恰对应,一头一尾。下面看看w3cSchool给出的定义:

<footer> 标签定义 section 或 document 的页脚。

在典型情况下,该元素会包含创作者的姓名、文档的创作日期以及/或者联系信息。

 也就是说footer元素跟header元素很类似,可以为整体页阅读全文

posted @ 2012-03-05 22:01 红草帽 阅读(712) 评论(0) 编辑