基础 自定义应用模块 最佳实践

模块化 模块化编译方式 模块化 解释 ：可以将一些公共的代码抽离成为一个单独的 js 文件，作为一个模块。模块可以通过 module.exports、exports 或者 export 对外暴露接口，使用require 或者 import 进行导入。 代码示例 // utils.js var name = 'swan' ; v...

模块化 CommonJS AMD 模块化 在有 Babel 的情况下，我们可以直接使用 ES6 的模块化 // file a.js export function a () {} export function b () {} // file b.js export default function ...

模块化 每个模块必须有一个模块名； 每个模块的基本组成部分应该一致； 模块的子节点类名需带上模块名（防止模块间嵌套时产生不必要的覆盖）； 孙辈节点无需再带模块名。 代码如： <section class = "m-detail" > <header class = "m-detail-hd" > <h1 ...

基础 模块插件 自定义应用模块 最佳实践

文件作用域 模块化 Tips 文件作用域 在.js 文件中声明的变量和方法只在当前文件中有效；不同的文件中可以声明相同名字的变量和方法。 通过全局函数 getApp() 可以获取全局的应用实例，如果需要全局的数据可以在 App() 中设置，如： // app.js App ({ globalData : "cortana...

文件作用域 模块化 Tips 文件作用域 在 JavaScript 文件中声明的变量和函数只在该文件中有效；不同的文件中可以声明相同名字的变量和函数，不会互相影响。 通过全局函数 getApp() 可以获取全局的应用实例，如果需要全局的数据可以在 App() 中设置，如： // app.js App ({ globalDat...

一、什么是模块 二、模块化的目标 三、模块复用原则 REP 复用/发布等同原则 CCP 共同闭包原则 CRP 共同复用原则 复用原则竞争关系 四、框架模块设计 单仓库包设计 模块聚合设计 五、常见问题解答 1、虽然每一个模块都按照低耦合设计，模块虽然可以选择性引入，但在使用时也得全量下载完整框架代码 2、框架中任一模块的版本变更都...

一、什么是模块 二、模块化的目标 三、模块复用原则 REP 复用/发布等同原则 CCP 共同闭包原则 CRP 共同复用原则 复用原则竞争关系 四、框架模块设计 单仓库包设计 模块聚合设计 五、常见问题解答 1、虽然每一个模块都按照低耦合设计，模块虽然可以选择性引入，但在使用时也得全量下载完整框架代码 2、框架中任一模块的版本变更都...

模块化时代 限制 AMD Common.js / CMD UMD 问题 模块化时代 在忍受了命名空间一大串的名字很多年之后，终于有了模块化。促使模块化诞生的另一个因素是依赖管理的问题。 限制 浏览器对资源加载有同源策略限制，也不支持编程化加载资源。（支持加载，不告诉你加载结果，自己猜。） 最终大部分加载器选择通过<script> 标...