W3cmm - w3cmm.com - 学习笔记
General Information:
Latest News:
JavaScript判断IE版本的一种写法 27 Aug 2013 | 03:54 pm
Related posts: 如何在html中用IE条件判断表达式判断IE版本 innerHTML插入<style>元素 JavaScript插入动态样式
Page Visibility API 20 May 2013 | 12:47 pm
不知道用户是不是正在与页面交互，这是困扰广大Web开发人员的一个主要问题。如果页面最小化了或者隐藏在了其它标签页后面，那么有些功能是可以停下来的，比如轮询服务器或者某些动画效果。而Page Visibility API就是为了让开发人员知道页面是否对用户可见而推出的。 这个API本身非常简单，由以下三部分组成 document.hidden：表示页面是否隐藏的布尔值。页面隐藏包括页面在后台标签...
Web存储机制(Web Storage) 17 May 2013 | 01:44 pm
Web Storage最早是在Web超文本应用技术工作组的Web的应用1.0规范中描述的。这个规范的最初的工作最终成为了HTML5的一部分。Web Storage的目的是克服由cookie带来的一些限制，当数据需要被严格控制在客户端上时，无须持续的将数据发回服务器。Web Storage的两个主要目标是： 提供一种在cookie之外存储会话数据的途径： 提供一种存储大量可以跨回话存在的数据的机...
跨浏览器使用XPath 19 Apr 2013 | 02:08 pm
鉴于IE对XPath功能的支持有限，因此跨浏览器XPath只能保证达到IE支持的功能。换句话说，也就是要在其它使用DOM3级XPath对象的浏览器中，重新创建selectSingleNode()和selectNodes()方法。第一个函数是selectSingleNode()，它接收三个参数：上下文节点、XPath表达式和可选的命名空间对象。命名空间对象应该是下面这种字面量的形式。 以这种方式提...
IE中的XPath 19 Apr 2013 | 12:57 pm
IE对XPath的支持是内置在基于ActiveX的XML DOM文档对象中，没有使用DOMParser返回的DOM对象。因此，为了在IE及之前的版本中使用XPath，必须使用基于ActiveX的实现。这个接口的每个节点上额外的定义了两个的方法：selectSingleNode()和selectNodes()。其中，selectSingleNode()方法接受了一个XPath模式，在找到匹配节点时返...
DOM3级XPath 17 Apr 2013 | 11:27 am
DOM3级XPath规范定义了在DOM中对XPath表达式求值的接口。要确定某些浏览器是否支持DOM3级XPath,可以使用以下JavaScript代码： 在DOM3级XPath规范定义的类型中，最重要的两个类型是XPathEvaluator和XPathResult。XPathEvaluator用于在特定的上下文中对XPath表达式求值。这个类型有下列3个方法。 createExpressio...
JavaScript寄生组合式继承 11 Mar 2013 | 04:34 pm
组合继承是javaScript最常用的继承模式；不过，它也有自己的不足。组合继承最大的问题就是无论什么情况下，都会调用两次超类型构造函数：一次是在创建子类型原型的时候，另一次是在子类型构造函数内部。没错，子类型最终会包含超类型对象的全部实例属性，但我们不得不在调用子类型构造函数时重写这些属性。再来看一看下面组合继承的例子。 加粗字体的行中是调用SuperType构造函数的代码。在第一次调用Sup...
JavaScript寄生式继承 11 Mar 2013 | 02:49 pm
寄生式继承是与原型式继承紧密相关的一种思路，并且同样也是由克罗克福德推而广之的。寄生式继承的思路与寄生构造函数和工厂模式类似，即创建一个仅用于封装继承过程的函数，该函数在内部以某种方式来增强对象，最后再像它真的是做了所有工作一样返回对象。以下代码示范了寄生式继承模式。 在这个例子中，createAnother()函数接收了一个参数，也就是将要作为新对象基础的对象。然后，把这个对象(origina...
JavaScript原型式继承 11 Mar 2013 | 02:18 pm
道格拉斯·克罗克福德在2006年写了一篇文章，题为Prototypal Inheritance in JavaScript(JavaScript 中的原型式继承)。在这篇文章中，他介绍了一种实现继承的方法，这种方法并没有使用严格意义上的构造函数。他的想法是借助原型可以基于已有对象创建新对象，同时还不必因此创建自定义类型。为了达到这个目的，他给出了如下函数。 在object()函数内部，先创建了一...
HTML5自定义数据属性 27 Dec 2012 | 09:24 am
HTML5规定可以为元素添加非标准的属性，但要添加前缀data-，目的是为元素提供与渲染无关的信息，或者提供语义信息。这些属性可以任意添加、随便命名，只要以data-开头即可。 添加了自定义属性之后，可以通过元素的dataset属性来访问自定义属性的值。dataset属性的值是DOMStringMap的一个实例，也就是一个名值对儿的映射。在这个映射中，每个data-name形式的属性都会有一个对...
