10 2020 档案
摘要：webpack是基于模块化的打包(构建)工具，通过一个入口文件递归出所有模块的依赖关系，经过一系列的过程（压缩，合并），最终生成运行的代码。 webpack的特点 解决工程化问题（只关注开发时的代码，把工程化过程中的问题交给webpack处理） 简单易用：支持0配置 强大生态：可以融入第三方库 基于
阅读全文
摘要：我们总说webpack是打包工具。为什么要有webpack，webpack帮我们做了那些事情？ 在大型的项目中，浏览器端的模块化存在的问题： 效率问题：精细的模块化（更多的js文件）带来大量的网络请求，降低页面访问效率。 兼容性问题：浏览器端不支持CommonJs模块化，而很多第三方库使用了Comm
阅读全文
摘要：当点击一个路由跳转时，当前组件就会有一个生命周期，当组件不处于路由活跃状态时就会销毁（死亡），当点回来又会重新创建一个新的组件。 keep-alive是vue内置的一个组件。而router-view是router-view的内置组件 当router-view被包裹在keep-alive里面，当前组件
阅读全文
摘要：Es6模块化的优点 预声明的方式导入（在一开始确定依赖关系） 多种导入导出方式 Es6缺点：某些情况下效率低.相比CommonJs依赖延迟申明两者优缺点正好相反。 Es6引入入口文件:使用type属性来告知我这个是一个模块 <script src="./index.js" type="module"
阅读全文
摘要：AMD(Asynchronous Module Definition) 异步模块加载机制 require.js实现了AMD规范。 也就是说，模块必须按照AMD的规定来写。具体来说，就是模块必须采用特定的define()函数来定义 用法： 1.下载并引用require.js文件，并使用data-mai
阅读全文
摘要：CommonJs模块化运行在node环境中。 CommonJs实现模块化的原理 // 在模块开始执行之前初始化一个module对象,对象里面有个exports属性也是一个对象 // moudle.exports即为模块导出的对象 var moudle = { exports:{} }; //使用函数
阅读全文
摘要：一般书写的代码有三种运行环境：开发环境，生产环境，测试环境。 如何让node知道当前处于什么环境？ 1. 设置一个NODE_ENV系统环境变量，通过里面的值来判断是生产环境还是开发环境(永久设置) node 中有个全局变量global(类比浏览器的window)，该变量是个对象，对象中所有的属性均可
阅读全文
