张最棒

摘要： devtool配置：如何生成source map source map简单来说是帮助你解决压缩后看不到源码的问题。 source map出现的初衷：现在的大部分代码都是用构建工具打包压缩代码来减少网络请求，但是打包后的代码不利于我们调试，source map记录了源代码，并且做了映射，当我们打包后的 阅读全文

摘要： webpack的配置文件用来控制webpack的行为。 默认情况下，webpack会读取webpack.config.js文件作为配置文件，也可以通用命令行来修改 npx webpack --config 123.js. webpack在构建时先读取配置文件，然后读取模块的导入导出特殊语句来构建依赖 阅读全文

摘要： 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)，该变量是个对象，对象中所有的属性均可 阅读全文

摘要： 例如在home页面中，通过/home/news和/home/message在home页面中访问news组件显示新闻，在home页面访问message组件访显示消息。 实现路由嵌套的两个步骤： 创建对应的子组件，并且在路由映射中配置对用的子路由 是组件内部使用<router-view>标签 阅读全文