追随我心,乘月待晓
JavaScript
推荐两本书
八 30th
这是最近正在看的书。两本书都很权威。
1、《锋利的 jQuery》
此书的作者是 cssrain.cn的博主,博客里的 jQuery 学习资料和实例可谓十分丰富,其实本书就是这些资料的整理和延伸。
另一个作者的网站http://shawphy.com/。
官方站点:http://www.cssrain.cn/jquery
2、《Dojo 权威指南》
作者博客:http://www.cn-cuckoo.com。
20个最有创意最实用的jQuery应用
一 15th
昨天,1月13日,是Javascript 开发框架 jQuery 的三周岁生日。
我们看看三年来,这个被成为最优雅的Javascript框架带来那些创意应用。
以下翻译自国外网站,示例网站如无法点击访问,请自觉翻墙~
原文链接:http://nettuts.com/articles/web-roundups/the-20-most-practical-and-creative-uses-of-jquery/
开发跨浏览器JavaScript的几点注意事项
十二 7th
本文是《Ajax基础教程》的笔记整理。
- 向表中添加行
<table id="myTable" border="0"> <tbody id="myTableBody"></tbody></table>
对于主流浏览器,可以使用appendChild方法,将创建的单元格添加到表行中,再把表行添加到表中。 但是在IE中,这样做不会将表行添加到表中,并且不会抛出任何错误。解决方法很简单,将行增加到表体(tbody)而不是表格。 后面一种方法并不只针对IE,在所以主流浏览器上都能用。
- 通过JavaScript设置元素的样式
主流浏览器中:
var spanElement = document.getElementById("mySpan"); spanElement.setAttribute("style","color:red;");针对IE(此方法对除Opera外的主流浏览器都适用):
spanElement.style.cssText = "color:red;";
所以,为了让代码在所有当前主流浏览器上都可移植,需要同时使用这两种方法:
var spanElement = document.getElementById("mySpan"); spanElement.setAttribute("style","color:red;"); spanElement.style.cssText = "color:red;";
Web 前端优化最佳实践
十 10th
根据 Yahoo 开发中心的 “Best Practices for Speeding Up Your Web Site” 翻译整理。
面向内容的优化规则目前有 10 条。
1. 尽量减少 HTTP 请求 (Make Fewer HTTP Requests)作为第一条,可能也是最重要的一条。根据 Yahoo! 研究团队的数据分析,有很大一部分用户访问会因为这一条而取得最大受益。有几种常见的方法能切实减少 HTTP 请求:
- 1) 合并文件,比如把多个 CSS 文件合成一个;
- 2) CSS Sprites 利用 CSS background 相关元素进行背景图绝对定位;参见:CSS Sprites: Image Slicing’s Kiss of Death
- 3) 图像地图
- 4) 内联图象 使用 data: URL scheme 在实际的页面嵌入图像数据.
无侵入脚本编程
六 25th
本文为《ppk谈JavaScript》读书笔记
“无侵入脚本编程”代表了向基于 CSS 的、兼容标准的 web 站点的新理论中嵌入 JavaScript 的首次认真的尝试。
一个无侵入的脚本应该包括如下的所有特征:
- 它应该是可用的。即给网站带来明确的可用性好处。
- 它应该是可访问的。即如果 JavaScript 失效了,网页应该依然是可阅读和可理解的,即使不可避免的损失了一些可用性。
- 它应该容易实现。典型的情况:只需要在页面中引入脚本本身和一个 JavaScript 钩子(hock),然后脚本即可以运行了。
- 它应该是可分离的。它只存在于自己的.js文件中,而不是散落在 HTML 的各个角落。
强烈推荐这本《ppk谈JavaScript》,真正的大师级著作!
Web2.0的核心技术——Ajax篇
四 14th
