- 读书 - 编写高质量代码:Web前端开发修炼之道
- 内容简介
本书以网站重构为楔子，深刻而直接地指出了Web前端开发中存在的重要问题—代码难以维护。如何才能提高代码的可维护性？人是最关键的因素！于是本书紧接着全方位地解析了作为一名合格的前端开发工程师应该掌握的技能和承担的职责，这对刚加入前端开发这一行的读者来说有很大的指导意义。同时，还解读了制定规范和团队合作的重要性。 本书的核心内容是...
- 时间:2010年07月10日 21:55 标签:
Web
前端开发
读书
- 前端开发面试中常见的问题整理
- HTML：
1、行级元素和块级元素的区别？
2、IE和FF及其他浏览器对盒模型解释的区别？
CSS：
1、清除浮动有哪几种方法？
2、透明/半透明效果如何实现？
Javascript：
1、跨域获取数据有哪几种方法？
2、处理浏览器兼容常见的问题是哪些？
3、在不考虑现有js框架的情况下，ajax如何实现？
4、一个完整的ajax请求有哪几步？
5、类似webq...
- 时间:2010年07月06日 18:28 标签:
面试问题
整理
前端开发
- 理解并解决IE的内存泄漏方式[翻译4]
- 貌似泄漏(Pseudo-Leaks)
在大多数时候，一些APIs的实际的行为和它们预期的行为可能会导致你错误的判断内存泄漏。貌似泄漏大多数时候总是出现在同一个页面的动态脚本操作中，而在从一个页面跳转到空白页面的时候发生是非常少见的。那你怎么能象排除 页面间泄漏 那样来排除这个问题，并且在新任务运行中的内存使用量...
- 时间:2010年04月04日 00:11 标签:
IE
内存泄漏
中文
前端开发
- 理解并解决IE的内存泄漏方式[翻译3]
- 页面交叉泄漏(Cross-Page Leaks)
这种基于插入顺序而常常引起的泄漏问题，主要是由于对象创建过程中的临时对象未能被及时清理和释放造成的。它一般在动态创建页面元素，并将其添加到页面DOM中时发生。一个最简单的示例场景是我们动态创建两个对象，并创建一个子元素和父元素间的临时域（译者注：这里的域(Scope)...
- 时间:2010年04月04日 00:10 标签:
IE
内存泄漏
中文
前端开发
- 理解并解决IE的内存泄漏方式[翻译2]
- 这一节讲Closures引起的内存泄漏，最后我还是决定把Closures翻译成了闭包或闭包函数。而且又在KB中看到一个对Closures的解释，它是这么说的：
< HTML > < HEAD > < script language =\"javascript\" > function initpage() { &...
- 时间:2010年04月04日 00:10 标签:
IE
内存泄漏
中文
前端开发
- 理解并解决IE的内存泄漏方式[翻译]
- Author: Justin Rogers ,Micrsoft Corporation June 2005 Translator by: http://birdshome.cnblogs.com
Web开发的发展 在过去一些的时候，Web开发人员并没有太多的去关注内存泄露问题。那时的页面间联系大都比较简单，并主要使用不同的连接地址在同一个站点中导航，这样的设计方式是非常有利于浏览器释放资源的。即使Web页...
- 时间:2010年04月04日 00:09 标签:
IE
内存泄漏
中文
前端开发
- JavaScript内存泄漏
- 1、什么是闭包、以及闭包所涉及的作用域链这里就不说了。
2、JavaScript垃圾回收机制
JavaScript不需要手动地释放内存，它使用一种自动垃圾回收机制（garbage collection）。当一个对象无用的时候，即程序中无变量引用这个对象时，就会从内存中释放掉这个变量。
Code &...
- 时间:2010年04月03日 20:43 标签:
内存泄漏
javascript
前端开发
- flickr对javascript干的好事
-
在一个讨论web技术的网站 vitamin 上发现这篇 《Serving JavaScript Fast》 ，读过之后大有收获，茅塞顿开。于是就有了翻译过来的念头——我这人有个毛病，看到有意思的英文文章，就想自己翻过来（虽然英文水平很烂）。先在网上查了查，已经有blog谈到这篇文章（我算是后知后觉了），有总结要点的 《Flickr 的开发者的 Web 应用优化技巧》 ，也有...
- 时间:2010年04月03日 19:30 标签:
Flickr
javascript
前端开发
- Http 1.1 Etag 与 Last-Modified
-
在 Blog 盛行的今天,一些 Web 应用需要解析大量的 RSS Feed .如何提高效率是个非常重要的问题．在 MagpieRSS 的 Features 中列举了这样的一条： HTTP Conditional GETs Save bandwidth and speed up download times with intelligent use of Last-Modified and ETag.. 这里的 Etag 引起了我的注意．
什么是 Etag ?
通过阅读 RFC 2616 ,得到了对 Et...
- 时间:2010年04月03日 19:24 标签:
Etag
Last-Modified
cache优化
前端开发
- escape, encodeURIComponent和encodeURI
-
对于ASCII字符，这三个函数的作用都是将字符转换成百分比编码( Percent-encoding )，区别是各自排除编码的字符不同：
escape() will not encode: @*/+
encodeURI() will not encode: ~!@#$&*()=:/,;?+\'
encodeURIComponent() will not encode: ~!*()\'
请看测试页面： test_for_escape_and_encodeURIComponent.html
此外，escape...
- 时间:2009年03月17日 08:52 标签:
escape
encodeURIComponent
encodeURI
js
前端开发
- 双屏显示提升前端开发10%工作效率
-
双屏不是什么新鲜事，不过相信国内前端工程师还是用单屏的多，前端开发需要同时开启的屏幕太多了…你有没有迷失windows任务栏下n个窗口和ALT-TAB的频繁键盘操作中？利用双屏显示让你从中解脱出来！我也刚用上了双屏开发，效率提升感觉值能有10%，所以来鼓动下大伙都来用双屏吧。
windows的双屏显示有很多种模式，我用的模式是主屏...
- 时间:2009年03月16日 16:03 标签:
双屏显示
前端开发
转贴摘录
- 读书 - 就这么简单--Web开发中的可用性和用户体验
- 《就这么简单--Web开发中的可用性和用户体验》
这本书主要讲述人机交互学（Human-Computer Interaction，简称HCI）这一学科在Web界面设计领域中的应用。
正如你所看到的，这是一本文字轻松，而且有很多好玩插图的……技术理论书籍。
没错，技术理论。它将和你讨论关于软件（或网站）的界面与用户之间的关系—&mdash...
- 时间:2009年03月07日 14:03 标签:
读书
前端开发
- 读书 - 访客至上的网页设计秘笈（Don’t Make Me Think）
- 《点石成金：访客至上的网页设计秘笈（Don’t Make Me Think）（原书第2版） 》
可用性设计是Web设计中最重要也是难度最大的一项任务。本书作者根据多年从业的经验，剖析用户的心理，在用户使用模式、为扫描进行设计、导航设计、主页布局、可用性测试等方面提出了许多独特的观点，并给出了大量简单、易行的可用性设计的建议。本书短小精练，语...
- 时间:2009年03月06日 08:03 标签:
读书
前端开发
SEO
- 读书 - 高性能网站建设指南
- 《高性能网站建设指南》
本书结合Web 2.0以来Web开发领域的最新形势和特点，介绍了网站性能问题的现状、产生的原因，以及改善或解决性能问题的原则、技术技巧和最佳实践。重点关注网页的行为特征，阐释优化Ajax、CSS、JavaScript、Flash和图片处理等要素的技术，全面涵盖浏览器端性能问题的方方面面。在本书中，作者给出了14条具体的优化原则，每一条原...
- 时间:2009年03月05日 09:03 标签:
读书
网站架构
前端开发
- 读书 - 悟透JavaScript(美绘本)
- 《悟透JavaScript(美绘本)》
也许你正好是JavaScript的初学者，或者是使用过JavaScript语言的熟手，甚至是精通JavaScript语言的顶尖高手。但相信你在阅读完本书之后，一定会有不同的收获。你会发现，原来可以这样来理解，JavaScript，原来可以这样编写动态网页，原来可以这样来看待AJAX技术，原来可以这样地快乐编程。
本书采用独特语言风格，文章的内容并不象传统...
- 时间:2009年03月03日 14:26 标签:
读书
javascript
前端开发
- UED技术层次初探
-
抛砖引玉：
我的想法：
视觉规范和交互规范，以用户研究作为基础。比如全站的色调，基本操作的交互等，都取决于对主流客户群心智模型的研究。
前端技术相对独立，在规范的基础上，封装成技术框架供上层调用。这里的框架仅包括基本功能，比如css框架里的reset和grids，js框架里的dom、event等，不含widgets.
再上一层是设计模式库DPL(Design Pattern Li...
- 时间:2009年03月01日 23:07 标签:
UED
前端开发
转贴摘录
- 读书 - JavaScript权威指南(第五版)
- 《JavaScript权威指南(第五版)》
《JavaScript权威指南第4版》中文版出版至今已有三年多的时间。这本《JaVaScript权威指南》连续印刷5次，销售数十万册，成为很多JavaScript学习者的必备宝典。由于其封面上是一只“爪哇犀牛”（封面上印上动物是原书出版公司O\'Reilly一贯的风格），读者亲切地称其为“犀牛书”...
- 时间:2009年03月01日 20:46 标签:
读书
前端开发
- 读书-网站重构——应用Web标准进行设计
-
《网站重构——应用Web标准进行设计》
畅销书作者、网页设计师、Web标准的“传教士”Jeffrey Zeldman已经对他震撼业界的经典书籍《网站重构——应用Web标准进行设计（第1版）》进行了升级更新。新版（现在原版书是全彩的）增加了在第1版出版之后各浏览器的发展动态以及为适应标准化设计所...
- 时间:2009年02月27日 09:02 标签:
读书
前端开发
- Firefox非主流开发扩展推荐
-
Firebug已经家喻户晓，不必多说。下面推荐的是些村酒野蔬，虽没什么名气，但其味醇厚甜美，食之飘香再难忘情。
HTML Validator
http://users.skynet.be/mgueury/mozilla/
很喜欢这个扩展的Tidy算法模式，可以检查出HTML页面中绝大部分嵌套和书写错误，并且针对每个错误都有详细的说明和推荐写法。当然，很多时候，我们不大可能去纠正所有错误和警告。一个常...
- 时间:2009年01月14日 08:41 标签:
firefox
前端开发
扩展
- 给不同 type 的 input 自动设置样式
- input 有一堆 type 属性，不同的 type 对应不同的表单元素。CSS 定义的时候，对于支持 CSS2 选择符的浏览器，可以使用
复制内容到剪贴板
代码:
input[type="checkbox"] input[type="text"]
等等来对 input 分别做不同定义，但是对于 IE6，这法子行不通。 一般的解决方案是给不同的 input 加不同的 class，可以手动加，也可以用 js 遍历自动加，刚由一个问题想...
- 时间:2008年11月17日 16:56 标签:
前端开发
input
css
转贴摘录