HTML5资讯

当前位置: HTML5技术网 > HTML5资讯 > 构建你第一个 Javascript 框架

构建你第一个 Javascript 框架

英文原文:Build Your First JavaScript Library


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


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


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

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

  • 这不会是一个功能很完善的框架。的确,我们要写很多东西,但它还算不上JQuery。可是我们将要做的事情会让你体验到在真正编写框架的感觉。
  • 我们不打算保证全方位的兼容性。我们将要编写的框架能够在 Internet Explorer 8+、Firefox 5+、Opera 10+、Chrome和Safari上工作。
  • 我们的框架不会覆盖到所有可能的功能。比如说,我们的append和preappend方法只有在你传给它一个我们框架的实例时才能工作;我们不会用原生的DOM节点和节点列表。
另外:尽管在教程中我们不会为我们的框架编写测试用例,但是我已经在第一次开发它的时候做好了。你可以从 Github上获取框架和测试用例的代码。

第一步: 创建框架模板

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


1

【构建你第一个 Javascript 框架】相关文章

1. 构建你第一个 Javascript 框架

2. 构建杀手级应用的 JavaScript 框架、工具和技术

3. 原生体验挡不住!JavaScript开源跨平台框架NativeScript

4. JavaScript开源跨平台框架NativeScript

5. 一个标准表单校验JavaScript框架

6. React 0.13.2 发布,构建用户界面的 JavaScript 库

7. Squel.js: 基于JavaScript的SQL查询构建器

8. Superhero.js:构建大型 JavaScript 应用程序的最佳资源

9. RapydScript:将特定代码转换成JavaScript的预编译器

10. JavaScript大师Nicholas C. Zakas谈TypeScript

本文来源:https://www.51html5.com/a3068.html

点击展开全部

﹝构建你第一个 Javascript 框架﹞相关内容

「构建你第一个 Javascript 框架」相关专题