《建设监理》网站,华为云怎么建网站,网站建设著作权,苏州网站建设网络推广课程链接
1. 立即执行函数
特点#xff1a;执行结束#xff0c;立即销毁#xff1b;独立作用域执行符号#xff08;#xff09;只能跟在表达式后面#xff0c;不能放在函数声明后分号可以写在前面/后面document为传入实参#xff0c;doc为形参
;(function(doc){...co…课程链接
1. 立即执行函数
特点执行结束立即销毁独立作用域执行符号只能跟在表达式后面不能放在函数声明后分号可以写在前面/后面document为传入实参doc为形参
;(function(doc){...const init (){bindEvent()}function bindEvent(){obj.addEventListener(click, onClick, false)}init()
})(document)
2. init函数
模块初始化函数init管理模块执行用函数专门去绑定事件处理函数在init中执行绑定事件处理函数让功能性的东西能复用
3. webpack 自动化解决方案
3.1 npm init后生成package.json文件
{name: calculator-webpack,version: 1.0.0,description: webpack study,main: index.js,scripts: {test: echo \Error: no test specified\ exit 1},repository: {type: git,url: https://gitee.com/ying9481/calculator-webpack.git},keywords: [webpack],author: hyy,license: MIT
}3.2 开发环境安装包
$ cnpm i -D webpack webpack-cli webpack-dev-server
babel-loader7 babel-core babel-preset-env
babel-plugin-transform-runtime babel-plugin-transform-decorators
babel-plugin-transform-decorators-legacy sass-loader node-sass
css-loader style-loader ejs-loader html-webpack-plugin3.3 path模块
path.resolve的每个参数从左至右看成cd操作理解
3.4 use的执行顺序
从下到上、从右到左 → 先经过css-loader再到style-loader 1、作用①压缩代码混淆js代码 2、作用②浏览器不支持ES5以上的语法webpack可以安装一系列依赖包将之翻译成ES5 3、作用③将less、sass编译成css 4、所需依赖 【三大件】webpack、webpack-cli脚手架、webpack-dev-server开发者服务器插件【六件套】处理ES6 ES7… 装饰器 . babel-loader7、babel-core、babel-preset-env babel8版本和babel-core不兼容 . babel-plugin-transform-runtime . babel-plugin-transform-decorators、 babel-plugin-transform-decorators-legacy【四大件】处理样式sass . sass-loader、node-sass、css-loader、style-loader ( postcss-loader autoprefixer )处理模板ejs-loader处理HTML: html-webpack-plugin 5、安装指令 –save-dev 简写 -D 安装在开发环境下的线上不跑–save 简写 -S 安装在生成环境下的线上代码也需要的如ejs 6、配置安装包 webpack.config文件 特*所有plugin结尾的依赖一般要require导入、loader则不用 plugins: [ new HtmlWebpackPlugin( { } ) ] 7、 用命令跑配置文件webpack.config在package.json的script里跑脚本 8、webpack的path模块 解决绝对路径 9、webpack上线时mode变为production 10、export{ }用到了结构赋值 4.
addEventListener立即执行函数绑定属性getAttribute装饰器组件化类的形式proxy
