自定义博客皮肤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)
  • 收藏
  • 关注
全部文章> 2010年09月
排序：
按最后发布时间
按访问量
RSS订阅
12月 11月 10月 09月 08月 07月 06月 05月 04月 03月 02月 01月

读Ext之三（原型扩展）

续上篇，Ext.ns = Ext.namespace; 有了一个简写的namespace。整个匿名函数执行完了。接下来Ext.ns("Ext.util", "Ext.lib", "Ext.data");Ext.elCache = {}; 分别为Ext添加了util，lib，data，elCache属性，默认都是空的对象。Ext.apply(Function.prot...

2010-09-30 09:51:01 122

给事件handler传参数-初学者的困惑

如何给事件handler传参数？在刚刚接触Javascript的时候，由于对闭包理解不深刻，常常纠结于该问题。在讨论群里也经常碰到这样的问题，如下：<!DOCTYPE HTML><html> <head> <meta http-equiv="Content-Type" content="text/html; charse...

2010-09-27 10:18:47 809

读Ext之二（实用方法）

上篇看到Ext.extend，接着往下看。 Ext.namespace，用来管理Ext库命名空间的方法namespace : function(){ var o, d; Ext.each(arguments, function(v) { d = v.split("."); o = window[d[0]] = window[d[0...

2010-09-24 16:37:20 114

读Ext之一（实用方法）

第一句window.undefined = window.undefined; 兼容IE6以下的浏览器，有人 解释过了。 定义Ext全局变量Ext = { version : '3.1.0'};  注意这里没有使用var，不使用var声明变量被认为是不好的编程习惯，尤其是函数内声明变量不写var更被称为是无穷无尽的Bug根源。这里则不会，因为变量E...

2010-09-24 10:19:12 98

图解script的defer和async

  图解script的defer和async：    http://msdn.microsoft.com/en-us/library/ms533719%28VS.85%29.aspx https://developer.mozilla.org/En/HTML/Element/Script http://www.w3.org/TR/html5/scri...

2010-09-21 17:24:55 78

各浏览器中对document.getElementById等方法的实现差异

所有的Web前端同仁对 document.getElementById 都非常熟悉了。开发过程中经常需要用其获取页面id为xx的元素，自从元老级js库Prototype流行后，都喜欢这么简写它// 方式1function $(id){ return document.getElementById(id); } 有没有人想过为什么要这么写，而不用下面的方式写呢？/...

2010-09-15 08:00:41 432

Javascript自由拖拽类

    基本拖拽  new Dragdrop({   target 拖拽元素 HTMLElemnt 必选   bridge 指定鼠标按下哪个元素时开始拖拽，实现模态对话框时用到    dragable 是否可拖拽 (true)默认 dragX true/false false水平方向不可拖拽 (true)默认  ...

2010-09-13 17:45:25 110

IE9分离attribute与property

 IE6/7/8(Q)中元素的attribute与property内部实现是不分的，IE8部分分离，IE9实现彻底分离了。 如下：<div id="myId" class="cls" userAttribute="test1"><script type="text/javascript">var div = document.getEleme

2010-09-07 14:56:20 77

原创 去掉点击链接后的虚线框

点击一个超链接后默认会有一个虚线框，有时候要求去掉它。firefox及标准浏览器下可以用css属性outline：IE下如下实现（据说过多使用效率低）：a{ blr:expression(this.onFocus=this.blur());}  见：http://leotheme.cn/javascript/quediaolinksdesxk.htmlwebkit内核浏览器（Safari/Chrome）中点击链接后不会有虚线框，这应该是默认样式的问题。如果想让其和IE/Firefox一样点击后留

2010-09-07 08:35:00 508

原创 IE6，7，8下多余字符bug

<br /> <br />quirk mode下IE6，7，8均会产生此bug，standard mode下IE6会产生此bug,但条件稍微有些不同（外层div需指定宽度）。<br /> <br />先看quird mode下：div中包含的span都向左浮动，.tltle和.intro的宽度都是50%，这时候在IE6，7，8上都会出现一个多余的'e'。当然.title和.intro的宽度百分比可以任意指定，只要两者加起来为100%即可。<br /> <br /><html> <head>

2010-09-07 08:31:00 785

原创 js获取html元素宽度的思考

<br /> <br />分两种情况讨论：<br />1、使用内联样式，即直接把CSS写在HTML元素的style属性中<br /><div id="d1" style="width:100px;height:200px;"> </div> <br /> <br />通过以下js代码可以获取width等属性，<br />alert(document.getElementById('d1').style.width);//100px <br /> <br />在firefox，ie，opera，saf

2010-09-07 08:29:00 8345 1

原创 firefox下绝对定位元素重叠造成不可点击问题

<br /> <br />重构地图网站过程中碰到的，firefox下（无论诡异模式或标准模式）当两个绝对定位的div发生重叠（即一个div盖在另一个div上）时，下面的div变得不可点击了。解决的方法是设置z-index，z-index值大的就可以点击了。而IE下，即使z-index值高的div，下面的div中的button仍然可以点击。<br /> <br />如下htmlbug重现：<br /> <br /> <br /><!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4

2010-09-06 15:01:00 836

原创 IE6双空白边bug

<br /> <br />在IE5.5，6下，如果一个元素向左浮动(float:left)，且添加了向左空白边(margin-left:10px)。那么会自动的加一倍变成20px。<br />如下html：在IE5.5，6下测试会发现marginLeft变成了20px<br /> <br /> <br /><mce:style type="text/css"><!--#div2{ margin:0 0 0 10px; float:left; width:300px; height:50p

2010-09-06 14:59:00 498

原创 js操作css float属性

<br /> <br />在写js操作css的过程中发现float属性在IE和firefox下对应的js脚本是不一样的，IE下对应得是styleFloat，firefox,chorme,safari下对应的是cssFloat，可用in运算符去检测style是否包含此属性。<br /> <br />下面是兼容性代码<br /> <br /> <br />var setFloatStyle=function(obj,style){ var sty=obj.style; if('cssFloat' i

2010-09-06 14:58:00 586

原创 servlet下利用json-lib

<br />在做《资治通鉴》、《书目》项目时采用的是struts2框架，用了struts2的json插件jsonplugin-0.30.jar输出json数据。此插件很强大，能输出各种复杂javaBean。在 http://www.json.org 上提供了各种语言转成json的开源lib。试用了下org.json ，对于java基本类型，list、map没有问题。对于复杂javaBean（如一个list里存放的是Person类型的对象，Person又具有Map等类型的属性）显得力不从心了。这里采用了jso

2010-09-06 14:56:00 937

IE6/7下form元素默认样式导致的bug

Bug重现 &lt;!DOCTYPE HTML&gt;&lt;html&gt;&lt;head&gt;&lt;meta http-equiv="Content-Type" content="text/html; charset=utf-8" /&gt;&lt;title&gt;&lt;/title&gt;&lt;/head&gt;

2010-09-06 14:30:42 98

JavaScript碎碎念

一，True and False表达式 以下都是false表达式 null undefined '' the empty string 0 the number 以下都是true表达式'0' the string[] the empty array{} the empty object  因此， while (x != null) {...

2010-09-02 15:32:08 64

慎用基本类型的包装类

浏览网页无意中看到的，条件判断时强制强其转换成Boolean型。对于JavaScript来说在需要用到Boolean时会动态转换。var b = new Boolean(false);if(b){ alert(5); // 弹出} 当Boolean的参数是false，0，null，undefined时，b将是一个对象，if(b)中的b将为真，后续代码会...

2010-09-02 13:57:45 85

原创 javascript继承工具函数之三

<br /><br />按构造函数/原型混合 方式写类，即属性挂在this上，方法挂在prototype上。<br /> <br />工具函数extend如下，实现思路见注释<br />/** * @param {Function} subCls 子类 * @param {Function} superCls 父类 */function extend(subCls,superCls) { //暂存子类原型 var sbp = subCls.prototype; //重写

2010-09-01 13:51:00 326

原创 javascript继承之工具函数二

<br />按原型方式写类，即属性和方法都挂在原型上。<br />/** * 父类Person */function Person(){}Person.prototype.nationality = 'China';Person.prototype.getNationality = function() {return this.nationality;}Person.prototype.setNationality = function(n) { this.nationali

2010-09-01 13:49:00 312

原创 javascript继承之工具函数一

这篇开始写几个工具函数实现类的扩展。每个工具函数都是针对特定的写类方式（习惯）。这篇按照构造函数方式写类：属性（字段）和方法都挂在this上。先写个类（作为父类），有一个属性nationality（国籍）和相应的get，set方法。// 父类Personfunction Person(nationality) { this.nationality = nationality; this.setNationality = function(n) {this.nationality=n;};

2010-09-01 13:42:00 401

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

JavaScript核心概念及实践
国内原创经典JavaScript图书，2012年12月-2013年3月，经张凯峰推荐，人民邮电的陈冀康编辑认为此书有出版的意义，并和作者讨论此书的出版事宜。根据陈编辑的意见，作者对书本的结构做了相对较大的调整，并进一步校对文字，给图例编号等。在陈编辑的帮助下，这个版本变的更加的专业。

2014-06-17

Backbone.js开发秘笈
本书系统地介绍了应用Backbone.js开发Web应用应该掌握的知识，对其背后的实现原理进行了抽丝剥茧式的分析，并且还涵盖了一些时下非常流行的技术，例如REST、HTML 5以及移动应用开发等。 PDF，2.9M，英文版 Backbone.js Cookbook。

2014-05-05

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

jQuery高级编程
jQuery高级教程 内容提要 　　 ◆ 如何操作dom元素和使用数据 　　 ◆ 使用html表单、ajax和json的步骤 　　 ◆ 介绍如何使用动画和设置css属性，为网站创建吸引眼球的效果 　　 ◆ 如何使用jquery插件开发久经考验的最佳实践扩展jquery 　　 ◆ 编写高效jquery代码、网站优化和扩展javascript object的最佳实践 PDF 23M.

2013-05-22

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

Developing Backbone.js Applications
目前学习backbone的唯一书籍。PDF格式，3M。

2012-08-17

Mac OS X 背后的故事
了解苹果公司，了解苹果系统的最好介绍之一。有些地方偏技术，对于非技术人员可能不太适合阅读。PDF格式。

2012-08-17

基于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

dojo权威指南
Dojo.The.Definitive.Guide。英文版，pdf格式，5M。学习dojo的权威资料。

2012-02-22

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

jQuery.Novice.to.Ninja.[JQuery菜鸟到忍者].Sitepoint.Feb.2010
jQuery.Novice.to.Ninja.[JQuery菜鸟到忍者].Sitepoint.Feb.2010。pdf格式，6M。

2011-10-25

WEB界面设计
WEB界面设计，李松峰老师翻译。经典的web设计学习书籍。pdf格式，7M。

2011-10-25

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

2011-10-25

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

2011-10-25

架构师必看——架构之美（精选版）
在大多数人的谈论中，架构是一个目标产物，而作为架构师的责任就是去生产它。所以 无论如何，架构是可以“做”出来的，而且也应该有一些“做”的方法、技术、技巧。

2011-10-25

jQuery_Cookbook
学习jquery的经典书籍。pdf格式，英文。

2011-09-07

重构－改善既有代码的设计
本书基本上是取自”重构”中文版一书的内容，但格式上参照的是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

查看更多

空空如也

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

TA关注的人

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