
JS模块化
文章平均质量分 61
潇潇的雨幕里
好记性不如烂笔头
展开
-
6. ES6模块化教程
ES6-Babel-Browserify语法: **导出模块: 1. 分多次导出模块的多个部分 export class Emp{ } export function fun(){ } export var person = {}; 2. 一次导出模块的多个部分 class Emp{ } function fun(){ } var person = {}; export {Emp, fun, person} 3. default导出(只能有一个原创 2022-03-06 16:37:09 · 578 阅读 · 0 评论 -
5. AMD-RequireJS模块化
require.js AMD用于浏览器端比CommonJs的浏览器实现出现的早;CommonJs一开始主要是服务器端;下载require.js, 并引入 官网: http://www.requirejs.cn/ github : https://github.com/requirejs/requirejs 将require.js导入项目: js/libs/require.js 创建项目结构|-js |-libs |-require.js |-mod原创 2022-02-14 21:43:56 · 119 阅读 · 0 评论 -
4. CommonJS-Browserify
Browserify模块化问题: CommonJS两种实现的区别?1.Node的app.js是通过node app.js在node环境运行2.Browserify的app.js最后是要在浏览器index.html页面中执行创建项目结构|-js |-dist //打包生成文件的目录 browserify js/src/app.js -o js/dist/bundle.js |-src //源码所在的目录 |-module1.js |-module2.js |原创 2022-02-13 22:11:46 · 145 阅读 · 0 评论 -
3. CommonJS_Node
CommonJS问题: 暴露的模块的本质到底是什么?1.node基础_模块化2.理解以下的:4. 模块化编码Node.js模块化下载安装node.js创建项目结构|-modules |-module1.js |-module2.js |-module3.js|-app.js|-package.json { "name": "commonJS-node", "version": "1.0.0" }下载第三方模块npm install uni原创 2022-02-13 21:46:17 · 87 阅读 · 0 评论 -
1. 模块与模块化
1. 目标1. 理解模块与模块化2. 了解各种模块化规范及其实现3. 区别各个模块化规范之间的区别4. 掌握基于CommonJS和ES6模块化规范的编码2. 模块化的理解1). 什么是模块?将一个复杂的程序依据一定的规则(规范)封装成几个块(文件), 并进行组合在一起块的内部数据/实现是私有的, 只是向外部暴露一些接口(方法)与外部其它模块通信2). 一个模块的组成私有的数据--->内部的变量私有的行为(操作数据)--->内部的函数向外暴露n个行为3). 模块化原创 2022-02-13 21:43:48 · 354 阅读 · 0 评论 -
2. 模块化进化史教程
模块化的进化过程1. 全局function模式module1.js//数据let data = 'atguigu.com'//操作数据的函数function foo() { console.log(`foo() ${data}`)}function bar() { console.log(`bar() ${data}`)}module2.jslet data2 = 'other data'function foo() { //与另一个模块中的函数冲突了 conso原创 2022-02-13 20:49:22 · 114 阅读 · 0 评论