随笔分类 -  前端模块化

摘要:1. cmd 和 amd 在浏览器中,受网络和浏览器渲染的制约,不能采用同步加载,只能采用异步加载。于是 AMD 规范应运而生 2. AMD AMD(Asynchronous Module Definition),意思就是"异步模块定义"。它采用异步方式加载模块,制定了定义模块的规则,这样模块和模块 阅读全文
posted @ 2019-02-21 11:09 月山 阅读(4366) 评论(0) 推荐(0)
摘要:CommonJs概述 主要是单个文件定义的变量,函数,类都是私有的,其他文件不可见,单位的作用域 通过 exports(modules.exports)对外暴露接口,通过 require 加载模块 node.js 按照 CommonJS 规范实现了模块系统 1. exports 模块导出 2. re 阅读全文
posted @ 2019-02-20 20:30 月山 阅读(428) 评论(0) 推荐(0)
摘要:模块加载的简单实现 (function(win) { var baseUrl; var paths; var script_cache = {}; var script_queue = []; var setConfig = function(options) { if (!options) { o 阅读全文
posted @ 2019-01-08 19:53 月山 阅读(995) 评论(0) 推荐(0)
摘要:前端模块化 前端早期写代码都是全局变量满天飞,这种情况会造成全局命名空间污染,变量冲突等问题 后来采用了 js 的对象写法,添加一个单独的命名空间 这样就把变量挂载到 space 上了,而不是全局 window 上 亦或是挂载到原型上(构造函数) 面向对象一定程度上解决了命名冲突的问题,但是 js 阅读全文
posted @ 2019-01-01 11:36 月山 阅读(363) 评论(0) 推荐(0)
摘要:requireJS 是一个 AMD 规范的模块加载器主要解决的js开发的4个问题1. 异步加载,防止阻塞页面渲染2. 解决js文件之间的依赖关系和保证js的加载顺序3. 按需加载来实现一个 require 的实例目录结构如下: - 首先我们现在 require.html 中将 requireJS 引入> - 为了防止加载的时候阻塞,需要异步进行加载( async=”true” defer) 其... 阅读全文
posted @ 2017-04-27 14:04 月山 阅读(2752) 评论(0) 推荐(0)