公开课资料 前端公开课 2018年 公开课资料整理中1118 公开课内容 模块化_第1页
公开课资料 前端公开课 2018年 公开课资料整理中1118 公开课内容 模块化_第2页
公开课资料 前端公开课 2018年 公开课资料整理中1118 公开课内容 模块化_第3页
全文预览已结束

下载本文档

版权说明：本文档由用户提供并上传，收益归属内容提供方，若内容存在侵权，请进行举报或认领

文档简介

模块化模块化 在学习 webpack 之前 需要做的准备工作 了解掌握模块化 下载安装工 具与环境 需要使用工具 git npm 包管理工具 安装 node 为 js 运行环 境 node 安装成功自带 npm 本堂课需要掌握的内容 1 什么是模块化 模块化是指 j 将一个复杂的系统分解为多个模块 方便编码 2 为什么要用模块化 降低复杂性 降低代码耦合度 部署方便 提高效率 3 模块化的好处 a 避免命名冲突 减少变量空间污染 b 更好的分离代码 按需加载 c 更高复用性 d 更高可维护性 4 在模块化规范出现之前 出现的模块化形式 a 函数 b 命名空间 obj c 立即执行函数 暴露接口 jquery 源码封装形式 将依赖以参数的形式 传入 5 原始封装模块会出现的问题 a 一个页面需要引入多个 s 文件 并且依赖顺序不能改变 b 依赖模糊 难以维护 请求过多 模块化规范 模块化规范 commomJScommomJS AmdAmd CmdCmd Es6Es6 1 CommonJS 通过 require 方法同步加载依赖的其他模块 通过 moudle exports 导出需要暴漏的接口 优点 代码可复用于 Node js 这个环境并运行 通过 NPM 发布的很多第三 方模块都采用了 CommomJS 规范 缺点 这样的代码无法直接运行在浏览器环境下 需要通过工具转换成 Es5 2 AMD 采用异步的方式去加载依赖的模块 AMD 主要针对浏览器环境的模 块化问题 最具有代表性的是 requirejs 优点 1 在不进行转码的情况下直接在浏览器中运行 2 可以实现 异步加载 3 并行加载多个依赖 4 代码可运行在浏览器环境和 Node js 环境下 缺点 js 环境没有原生支持 AMD 需要先导入实现 AMD 的库才能正常使用 3 ES6 模块化 是欧洲计算机制造联合会 ECMA 提出的 JavaScript 模块化 的规范 优点 在语言层上实现了模块化 将逐渐取代 CommomJS 和 AMD 规范 缺点 目前无法直接运行在大部分 js 环境下 必须通过工具转换成标准 的 es5 后才能正常运行 4 样式文件中的模块化 将一些常用的样式片段放进一个通用的文件中 再通过 import 语句导入和使用 5 CMD 是 SeaJS 在推广过程中对模块定义的规范化产出 本堂课是 webpack 学习使用之前
人人文库> 全部分类> 教育资料 > 课件下载

温馨提示

  • 1. 本站所有资源如无特殊说明，都需要本地电脑安装OFFICE2007和PDF阅读器。图纸软件为CAD,CAXA,PROE,UG,SolidWorks等.压缩文件请下载最新的WinRAR软件解压。
  • 2. 本站的文档不包含任何第三方提供的附件图纸等，如果需要附件，请联系上传者。文件的所有权益归上传用户所有。
  • 3. 本站RAR压缩包中若带图纸，网页内容里面会有图纸预览，若没有图纸预览就没有图纸。
  • 4. 未经权益所有人同意不得将文件中的内容挪作商业或盈利用途。
  • 5. 人人文库网仅提供信息存储空间，仅对用户上传内容的表现方式做保护处理，对用户上传分享的文档内容本身不做任何修改或编辑，并不能对任何下载内容负责。
  • 6. 下载文件中如有侵权或不适当内容，请与我们联系，我们立即纠正。
  • 7. 本站不保证下载资源的准确性、安全性和完整性, 同时也不承担用户因使用这些下载资源对自己和他人造成任何形式的伤害或损失。

最新文档

评论

0/150

提交评论