自定义博客皮肤VIP专享

*博客头图：

格式为PNG、JPG，宽度*高度大于1920*100像素，不超过2MB，主视觉建议放在右侧，请参照线上博客头图

请上传大于1920*100像素的图片！

博客底图：

图片格式为PNG、JPG，不超过1MB，可上下左右平铺至整个背景

栏目图：

图片格式为PNG、JPG，图片宽度*高度为300*38像素，不超过0.5MB

主标题颜色：

RGB颜色，例如：#AFAFAF

Hover：

RGB颜色，例如：#AFAFAF

副标题颜色：

RGB颜色，例如：#AFAFAF

预览 取消 提交

自定义博客皮肤

-+
上一步保存

zhouruitao的专栏

关注Web前端技术

  • 博客(21)
  • 资源 (118)
  • 收藏
  • 关注
全部文章> 2011年08月
排序：
按最后发布时间
按访问量
RSS订阅
12月 11月 10月 08月 04月 03月 02月 01月

各浏览器对focusin/focusout事件的支持差异

浏览器版本：IE6/7/8/9IE10 preview2Firefox 5Safari 5Chrome 12Opera 11测试：IE6/7/8IE9/10Firefox5Safari5Chrome12Opera11el.onfocusinYYNNNYel.attachEvent('...

2011-08-24 09:41:26 227

IE6/7 and IE8/9/10(IE7模式)依次隐藏具有absolute或relative的父元素和子元素后再显示父元素，子元素依然能显示bug...

多数情况下隐藏(设置display:none)一个元素，无需依次将其内的所有子元素都隐藏。非要这么做，有时会碰到意想不到的bug。如下1，两个div，d1中包含d22，d1，d2都设置了absolute或relative3，隐藏d14，隐藏子元素d25，显示d1 这时IE6/7 and IE8/9/10(IE7模式)中会发现，子元素d2也能显示出了(别忘了，d2被dis...

2011-08-23 14:30:17 93

JavaScript判断变量是否为undefined两种方式差异

我们经常需要判断某个变量/属性是否为undefined。通常有两种写法 // 方式1typeof age === 'undefined';// 方式2age === undefined 这两种写法有什么区别吗? 应该使用哪一种呢？看看下面的例子 typeof age === 'undefined'; // true 标识符 age 没有声明过，输出t...

2011-08-22 13:47:12 133

对象无length属性时IE6/7中无法将其转换成伪数组(ArrayLike)

有时需要将数组转成伪数组（ArrayLike），如下var ary = ['one','two','three'];var obj = {}; // 没有length属性Array.prototype.push.apply(obj, ary);for(var i in obj){ alert(i + ': ' + obj[i]);} IE8/9/Firefo...

2011-08-22 08:47:52 112

Firefox/Opera不支持onselectstart事件

如下 <!DOCTYPE html><html> <head> <meta charset="utf-8"> <title>Firefox/Opera不支持onselectstart事件</title> </head> <body&

2011-08-21 00:11:25 71

IE6/7/8/9不支持exec的简写方式

如下 var ary = /h/('hello');alert(ary); IE6/7/8/9中报错Firefox/Safari/Chrome/Opera的最新版本均弹出了“h” 以上写法等价于 var ary = /h/.exec('hello');  即 Firefox/Safari/Chrome/Opera浏览器...

2011-08-20 08:11:24 91

勿重复检测浏览器

拿添加事件示例 // 方式1function addEvent(el, type, fn){ if(el.addEventListener){ el.addEventListener(type, fn, false); }else{ el.attachEvent('on'+type, fn) }}// 方式2var addEvent = do...

2011-08-19 07:51:15 64

仅IE不支持setTimeout/setInterval函数的第三个以上参数

setTimeout/setInterval，这两个函数相信前端开发同学都很熟悉。它们在非IE(6-9)浏览器中还可以如下使用 setTimeout(function(obj){ alert(obj.a);}, 2000, {a:1}); 即传了第三个参数，第三个参数将作为回调函数的参数obj传入。在非IE浏览器中都弹出了1。这样有个好处，即解决了回调函数的执行上下文，比如...

2011-08-18 11:01:12 206

IE6/7/8/Opera不支持script元素的onerror事件

如下<!DOCTYPE HTML><html> <head> <meta charset="utf-8"> <title>IE6/7/8/Opera不支持script元素的onerror事件</title> <script src="jquery-1.5.23.j

2011-08-17 10:22:11 89

仅IE9/10/(Opera)同时支持script元素的onload和onreadystatechange事件

如下<!DOCTYPE HTML><html> <head> <meta charset="utf-8"> <title>IE9/10同时支持script元素的onload和onreadystatechange事件</title> <script src="http:/

2011-08-17 07:11:11 89

html5中可通过document.head获取head元素

今天，看一个国外网站发现人家获取head元素如下var head = document.head || document.getElementsByTagName('head')[0]; 后面的是我们常用的方式，前面的 document.head 着实第一次见。查资料发现原来是html5的东东。的确简单了，一个属性搞定。当然，IE6/7/8不支持。IE9/Safari/Chro...

2011-08-16 13:49:51 465

各浏览器对link标签onload/onreadystatechange事件支持的差异

1，onload事件<!DOCTYPE HTML><HTML> <HEAD> <meta charset="utf-8" /> <title>Link Element onload</title> <link type="text/css" rel="

2011-08-16 07:01:45 314

跨域请求之JSONP 三

script请求返回JSON实际上是脚本注入。它虽然解决了跨域问题，但它不是万能的。1，不能接受HTTP状态码2，不能使用POST提交（默认GET）3，不能发送和接受HTTP头4，不能设置同步调用（默认异步）...其最严重的就是不能提供错误处理，如果请求的代码正常执行那么会得到正确的结果。如果请求失败，如404,500之类，那么可能什么都不会发生。这...

2011-08-15 07:08:58 78

跨域请求之JSONP 二

续上篇，加两个实用功能1，增加data属性，请求参数2，增加scope属性，可以让回调函数在指定的上下文中执行 接口如下  Sjax.load(url, { data // 请求参数 (键值对字符串或js对象) success // 成功后回调函数 scope // 回调函数执行上下文 timestamp // 是否加时间戳}); ...

2011-08-14 08:25:43 80

跨域请求之JSONP 一

跨域请求的方式有很多种，1，iframe2，document.domain3，window.name4，script5，XDomainRequest (IE8+)6，XMLHTTPRequest (Firefox3.5+)7，postMessage (HTML5)8，后台代理.....

2011-08-13 10:46:06 70

JS Queue LazyLoad 之二

上一篇实现了对多个JS文件的顺序加载，这篇再完善丰富一下。加入回调函数，即每个JS文件加载后都有一次回调机会，这个回调是取决于使用者的。也就是说使用者可以配置是否回调，甚至指定某一个或多个回调。非常灵活，可以根据项目需求决定那些资源JS下载后进行回调。此外这篇还解决了重复资源加载问题。 QueueLazyLoad.js([ { url // JS路径 fn ...

2011-08-12 07:26:36 126

JS Queue LazyLoad 之一

前面三篇实现了多个JS并行加载，即各个JS文件相互不依赖。实现时仅顺序将其插入到head中。直至全部插入完毕才进行回调。并行下载的好处是效率较高。 但有时我们需要加载的JS模块之间存在相互依赖关系。如a,b,c三个JS文件。b.js中代码依赖于a中定义的某些函数或类，c.js又依赖b.js中的函数或类，而c中具有一个入口函数。这时得保证a,b,c顺序加载，否则如果c早于b或a先加载完，则可...

2011-08-11 14:20:55 83

JS/CSS module LazyLoad 之三

在开始这篇前，有两个小问题须说明一下 情况一LazyLoad.js(['a.js','a.js'],function(){}); 有人会问为什么要在页面中引入两次a.js？ 我也想问。其实是多余的。但有人就喜欢这么用，那怎么办。只能凉拌了。我可以在内部对数组中重复元素去重下。但这无疑增加了LazyLoad.js的代码量，或者说我更愿意看到不要这么去写。当然我自己...

2011-08-11 06:51:43 101

JS/CSS module LazyLoad 之二

上一篇完成的JS的按需加载，这篇添加个新方法css，完成对CSS文件的加载。接口与JS相同，示例如下LazyLoad.css(['a.css', 'b.css', 'c.css'], function(){ console.log('css模块加载完毕');}); Firebug中效果如下， 上一篇对JS的加载实现是通过script元素，css则是通过li...

2011-08-10 09:33:43 99

JS/CSS module LazyLoad 之一

随着web app中JS越来越多，有时页面首次加载时有很多JS并没有用到。这时为了提高下载速度，提高页面渲染效率就需要让这部分暂时不用的JS延迟加载，即只在用到它们的时候再下载。这里会先实现一个最简单JS的惰性加载。后续几篇会逐步加强功能直至一个完整的JS/CSS模块加载库。这个系列里我不会实现队列，即各个JS文件是并行下载的，只有当多个JS全部下载后才执行回调。当然在第二个系列JS Queue ...

2011-08-09 14:21:29 78

IE6/7/8/Opera不支持script元素的onerror事件

如下<!DOCTYPE HTML><html> <head> <meta charset="utf-8"> <title>IE6/7/8/Opera不支持script元素的onerror事件</title> <script src="jquery-1.5.23.j

2011-08-09 14:16:33 79

switchhost for mac
switchhost for mac，Mac下很好的host切换工具。

2017-09-14

markdownpad2及密钥
两个文件markdownpad2安装文件及密钥文本。

2015-08-27

SecureCRT 7.2 For Mac 10.9 完美破解版
SecureCRT 7.2 For mac，Ｍac10.9系统测试可用

2014-11-06

ECMAScript 6入门（样章）
全球唯一ES图书 JavaScript进阶必学 基于最新标准。阮一峰作品 作为一个JS开发者，实话说我并不完全认同ECMAScript6里面的很多内容（比如let语句），但是很遗憾，这个标准的制定过程没我们什么事。但是如果我们从现在开始关注国际标准，翻译标准文档，让更多人了解标准，更多公司加入标准组织、参与标准制定，也许未来的中国技术圈不但会是很多人的一个圈子，还会是很有影响力的一个圈子。 前三张，PDF格式。

2014-09-23

Rework：每个程序员都应该读的一本书
用一个词形容《Rework》这本书就是“短小精悍”，只有130页，你只需要3-4个小时就可以读完，而且书中每一个观点都配了一张图，看起来很轻松，一点都不乏味。我们说“字如其人”，同样的道理，这本书很鲜明反映了37signals这家公司的特点。废话不多说了，我把每个观点都通用一句汉语总结出来了

2014-04-11

Mastering Web Application Development with AngularJS
使用了 Angular 之后，就开始喜欢上她。AngularJS是一款来自Google的前端JS框架，它的核心特性有：MVC、双向数据绑定、指令和语义化标签、模块化工具、依赖注入、HTML模板，以及对常用工具的封装，例如$http、$cookies、$location等。AngularJS框架的体积非常小，但是设计理念和功能却非常强大，值得前端开发者深入学习。

2013-11-13

结构程序设计
一本软件语言书中的神作《结构程序设计》。出版于1972年，作者分别是1972、1980、2001年图灵奖得主Edsger W.Dijkstra、C.Anthony R.hoare和Dahl。这是我找到的最好精度的版本，又加了封面和目录。

2013-11-05

JavaScript异步编程：设计快速响应的网络应用
如果你是一位JavaScript程序员，如果你想让自己的Web应用拥有更高的响应度，如果你想用更优雅简洁的代码描述那些让你抓狂的“休息，休息一下，等到有结果再继续吧”的业务逻辑，那么本书就是你案头必备的那本JavaScript异步编程宝典。 　　 本书从最最基本也是最最重要的JavaScript事件模型开始，生动地复盘了各种异步应用情景，逐一呈现了目前在用的各种异步设计模式和异步编程类库，从PubSub到Promise，从异步工作流控制类库到worker多线程技术，甚至还谈到了浏览器端脚本的异步加载技术。总而言之，在这里，你能找到JavaScript异步编程的所有，从它的前世，到它的今生，还有它的未来。

2013-06-06

JavaScript面向对象编程指南
原书名： Object-Oriented JavaScript: Create scalable, reusable high-quality JavaScript applications and libraries. JavaScript作为一门浏览器语言的核心思想； 　　 面向对象编程的基础知识及其在JavaScript中的运用； 　　 数据类型、操作符以及流程控制语句； 　　 函数、闭包、对象和原型等概念，以代码重用为目的的继承模式； 　　 BOM 、DOM、浏览器事件、AJAX和JSON； 　　 如何实现JavaScript中缺失的面向对象特性，如对象的私有成员与私有方法； 　　 如何应用适当的编程模式，发挥JavaScript语言特有的优势； 　　 如何应用设计模式解决常见问题。 两章中文版和完整英文版。

2013-04-25

编写可维护的JavaScript
原书名《Maintainable JavaScript》。《JavaScript高级程序设计》作者Nicholas C. Zakas最新力作。构建编码风格手册，帮助开发团队从“游击队”走向“正规军” PDF格式，含3章中文及完整英文版。

2013-04-25

UNIX编程艺术
《UNIX编程艺术》主要介绍了Unix系统领域中的设计和开发哲学、思想文化体系、原则与经验，由公认的Unix编程大师、开源运动领袖人物之一Eric S. Raymond倾力多年写作而成。 PDF格式，22M。

2012-08-18

基于MVC的JavaScript Web富应用开发
哈哈，这本书，其实等了蛮久的，之前一直只有英文版，像这样的好书，是中英文都该备一本的。 对于jser来说，mvc，虽说不像server端语言那么重视。但重要的是理解作者思路，结合自身业务 去加以改进！

2012-05-21

Essential JavaScript Design Patterns
Design patterns are reusable solutions to commonly occurring problems in software design. They are both exciting and a fascinating topic to explore in any programming language.

2012-04-10

IE6 developer's toolbar
IE6 developer's toolbar,可以方便的查看dom元素，css属性。

2012-03-22

Getting Started with GEO.CouchDB and Node.js
Where. Whether it refers to where you have been, where you are, or where you are going, the concept of where is important. Where links data to the physical world. A shopping list can be a very useful collection of data on its own, but that data can be even more useful with more context. If you map the location of the stores needed for each item on the shopping list, then you can create an efficient route to acquire the items on the list. Driving directions, traffic information, and weather can impact the route. pdf格式，6M。

2012-03-07

JavaScript Web Application
MVC在前端的火爆促使该书的诞生。《JavaScript Web 富应用开发》（Developing JavaScript Web Applications）是 Alex MacCaw的新作（由O'Reilly出版发行），本书系统而深入的讲解了如何使用最前沿的Web技术构建下一代互联网富应用程序。作者 Alex MacCaw 是一名Ruby/JavaScript 程序员，在开源社区中很有名望，是Spine框架的作者，同时活跃在纽约、旧金山和柏林的各大 Ruby/Rails 论坛。除了作为一名工程师，他还喜欢带着他的尼康D90和冲浪板环游世界。 　　有赖于强大的JavaScript引擎以及CSS3和HTML5新技术，如今的JavaScript Web 富应用的用户体验已经可以和桌面系统相媲美。关键是如何平滑的将服务器端的复杂度移植到客户端，这并不容易做到。这本书将专注于讲述如何构建“优雅又不失高水准”（state of the art）的JavaScript应用，包括软件架构、模板引擎、框架和库、同服务器的消息通信等内容。

2012-02-26

JavaScript Patterns (JavaScript模式)
才华横溢的Stoyan Stefanov，他写的由O’Reilly初版的新书《JavaScript Patterns》(JavaScript模式).pdf格式，3M。

2011-12-30

HTML5 and CSS3: Develop with Tomorrow's Standards Today
畅销书籍之一，英文版，83M，非常清晰。 HTML5 and CSS3 are the future of web development, but you don't have to wait to start using them. Even though the specification is still in development, many modern browsers and mobile devices already support HTML5 and CSS3. This book gets you up to speed on the new HTML5 elements and CSS3 features you can use right now, and backwards compatible solutions ensure that you don't leave users of older browsers behind.

2011-12-08

HTML5高级程序设计
HTML5高级程序设计 (前两章)，pdf格式

2011-12-08

HTTP_权威指南
HTTP_权威指南HTTP_权威指南HTTP_权威指南HTTP_权威指南

2011-10-25

[精通正则表达式（第3版）]中文版.(美)Jeffrey.E.F.Friedl
[精通正则表达式（第3版）]中文版， pdf格式，40多M。程序员的必备书籍之一。

2011-10-25

ECMAScript-Edition5-小试
新增、改进的API 更严谨、强大的语法 全新的概念 更多的细节

2011-10-25

重构－改善既有代码的设计
本书基本上是取自”重构”中文版一书的内容，但格式上参照的是chm英文版的格式，还有一些格式小修改，比如第一章的重构前后代码对比。因为时间匆促，个人能力有限，本书难免存在一些缺漏，如果大家发现有问题，随时可以给我发邮件，我会尽快更新错误的内容。 最后再次感谢几位大师 Martin Fowler、Kent Beck等，还有翻译的侯捷和熊节先生，为我们带来这么精彩的一本书。谢谢。 免责声明：本书仅供个人学习研究之用，不得用于任何商业目的，不得以任何方式修改本作品，基于此产生的法律责任本人不承担任何连带责任。

2011-01-25

HTML5揭秘 英文版
本书作者Mark Pilgrim是Google公司的高级开发人员，专门研究开源技术和开放标准。Mark是多本技术书籍的作者，包括“Dive Into Python”（APress）和“Dive Into Accessibility”。后者是一本关于Web亲和力的免费在线教程。他和妻子、两个孩子及一条毛茸茸的大狗生活在北卡罗来纳。

2011-01-12

HTML 5用户指南 英文版
本书作者Bruce Lawson是Opera软件的开放Web专家，是Web标准项目组可访问性任务组和W3C的移动Web最佳实践组的成员。 Remy Sharp是一位开发者、演讲者和博主，他有几本书即将出版。Remy在布莱顿运营着自己的开发公司Left Logic，还编写有关JavaScript、jQuery、CSS，以及其他语言的代码。

2011-01-12

jQuery 1.4.2 直观速查表
jQuery 1.4.2 直观速查表. 事实上，速查表就是来帮助我们把日常中最常用到的信息聚集起来，方便使用，使我们做工作时更有效率。有了它们，免去了你的大脑花额外时间去记忆它们的烦恼——你只需要打开简表，马上能查到你想要的信息。

2010-09-10

HTML帮助手册速查表
速查表是帮你记住东西的有效工具。Web设计师和开发者经常使用的快捷键简表会使他们在网上的工作效率大大提高。

2010-09-10

HttpWatch.Professional.v5.2.16
强大的网页数据分析工具.集成在Internet Explorer工具栏.包括网页摘要.Cookies管理.缓存管理.消息头发送/接受.字符查询.POST 数据和目录管理功能.报告输出。

2010-09-02

httpwatchpro-v4.0.54
HttpWatch是一款强大的网页数据分析工具.集成在Internet Explorer工具栏.包括网页摘要.Cookies管理.缓存管理.消息头发送/接受.字符查询.POST 数据和目录管理功能.报告输出

2010-09-02

High.Performance.JavaScript
High Performance JavaScript by Yahoo engineer Nicholas C. Zakas

2010-05-13

JavaScript语言精粹
大师Douglas Crockford所著，他现任雅虎（Yahoo!）架构设计师，并且担任ECMA JavaScript 2.0技术委员会成员。 pdf格式，大约20M。

2010-04-26

Java编程思想第四版完整中文高清版
不用介绍了吧，java/j2se入门和提高的圣经级著作。 第四版增加了对jdk6的介绍。

2010-04-25

Secrets of the JavaScript Ninja
jquery作者John Resig所著，讲述高级js概念及技巧。英文版

2010-04-20

Javascript语言精髓与编程实践
周爱民老师所著，他关于各种泛型语言研究的经典之作。以下摘自该书: 我毕竟不是计算机科学的研究者，而只是其应用的实践者，因此我从一开始就缺乏对“程 序”的某些科学的或学术层面上的认识是很正常的。也许有些人一开始就认识到程序便是如此， 或者一种语言就应当是这样构成和实现的，那么可能他是从计算机科学走向应用，故而比我了 解得多些。而我，大概在十年前学习编程，以及在后来很多年的实践中，仅被要求“写出代码”， 而从未被要求了解“什么是语言”。所以我才会后知后觉，才会在很长的时间里迷失于那些精 细的、沟壑纵横的语言表面而不自知。然而一如我现在所见到，与我曾相同地行进于那些沟壑 的朋友，仍然在持续地迷惑着、盲目着，全然无觉于沟壑之外的瑰丽与宏伟。

2010-04-19

我也能做CTO之程序员职业规划
当我们种下思想的种子，就会收获行动的果实； 当我们种下行动的种子，就会收获习惯的果实； 当我们种下习惯的种子，就会收获性格的果实； 当我们种下性格的种子，就会收获命运的果实；

2010-04-19

EMCA262 V5
目前Firefox3.6，Chrome4，Safari4，Opera10，IE9已实现了部分规范。 最新版除了增强基础函数库之外，还引入了严格运行时模式（Strict Runtime Modes）以避免代码中的常见错误。ECMA ECMAScript 4 的努力曾以失败告终，ECMA 甚至没有发布 ECMAScript 4 细则。 过去几年，诸如 Nitro，TraceMonkey 一类的 JavaScript 引擎发展迅猛，JavaScript 成了 Google Wave 一类应用的新宠。鉴于此，ECMAScript 5 在兼容目前广泛使用的 ECMAScript 3 的同时，提供了严格模式，以防止开发者犯错。 严格模式 严格模式可用以下语句声明： "use strict;"该语句对以往的代码没有影响，但 JavaScript 5 的新运行时会进入严格模式，严格模式主要包含以下改变： 变量必须声明后才可以使用 Eval 成为保留词，同时，不可以再使用 Eval 声明变量，如 eval("var i=3"); print(i); 之类的语句会报错 8进制数字表示被禁止， 010 代表 10 而不是 8 参数中不再允许使用 delete with 语句曾是万错之源，现被禁用。 函数中不可以再出现重名参数。 对象中不可以再出现重名属性。 arguments 和 caller 变量现在是 immutable 变量 访问全局对象会报错。 函数扩展 在基本函数库，也有一些变化: Date 现在支持 ISO8601 日期格式 String 内置了 trim() 方法 引入备受欢迎的 JSON 对象 内置了 bind 操作 Array 对象内置了一些标准函数，如 indexOf(), map(), filter(), reduce() Object 内置了seal() 函数，防止被加入新属性，同时内置 freeze() 函数使对象变成只读状态 Object.keys() 会列出对象中所有可以枚举的属性 Object.getOwnPropertyNames() 会列出对象中所有可枚举以及不可枚举的属性 Object.getPrototypeof() 返回给定对象的原型

2010-04-02

javascript圣经(第五版)
javascript圣经(第五版) 英文版 pdf格式。许多灵感来自该书。

2009-12-16

周爱民Qomo框架源码
周爱民老师《javascript语言精髓与编程实践》书中提到的Qomo框架。该框架来源自真实项目WEUI。研究该框架对对学习javascript有所帮助。

2009-12-10

使用fidder调试线上网页
作为一名前端工程师，除了开发新项目，还有一个重要任务是线上网站的日常维护。这里强烈推荐fidder2

2009-12-08

Spring揭秘迷你书
<<Spring揭秘>>迷你书,pdf格式。最新版spring介绍。spring的理念是：让别人为你服务

2009-11-30

查看更多

空空如也

TA创建的收藏夹 TA关注的收藏夹

TA关注的人

提示
确定要删除当前文章？
取消 删除