摘要: 在本章中,我们将分析Douglas Crockford关于JavaScript继承的一个实现 - Classical Inheritance in JavaScript。 Crockford是JavaScript开发社区最知名的权威,是JSON、JSLint、JSMin和ADSafe之父,是《JavaScript: The Good Parts》的作者。 现在是Yahoo的资深JavaScript架构师,参与YUI的设计开发。 这里有一篇文章详细介绍了Crockford的生平和著作。 当然Crockford也是我等小辈崇拜的对象。 阅读全文
posted @ 2013-07-11 08:59 breezefeng 阅读(1129) 评论(1) 推荐(0) 编辑
摘要: 一两个月前在淘宝内网里看到一个优化Javascript代码的竞赛,发现有不少的人对Javascript的执行和装载的基础并不懂,所以,从那天起我就想写一篇文章,但一直耽搁了。 阅读全文
posted @ 2013-07-09 18:12 breezefeng 阅读(427) 评论(0) 推荐(0) 编辑
摘要: HTML代码写起来很费事,因为它的标签多。 一种解决方法是采用模板,在别人写好的骨架内,填入自己的内容。还有一种很炫的方法----简写法。 常用的简写法,目前主要是Emmet和Haml两种。这两种简写法,功能相近,各有特点。考虑到Haml基于Ruby语言,建议Ruby/Rails项目使用Haml,其他项目使用Emmet。 本文主要介绍Emmet。 本人使用的编辑器是sublime text,下面就以sublime text举例。 阅读全文
posted @ 2013-07-09 10:33 breezefeng 阅读(343) 评论(0) 推荐(0) 编辑
摘要: 面向对象与基于对象 几乎每个开发人员都有面向对象语言(比如C++、C#、Java)的开发经验。 在传统面向对象的语言中,有两个非常重要的概念 - 类和实例。 类定义了一类事物公共的行为和方法;而实例则是类的一个具体实现。 我们还知道,面向对象编程有三个重要的概念 - 封装、继承和多态。 但是在JavaScript的世界中,所有的这一切特性似乎都不存在。 因为JavaScript本身不是面向对象的语言,而是基于对象的语言。 这里面就有一些有趣的特性,比如JavaScript中所有事物都是对象, 包括字符串、数组、日期、数字,甚至是函数,比如下面这个例子: 阅读全文
posted @ 2013-07-09 10:32 breezefeng 阅读(611) 评论(0) 推荐(0) 编辑
摘要: 这一章我们将会重点介绍JavaScript中几个重要的属性(this、constructor、prototype), 这些属性对于我们理解如何实现JavaScript中的类和继承起着至关重要的作用。 this this表示当前对象,如果在全局作用范围内使用this,则指代当前页面对象window; 如果在函数中使用this,则this指代什么是根据运行时此函数在什么对象上被调用。 我们还可以使用apply和call两个全局方法来改变函数中this的具体指向。 阅读全文
posted @ 2013-07-09 10:32 breezefeng 阅读(397) 评论(0) 推荐(0) 编辑
摘要: 这几天在学习jQuery插件的写法,这里自己总结了一下,并以一个具体的示例来说明jQuery插件的写法。 1、概述 先看看html代码 阅读全文
posted @ 2013-07-09 10:32 breezefeng 阅读(284) 评论(0) 推荐(0) 编辑
摘要: 在第一章中,我们使用构造函数和原型的方式在JavaScript的世界中实现了类和继承, 但是存在很多问题。这一章我们将会逐一分析这些问题,并给出解决方案。 注:本章中的jClass的实现参考了Simple JavaScript Inheritance的做法。 首先让我们来回顾一下第一章中介绍的例子: 阅读全文
posted @ 2013-07-09 10:31 breezefeng 阅读(314) 评论(0) 推荐(0) 编辑
摘要: 这个系列的第一部分和第二部分,介绍了Javascript模块原型和理论概念,今天介绍如何将它们用于实战。 我采用的是一个非常流行的库require.js。 一、为什么要用require.js? 最早的时候,所有Javascript代码都写在一个文件里面,只要加载这一个文件就够了。后来,代码越来越多,一个文件不够了,必须分成多个文件,依次加载。下面的网页代码,相信很多人都见过。 阅读全文
posted @ 2013-07-07 11:53 breezefeng 阅读(737) 评论(0) 推荐(0) 编辑
摘要: 随着网站逐渐变成"互联网应用程序",嵌入网页的Javascript代码越来越庞大,越来越复杂。 网页越来越像桌面程序,需要一个团队分工协作、进度管理、单元测试等等......开发者不得不使用软件工程的方法,管理网页的业务逻辑。 Javascript模块化编程,已经成为一个迫切的需求。理想情况下,开发者只需要实现核心的业务逻辑,其他都可以加载别人已经写好的模块。 阅读全文
posted @ 2013-07-07 11:52 breezefeng 阅读(288) 评论(1) 推荐(1) 编辑
摘要: 这个系列的第一部分介绍了Javascript模块的基本写法,今天介绍如何规范地使用模块。 七、模块的规范 先想一想,为什么模块很重要? 因为有了模块,我们就可以更方便地使用别人的代码,想要什么功能,就加载什么模块。 但是,这样做有一个前提,那就是大家必须以同样的方式编写模块,否则你有你的写法,我有我的写法,岂不是乱了套!考虑到Javascript模块现在还没有官方规范,这一点就更重要了。 目前,通行的Javascript模块规范共有两种:CommonJS和AMD。我主要介绍AMD,但是要先从CommonJS讲起。 阅读全文
posted @ 2013-07-07 11:52 breezefeng 阅读(179) 评论(0) 推荐(0) 编辑
摘要: jQuery的开发速度很快,几乎每半年一个大版本,每两个月一个小版本。 每个版本都会引入一些新功能。今天我想介绍的,就是从jQuery 1.5.0版本开始引入的一个新功能----deferred对象。 这个功能很重要,未来将成为jQuery的核心方法,它彻底改变了如何在jQuery中使用ajax。为了实现它,jQuery的全部ajax代码都被改写了。但是,它比较抽象,初学者很难掌握,网上的教程也不多。所以,我把自己的学习笔记整理出来了,希望对大家有用。 阅读全文
posted @ 2013-07-06 17:23 breezefeng 阅读(783) 评论(0) 推荐(4) 编辑
摘要: 上一篇,我整理了《jQuery设计思想》。 那篇文章是一篇入门教程,从设计思想的角度,讲解"怎么使用jQuery"。今天的文章则是更进一步,讲解"如何用好jQuery"。 我主要参考了Addy Osmani的PPT《提高jQuery性能的诀窍》(jQuery Proven Performance Tips And Tricks)。他是jQuery开发团队的成员,具有一定的权威性,提出的结论都有测试数据支持,非常有价值。 阅读全文
posted @ 2013-07-06 07:58 breezefeng 阅读(1766) 评论(4) 推荐(9) 编辑
摘要: jQuery是目前使用最广泛的javascript函数库。 据统计,全世界排名前100万的网站,有46%使用jQuery,远远超过其他库。微软公司甚至把jQuery作为他们的官方库。 对于网页开发者来说,学会jQuery是必要的。因为它让你了解业界最通用的技术,为将来学习更高级的库打下基础,并且确实可以很轻松地做出许多复杂的效果。 阅读全文
posted @ 2013-07-05 13:47 breezefeng 阅读(2590) 评论(13) 推荐(8) 编辑
摘要: 面对每年如此多的 新趋势 ,保持行业的领先是个很困难问题. 网站设计者和前端工程师都已经全面的使用 CSS3 properties, 决定这些的是 浏览器支持 和新的特性. 但是还是有些优秀的CSS2代码片段和CSS3一起运行中. 阅读全文
posted @ 2013-06-15 00:10 breezefeng 阅读(4249) 评论(14) 推荐(15) 编辑
摘要: IE BUG相关文章集合 阅读全文
posted @ 2013-06-13 23:46 breezefeng 阅读(289) 评论(0) 推荐(0) 编辑