超赞的动手创建JavaScr、ipt框架的详细教程

 　　这篇文章主要介绍了动手创建JavaScript框架的详细教程,包括DOM和各种属性的调试等各个方面,超级推荐!需要的朋友可以参考下

　　觉得Mootools不可思议?想知道Dojo是如何实现的?对JQuery的技巧感到好奇?在这篇教程里，我们将探寻框架背后的秘密，然后试着自己动手建立一个你所喜爱的框架的简易版本。

　　我们几乎每天都在使用各种各样的JavaScript框架。当你刚入门的时候，方便的DOM(文档对象模型)操作让你觉得JQuery这样的东西非常棒。这是因为：首先，对于新手来说DOM太难理解了;当然，对于一个API来说难以理解可不是什么好事。其次，浏览器间的兼容性问题非常令人困扰。

　　我们将元素包装成对象是因为我们想要能够为对象添加方法。

　　在这个教程里，我们将试着从头实现这些框架之一。是的，这会很有趣，不过在你太过兴奋前我要澄清几点：

　　这不会是一个功能很完善的框架。的确，我们要写很多东西，但它还算不上JQuery。可是我们将要做的事情会让你体验到在真正编写框架的感觉。

　　我们不打算保证全方位的兼容性。我们将要编写的框架能够在 Internet Explorer 8+、Firefox 5+、Opera 10+、Chrome和Safari上工作。

　　我们的框架不会覆盖到所有可能的功能。比如说，我们的append和preappend方法只有在你传给它一个我们框架的实例时才能工作;我们不会用原生的DOM节点和节点列表。

　　另外：尽管在教程中我们不会为我们的框架编写测试用例，但是我已经在第一次开发它的时候做好了。你可以从 Github上获取框架和测试用例的代码。

　　第一步: 创建框架模板

　　我们将从一些包装代码开始，它将容纳我们的整个框架。这是典型的立即函数(IIFE).

　　?

　　你可以看到，我们的框架叫做dome，因为它是一个基本的DOM框架。没错，基本(lame有“瘸子”、“不完整”的意思，dom加lame等于dome)的。

　　我们已经有了一些东西。 首先，我们有了一个函数;它将成为构造框架的对象实例的构造函数;那些对象将会包含我们选择和创建的元素。

　　然后，我们有了一个dome对象，它就是我们的框架对象;你可以看到它最终作为函数的返回值返回给了函数调用者(译注：赋值给了window.dome)。这里还有一个空的get函数，我们将用它从页面里选取元素。那么，我们来填充代码吧。

　　第二步: 获取元素

　　dome的get函数只有一个参数，但是它可以是很多东西。如果它一个string(字符串)，我们将假定它是一个CSS(层叠样式表)选择器;不过我们也可能得到一个DOM节点或者DOM节点列表。

　　?