开启掘金成长之旅!这是我参与「掘金日新计划 · 12 月更文挑战」的第1天,点击查看活动详情
前端模块化
浏览器端模块化规范
AMD Require.js
CMD Sea.js
服务器端模块化规范
CommonJs
模块成员导出: module.exports和 exports
exports是module.exports的别名(地址引用关系)导出对象最终以module.exports为准
模块成员导入 require('模块标识符')
es6模块化
每一个js文件都是一个独立的模块
导入模块 import 关键字
暴露模块 export 关键字
es6模块化
Node.js中通过babel体验ES6模块化
npm install --save-dev @babel/core @babel/cli @babel/preset-env @babel/node npm install --save @babel/polyfill 项目根目录创建文件babel.config.js 通过npx babel-node index.js
默认导出与按需导入导出
export default const a ='123';
export const b = '234';
import a, {b c as c1 } from './m.js';
直接导入模块代码
import './m2.js';
前端运行时依赖和开发时依赖的区别
1.运行时依赖dependencies
下载时 添加-S/--save
npm install vuex@next --save
2.开发时依赖devDependencies
下载时 添加-D/--save-dev
npm install xxx --save-dev
开发依赖的目的是为了减少插件在安装依赖是node_modules的所占内存,提升安装依赖的速度
节省线上及其的硬盘资源以及部署上线的时间
Node.js异步编程
回调函数 自己定义函数让别人调用
function getMsg(callback) {
setTimeout(function () {
callback({msg: 'hello Node js'})
})
}
getMsg(function (msg) {
console.log(msg)
})
安装windows-build-tools卡在Python2.7
解决步骤
1.在资源管理其中粘贴 %temp% 打开Windows temp目录
2.创建一个名为dd_client_.log的文件
3.写入Closing installer. Return code: 3010.然后保存文件
然后windows-build-tools就自动安装了
第三方模块config
在不同的环境中,项目的配置是不一样的,需要在项目代码中判断当前项目运行的环境,根据不同的环境应用不同的项目配置
将敏感信息存储在环境变量中 1.在config文件中建立custom-environment-variable.json文件 2.配置项属性的值填写协同环境变量的名字 3.项目运行时config模块查找系统环境变量并读取其值作为当前配置项属于的值