代码改变世界

阅读排行榜

JS闭包的用途

2013-04-24 08:41 by Barret李靖, 985 阅读, 收藏,
摘要: 我们来看看闭包的用途。事实上,通过使用闭包,我们可以做很多事情。比如模拟面向对象的代码风格;更优雅,更简洁的表达出代码;在某些方面提升代码的执行效率。1. 匿名自执行函数我们知道所有的变量,如果不加上var关键字,则默认的会添加到全局对象的属性上去,这样的临时变量加入全局对象有很多坏处,比如:别的函数可能误用这些变量;造成全局对象过于庞大,影响访问速度(因为变量的取值是需要从原型链上遍历的)。除了每次使用变量都是用var关键字外,我们在实际情况下经常遇到这样一种情况,即有的函数只需要执行一次,其内部变量无需维护,比如UI的初始化,那么我们可以使用闭包:var datamodel = { ... 阅读全文

实现Javascript异步编程的4种方法

2013-05-14 14:52 by Barret李靖, 808 阅读, 收藏,
摘要: 你可能知道,Javascript语言的执行环境是"单线程"(single thread)。所谓"单线程",就是指一次只能完成一件任务。如果有多个任务,就必须排队,前面一个任务完成,再执行后面一个任务,以此类推。这种模式的好处是实现起来比较简单,执行环境相对单纯;坏处是只要有一个任务耗时很长,后面的任务都必须排队等着,会拖延整个程序的执行。常见的浏览器无响应(假死),往往就是因为某一段Javascript代码长时间运行(比如死循环),导致整个页面卡在这个地方,其他任务无法执行。为了解决这个问题,Javascript语言将任务的执行模式分成两种:同步(Syn 阅读全文

IE6 bug集

2013-04-24 08:08 by Barret李靖, 808 阅读, 收藏,
摘要: 1.IE6的3像素偏移BUG 当浮动元素与非浮动元素相邻(注意这里的相邻可以是纵向的也可以是横向的)时,这个3像素的Bug就会出现,它会偏移3像素。实际表现就是两个元素之间产生了一道缝隙!解决方法很简单,将两个元素都浮动就OK了。此BUG深层的原因是非浮动元素的layout未触发,所以这里只要是能够触发layout的css都可以解决问题。2.IE6 双倍边距问题 当浮动元素设置margin边距时,边距会加倍。解决方法是给浮动元素加上display:inline属性。3.IE6下空标签高度问题 当你把标签的高度设置为0-19内的数字时,IE6会一致的显示为19px高。解决方法:给标签加上over 阅读全文

javascript的灵活性

2012-09-17 09:32 by Barret李靖, 624 阅读, 收藏,
摘要: 本文从ITeye导入如果你偏爱过程式编程,你可以这样:/*Start and stop animations using functions.*/function startAnination() { ....}function stopAnination(){ ....}这种做法很简单,但是你无法创建可以保存状态并且具有一些仅对其内部状态进行操作的方法的动画对象。下面的代码定义了一个类,你可以用它创建这种对象:/*Anim class.*/ var Anim = function(){ .... }; Anim.prototype.start = function(){ ... 阅读全文

JSON

2013-03-28 11:27 by Barret李靖, 580 阅读, 收藏,
摘要: JSON(JavaScript Object Notation) 是一种轻量级的数据交换格式。 易于人阅读和编写。同时也易于机器解析和生成。 它基于JavaScript Programming Language,Standard ECMA-262 3rd Edition - December 1999的一个子集。 JSON采用完全独立于语言的文本格式,但是也使用了类似于C语言家族的习惯(包括C, C++, C#, Java, JavaScript, Perl, Python等)。 这些特性使JSON成为理想的数据交换语言。JSON建构于两种结构:“名称/值”对的集合(A collection 阅读全文

HTML5学习随笔(1)

2013-05-24 13:30 by Barret李靖, 452 阅读, 收藏,
摘要: 关键词:HTML5, canvas, 时钟, 入门学习内容:通过制作canvas时钟了解canvas主要方法的使用DEMO:http://qianduannotes.sinaapp.com/test/canvas.html时钟设计1. Design:2. colors: 表盘:#ABCDEF dialColor 秒钟:red sColor 秒钟原点: gray sDotColor3. size: 画布:400*400 panel 表盘:R = 160 dialR 时针刻度:5*7 hW hH 分针刻度:5*3 mW mH... 阅读全文
上一页 1 ··· 8 9 10 11 12