zoukankan      html  css  js  c++  java
  • javascript的AMD规法--esl与requirejs浅介。

      AMD规范,全称是Asynchronous Module Definition,即异步模块加载机制。从它的规范描述页面看,AMD很短也很简单,但它却完整描述了模块的定义,依赖关系,引用关系以及加载机制。它推荐开发人员将 JavaScript 代码封装进一个个模块,对全局对象的依赖变成了对其他模块的依赖,无须再声明一大堆的全局变量。通过延迟和按需加载来解决各个模块的依赖关系。模块化的 JavaScript 代码好处很明显,各个功能组件的松耦合性可以极大的提升代码的复用性、可维护性。这种非阻塞式的并发式快速加载 JavaScript 代码,使 Web 页面上其他不依赖 JavaScript 代码的 UI 元素,如图片、CSS 以及其他 DOM 节点得以先加载完毕,Web 页面加载速度更快,用户也得到更好的体验。

      其中RequireJS 是一个非常小巧的 JavaScript 模块载入框架,是 AMD 规范最好的实现者之一。esl则是针对一些特定业务开发的符合AMD规范的加载器,是百度ecom前端团队的作品,文后有github链接,下面是二者的一些区别:

    • 体积更小 (Smaller)
    • 性能更高 (Higher performance)
    • 更健壮 (More Robustness)
    • 不支持在非浏览器端使用 (Browser only)
    • 依赖模块用时定义 (Lazy define)

      笔者前端并不熟悉,上面资料也多是搜集各种资料看到的,不过对这些知识点有些概念后可以知道类似下面页面是啥意思:

    上面的页面就是先调用了esl加载器,然后载入了jquery。

      另外esl载入是另一个站点,不清楚是不是cdn方式,下面说一下cdn:

      CDN的全称是Content Delivery Network,即内容分发网络。其目的是通过在现有的Internet中增加一层新的网络架构,将网站的内容发布到最接近用户的网络"边缘",使用户可以就近取得所需的内容,解决 Internet网络拥挤的状况,提高用户访问网站的响应速度。看完上面一大串的定义,可以把CDN简单的描述为:内容分发,解决网络拥挤和提供网站相应速度。例如:引用网络脚本库(如:jQuery)和网络图片资源等。许多网站都从Google的CDN中引用相应的Javascript库。上面的应该是在cdn引入了esl然后esl加载了本地站点的jquery。另见下图:

      

    这里请求的网址是ss1.bdstatic.com:网站备案/许可证号 京ICP证030173号-23 网站名称 百度网页检索静态内容服务 网站首页网址 www.bdstatic.com 审核时间 2012-06-01 主办单位名称 北京百度网讯科技有限公司 主办单位性质 企业..................应该是提供各种静态资源的站点,而且查到百度是有cdn平台的,而且还向外出售相关服务。

    参考资料:

    http://requirejs.cn/

    https://github.com/ecomfe/esl

    http://www.ibm.com/developerworks/cn/web/1209_shiwei_requirejs/

  • 相关阅读:
    Linux Shell中的特殊符号和含义简明总结(包含了绝大部份)
    Linux学习笔记:cat、tac、more、less、head、tail查看文件内容
    Linux学习笔记:pwd与dirs的区别
    Linux学习笔记:nohup & 后台任务
    Linux学习笔记:输入输出重定向 >>命令
    Linux学习笔记:vi常用命令
    Linux学习笔记:touch新建文件、修改访问、改动时间
    Linux学习笔记:mkdir创建文件夹
    Linux学习笔记:mv移动或文件重命名
    Shell学习笔记:#*、%*字符串掐头去尾方法
  • 原文地址:https://www.cnblogs.com/renzherushe/p/4669821.html
Copyright © 2011-2022 走看看