WEB前端 - 随笔分类(第3页) - Rain Man

JavaScript Range资源

摘要：Dom RangeDom Range对象Javascript标准DOM Range操作(1)Javascript标准DOM Range操作(2)Javascript标准DOM Range操作(3)RangeException 对象Range(Mozilla) 英文Selection(Mozilla) 英文IE TextRangeselection 对象TextRange对象已经很全了详探JavaScript中TextRange对象使用及方法阅读全文

posted @ 2010-08-08 16:30 Rain Man 阅读(1858) 评论(0) 推荐(1) 编辑

Web前端常用网址

摘要：CSSmargin合并整理按钮在 IE 中两边被拉伸的 BUG存在于IE6/7中，IE8已修复IE的button元素bug常用链接字体编辑用中日韩汉字Unicode编码表中文电码查询HTML 5 Demos and Examples在线翻译_在线词典_金山词霸_爱词霸英语Alexa中文官方网站(及时了解热门话题和热门网页) 阅读全文

posted @ 2010-06-08 23:31 Rain Man 阅读(743) 评论(0) 推荐(0) 编辑

JavaScript中的prototype

摘要：1、prototype在JavaScript中并没有类的概念，但JavaScript中的确可以实现重载，多态，继承。这些实现其实方法都可以用JavaScript中的引用和变量作用域结合prototype来解释。2、Simple Example这是一个非常简单的例子，但却可以很好的解释prototype内在的一些东西，先看下图的内存分配：通过上图可以看到下面这些内容：prototype只是函数的一个属性，该属性的类型是一个对象。内存分配状况：函数Blog拥有一个prototype属性，而prototype属性拥有一个变量和一个函数； test和rainman两个变量都分别有name和url两个阅读全文

posted @ 2010-04-12 21:09 Rain Man 阅读(1567) 评论(4) 推荐(1) 编辑

FCKeditor中的回车换行和制表符缩进

摘要：1、FCKeditor编辑器默认“Enter”会产生段落，即“”；“Shift + Enter”则产生换行，即“”。这很不符合使用习惯，但如果颠倒二者使用起来则更加方便。解决方法，修改“fckconfig.js”FCKConfig.EnterMode = 'p' ; // p | div | brFCKConfig.ShiftEnterMode = 'br' ; // p | div | br 更改为：FCKConfig.EnterMode = 'br' ; // p | div | brFCKConfig.ShiftEnterMode = & 阅读全文

posted @ 2010-02-26 12:15 Rain Man 阅读(2069) 评论(1) 推荐(0) 编辑

再读《CSS权威指南》

摘要：一、Reset CSS的重要性。二、字体的重要性。三、连接。四、CSS中不要使用@import。五、不要使用CSS表达式。 …… 阅读全文

posted @ 2009-09-07 14:59 Rain Man 阅读(9746) 评论(12) 推荐(15) 编辑

Professional Frontend Engineering

摘要：View more documents from Nate Koechley. 阅读全文

posted @ 2009-08-30 15:13 Rain Man 阅读(346) 评论(0) 推荐(0) 编辑

The Principles of Beautiful Web Design

摘要：By Jason BeairdApril 2nd 2007 Reader Rating: 8.8原文地址：The Principles of Beautiful Web DesignFor many web developers, myself included, the most intimidating part of the design process is getting started. Imagine for a moment that you're sitting at your desk with nothing other than a cup of coffee and 阅读全文

posted @ 2009-06-22 09:37 Rain Man 阅读(2659) 评论(0) 推荐(0) 编辑

Beautiful Website

摘要：收藏的各类优秀网站阅读全文

posted @ 2009-06-21 08:10 Rain Man 阅读(1315) 评论(0) 推荐(0) 编辑

JavaScript中的匿名函数及函数的闭包

摘要：一，函数是JavaScript中的一等对象；二，闭包允许内层函数引用父函数中的变量，但是该变量是最终值；三，使用闭包十分容易造成浏览器的内存泄露。阅读全文

posted @ 2009-05-04 16:42 Rain Man 阅读(85691) 评论(30) 推荐(44) 编辑

深入理解JavaScript中的this关键字

摘要：在JavaScript中this变量是一个令人难以摸清的关键字，this可谓是非常强大，充分了解this的相关知识有助于我们在编写面向对象的JavaScript程序时能够游刃有余。 1. 一般用处对于this变量最要的是能够理清this所引用的对象到底是哪一个，也许很多资料上都有自己的解释，但有些阅读全文

posted @ 2009-05-03 22:48 Rain Man 阅读(19885) 评论(24) 推荐(18) 编辑

深入理解JavaScript的变量作用域

摘要：在学习JavaScript的变量作用域之前，我们应当明确几点： JavaScript的变量作用域是基于其特有的作用域链的。 JavaScript没有块级作用域。函数中声明的变量在整个函数中都有定义。 1、JavaScript的作用域链首先看下下面这段代码： <script type="text/ 阅读全文

posted @ 2009-04-28 21:43 Rain Man 阅读(30171) 评论(30) 推荐(26) 编辑

CSS中的Position属性

posted @ 2009-04-12 01:17 Rain Man 阅读(9844) 评论(4) 推荐(4) 编辑

JavaScript内存泄漏

摘要：1、什么是闭包、以及闭包所涉及的作用域链这里就不说了。2、JavaScript垃圾回收机制JavaScript不需要手动地释放内存，它使用一种自动垃圾回收机制（garbage collection）。当一个对象无用的时候，即程序中无变量引用这个对象时，就会从内存中释放掉这个变量。var s = [ ... 阅读全文

posted @ 2009-03-07 19:39 Rain Man 阅读(21828) 评论(20) 推荐(6) 编辑

javascript获得元素的尺寸和位置二 : clientWidth/Height、scrollWidth/Height、scrollTop/Left

摘要：1、clientWidth clientHeight 元素的可视部分的宽度和高度（也就是CSS的width加padding）。它们不把边框和滚动条计算在内，也不包括任何可能的滚动。若CSS中没有指定元素的高度和宽度(即自适应)，则IE中显示0，而非IE浏览器则显示实际的值2、 offsetWidth offsetHeight 元素在页面中占据的宽度和高度的总计。它们和前一对属性的区别在于它们把元素的边框和滚动条计算在内。若CSS中没有指定元素的高度和宽度(即自适应)，所有浏览器都会显示实际的值包括width + padding + border3、 scrollWidth scrollHe 阅读全文

posted @ 2009-02-15 23:23 Rain Man 阅读(1625) 评论(0) 推荐(0) 编辑

javascript获得元素的尺寸和位置一 : offsetTop/Left、offsetWidth/Height、offsetParent

摘要：在学习offset的相关属性前，必须明确指出offsetHeight/Width、offsetTop/offsetLeft等返回的都是只读的并且以数字的形式返回像素值（例如，返回12，而不是'12px'）。定位父元素：指在CSS中某一元素domElement[position:relative/absolute] 所相对定位的元素。1、offsetParent　　对于offsetParent来讲，最重要的是能够知道 domElement.offsetParent 指向的是哪个元素。然而对于这一点不同的浏览器之间有一些微妙的差异。　　 a、domElement设置了position:relat 阅读全文

posted @ 2009-02-15 19:31 Rain Man 阅读(10068) 评论(5) 推荐(1) 编辑

JavaScript中绑定事件监听函数的通用方法[ addEvent() ]

摘要：上篇文章讲到了事件绑定的3中常用方法：传统绑定、W3C绑定方法、IE绑定方法。但是，在实际开发中对于我们来讲重要的是需要一个通用的、跨浏览器的绑定方法。如果我们在互联网上搜索一下会发现许多方法，一下是比较知名的几种方法：在开始学期下面几种方法之前，应当讨论一下，一个好的addEvent()方法应当达到哪些要求：　　 a、支持同一元素的同一事件句柄可以绑定多个监听函数；　　 b、如果在同一元素的同一事件句柄上多次注册同一函数，那么第一次注册后的所有注册都被忽略；　　 c、函数体内的this指向的应当是正在处理事件的节点（如当前正在运行事件句柄的节点）；　　 d、监听函数的执行顺序应当是按照绑定的阅读全文

posted @ 2009-02-11 09:36 Rain Man 阅读(20271) 评论(4) 推荐(3) 编辑

JavaScript中为事件句柄绑定监听函数

摘要：在JavaScript中为Dom元素绑定事件监听函数是一件非常常见的事情，但这里也有许多的Bug。各种浏览器对于事件绑定都提供了很多方法，但可靠的只有3中：1、传统的绑定方法：[代码]　　 a、传统的绑定方法，非常简单稳定，函数体内的this指向的也是指向正在处理事件的节点（如当前正在运行事件句柄的节点）。　　 b、一个元素的一个事件句柄只能注册一个函数，如果重复注册，会产生覆盖；而且，传统绑定方法只会在事件冒泡中运行。2、W3C标准绑定方法：[代码]　　 a、这种绑定方法同时支持时间处理的捕获和冒泡两个阶段；同一元素的同一事件句柄可以注册多个监听函数；而且，监听函数内部this指向当前元素。阅读全文

posted @ 2009-02-10 22:11 Rain Man 阅读(3846) 评论(0) 推荐(2) 编辑

JavaScript中检测变量是否存在

摘要：在编写JavaScript程序时往往需要检测某一变量是否存在，这是一件非常简单的工作，但如果不细心也会遇到一些问题。主要有一些几点：1、普通变量[代码]这时会出现‘variable is not defined’的错误，如果改成下面就会弹出预期的对话框：[代码]2、对象的属性[代码]对于检测对象的属性则不必使用 typeof 。3、在给对象添加属性时，也会遇到类似的问题。[代码] 阅读全文

posted @ 2009-02-10 21:08 Rain Man 阅读(10752) 评论(8) 推荐(1) 编辑

Minimum Timer Delay and Reliability(JavaScript计时器的最小时间延迟和可靠性)

摘要：While it's pretty obvious that you can have timer delays of seconds, minutes, hours - or whatever large interval you desire - what isn't obvious is the smallest timer delay that you can choose.At a certain point a browser is simply incapable of providing a fine-enough resolution on the timers in ord 阅读全文

posted @ 2008-12-29 22:22 Rain Man 阅读(1145) 评论(0) 推荐(0) 编辑

JavaScript的单线程性质以及定时器的工作原理

摘要：最近在写JavaScript时遇到一些问题，就是当JavaScript多事件连续触发，JavaScript的单线程引擎是如何控制的。找了一些资料，觉得很有用，在此分享一下。虽然不是原创，但是觉得此文章对JavaScript程序员非常有用。翻译的不是十分精确，但希望对大家有用。原文：John Resig http://ejohn.org/blog/how-javascript-timers-work/How JavaScript Timers Work从基础的层面来讲，理解JavaScript的定时器是如何工作的是非常重要的。计时器的执行常常和我们的直观想象不同，那是因为JavaScript引擎阅读全文

posted @ 2008-12-26 22:16 Rain Man 阅读(6752) 评论(10) 推荐(1) 编辑

随笔分类 - WEB前端