随笔分类 - WEB前端
摘要：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对象使用及方法
阅读全文
摘要：CSSmargin合并整理按钮在 IE 中两边被拉伸的 BUG存在于IE6/7中，IE8已修复IE的button元素bug常用链接字体编辑用中日韩汉字Unicode编码表中文电码查询HTML 5 Demos and Examples在线翻译_在线词典_金山词霸_爱词霸英语Alexa中文官方网站(及时了解热门话题和热门网页)
阅读全文
摘要：1、prototype在JavaScript中并没有类的概念，但JavaScript中的确可以实现重载，多态，继承。这些实现其实方法都可以用JavaScript中的引用和变量作用域结合prototype来解释。2、Simple Example这是一个非常简单的例子，但却可以很好的解释prototype内在的一些东西，先看下图的内存分配：通过上图可以看到下面这些内容：prototype只是函数的一个属性，该属性的类型是一个对象。内存分配状况： 函数Blog拥有一个prototype属性，而prototype属性拥有一个变量和一个函数； test和rainman两个变量都分别有name和url两个
阅读全文
摘要：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 = &
阅读全文
摘要： 一、Reset CSS的重要性。
二、字体的重要性。
三、连接。
四、CSS中不要使用@import。
五、不要使用CSS表达式。
……
阅读全文
摘要：View more documents from Nate Koechley.
阅读全文
摘要：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
阅读全文
摘要：一，函数是JavaScript中的一等对象；二，闭包允许内层函数引用父函数中的变量，但是该变量是最终值；三，使用闭包十分容易造成浏览器的内存泄露。
阅读全文
摘要：在JavaScript中this变量是一个令人难以摸清的关键字，this可谓是非常强大，充分了解this的相关知识有助于我们在编写面向对象的JavaScript程序时能够游刃有余。 1. 一般用处 对于this变量最要的是能够理清this所引用的对象到底是哪一个，也许很多资料上都有自己的解释，但有些
阅读全文
摘要：在学习JavaScript的变量作用域之前，我们应当明确几点： JavaScript的变量作用域是基于其特有的作用域链的。 JavaScript没有块级作用域。 函数中声明的变量在整个函数中都有定义。 1、JavaScript的作用域链 首先看下下面这段代码： <script type="text/
阅读全文
摘要：也许你看到这个标题觉得很简单，确实这是一篇关于CSS中Position属性基础知识的文章，但是关于Position的一些细节也许你不了解。1、简介position有五个属性： static | relative | absolute | fixed | inheritstatic 和 inherit : 没什么值得介绍的。relative : 相对于元素自身的定位。absolute ：相对于包含块的定位。fixed : 相对于窗口的定位。2、包含块包含块就是 top | right | bottom | left 参考的元素。absolute的包含块指的是：该元素最近的具有定位设置的父元素，即
阅读全文
摘要：1、什么是闭包、以及闭包所涉及的作用域链这里就不说了。2、JavaScript垃圾回收机制JavaScript不需要手动地释放内存，它使用一种自动垃圾回收机制（garbage collection）。当一个对象无用的时候，即程序中无变量引用这个对象时，就会从内存中释放掉这个变量。var s = [ ...
阅读全文
摘要：1、clientWidth clientHeight 元素的可视部分的宽度和高度（也就是CSS的width加padding）。它们不把边框和滚动条计算在内，也不包括任何可能的滚动。 若CSS中没有指定元素的高度和宽度(即自适应)，则IE中显示0，而非IE浏览器则显示实际的值2、 offsetWidth offsetHeight 元素在页面中占据的宽度和高度的总计。它们和前一对属性的区别在于它们把元素的边框和滚动条计算在内。 若CSS中没有指定元素的高度和宽度(即自适应)，所有浏览器都会显示实际的值包括width + padding + border3、 scrollWidth scrollHe
阅读全文
摘要：在学习offset的相关属性前，必须明确指出offsetHeight/Width、offsetTop/offsetLeft等返回的都是只读的并且以数字的形式返回像素值（例如，返回12，而不是'12px'）。定位父元素：指在CSS中某一元素domElement[position:relative/absolute] 所相对定位的元素。1、offsetParent 对于offsetParent来讲，最重要的是能够知道 domElement.offsetParent 指向的是哪个元素。然而对于这一点不同的浏览器之间有一些微妙的差异。 a、domElement设置了position:relat
阅读全文
摘要：上篇文章讲到了事件绑定的3中常用方法：传统绑定、W3C绑定方法、IE绑定方法。但是，在实际开发中对于我们来讲重要的是需要一个通用的、跨浏览器的绑定方法。如果我们在互联网上搜索一下会发现许多方法，一下是比较知名的几种方法：在开始学期下面几种方法之前，应当讨论一下，一个好的addEvent()方法应当达到哪些要求： a、支持同一元素的同一事件句柄可以绑定多个监听函数； b、如果在同一元素的同一事件句柄上多次注册同一函数，那么第一次注册后的所有注册都被忽略； c、函数体内的this指向的应当是正在处理事件的节点（如当前正在运行事件句柄的节点）； d、监听函数的执行顺序应当是按照绑定的
阅读全文
摘要：在JavaScript中为Dom元素绑定事件监听函数是一件非常常见的事情，但这里也有许多的Bug。各种浏览器对于事件绑定都提供了很多方法，但可靠的只有3中：1、传统的绑定方法：[代码] a、传统的绑定方法，非常简单稳定，函数体内的this指向的也是指向正在处理事件的节点（如当前正在运行事件句柄的节点）。 b、一个元素的一个事件句柄只能注册一个函数，如果重复注册，会产生覆盖；而且，传统绑定方法只会在事件冒泡中运行。2、W3C标准绑定方法：[代码] a、这种绑定方法同时支持时间处理的捕获和冒泡两个阶段；同一元素的同一事件句柄可以注册多个监听函数；而且，监听函数内部this指向当前元素。
阅读全文
摘要：在编写JavaScript程序时往往需要检测某一变量是否存在，这是一件非常简单的工作，但如果不细心也会遇到一些问题。主要有一些几点：1、普通变量[代码]这时会出现‘variable is not defined’的错误，如果改成下面就会弹出预期的对话框：[代码]2、 对象的属性[代码]对于检测对象的属性则不必使用 typeof 。3、在给对象添加属性时，也会遇到类似的问题。[代码]
阅读全文
摘要：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
阅读全文
摘要：最近在写JavaScript时遇到一些问题，就是当JavaScript多事件连续触发，JavaScript的单线程引擎是如何控制的。找了一些资料，觉得很有用，在此分享一下。虽然不是原创，但是觉得此文章对JavaScript程序员非常有用。翻译的不是十分精确，但希望对大家有用。原文：John Resig http://ejohn.org/blog/how-javascript-timers-work/How JavaScript Timers Work从基础的层面来讲，理解JavaScript的定时器是如何工作的是非常重要的。计时器的执行常常和我们的直观想象不同，那是因为JavaScript引擎
阅读全文