智享笔记 Vue2
-
webpack的基本使用
1 创建项目目录并初始化# 创建项目，并打开项目所在目录的终端，输入命令，即可生成package.json文件npm init -y2 创建首页及js文件# 步骤1：在项目的根目录中，新建src源代码目录，并在在【根目录/src】目录下，新建index.html首页文件，内容如下： <body> <ul> <li>这是第1个li</li> <li>这是第2个li</li> <li>这是第3个li</li> <li>这是第4个li</li> <li>这是第5个li&
-
直接导入并执行代码
1 简介有时候，我们只想单纯执行某个模块中的代码，并不需要得到模块中向外暴露的成员，此时，可以直接导入并执行模块代码。2 操作
-
设置按需导入/导出
1 按需导出语法：export let s1 = 102 按需导入语法：import { s1 } from '模块标识符'注意：1) 按需导入的变量名不能乱写，必须和按需导出的一致。2) 每个模块中，可以使用多次按需导出。
-
设置默认导入/导出
1 默认导出语法：指使用export default语法来导出成员小结：每个模块中，只允许使用唯一的一次export default 否则会报错；在一个模块中，若没有导出如何成员，则在导入时，输出的是一个{}对象。 2 默认导入语法：import 接收名称from '模块标识符'
-
在NodeJS中安装babel
1 安装babel# 打开终端，输入命令npm install --save-dev @babel/core @babel/cli @babel/preset-env @babel/node# 安装完毕之后，再次输入命令安装npm install --save @babel/polyfill2 创建babel.config.js在项目目录中创建babel.config.js文件，编辑js文件中的代码如下：const presets = [ ["@babel/env",{ targets:{ edge:"17", firefox:"60", chrome:"67", safari:"11.1"
-
模块化分类
1 浏览器端的模块化1) AMD(Asynchronous Module Definition,异步模块定义)，代表产品为：Require.js2) CMD(Common Module Definition,通用模块定义)，代表产品为：Sea.js2 服务器端的模块化服务器端的模块化规范是使用CommonJS规范：1) 使用require引入其他模块或者包2) 使用exports或者module.exports导出模块成员3) 一个文件就是一个模块，都拥有独立的作用域3 ES6模块化ES6模块化规范中定义：1) 每一个js文件都是独立的模块2) 导入模块成员使用import关键字3) 暴露模块