流浪のwolf

摘要： 使用 v-for 渲染列表的时候会使用 key 给标签一个唯一标识符 ，为了能够高效的跟新虚拟 dom ； 如果没有使用 key 或者key值相同，就不能准确复用虚拟 dom ； 阅读全文

摘要： 不可以，因为无论computed 中的属性名还是 data 又或者是props中的属性名，都会别挂载到组件实例上，所以名字都不允许重复 ； ps：好比一个作用域里面不允许定义2个相同的变量名 ； 阅读全文

摘要： package.json 是项目描述文件，记录了当前项目的信息，比如项目的名字，版本，作者，还有所依赖的第三方模块 ； dependencies 是项目依赖，是项目上线时要依赖的第三方包 ； devdependencies 是开发依赖，是线上运营阶段不需要依赖的包，但是开发阶段必须依赖的包 ；称之为 阅读全文

摘要： 是什么？ npm(全称Node Package Manager,即 node 包管理器) ，是Node.js默认的包管理系统 ; 区别： yarn 的速度开快，因为yarn 是并行安装，npm是串行安装， yarn 产生一个 yarn.lock 记录包名和版本号，npm 产生一个 package.l 阅读全文

摘要： 作用：通过构造函数创建实例对象 ；通过 new 出来的实例可以访问构造函数的属性和方法 ； 阅读全文

摘要： 1. css-loader 翻译css ，可以把sass / less 代码翻译成 css 代码 ； 2. imgage-loader 加载并压缩图片文件 3. source-map-loader 加载额外的map文件，方便断点调试，但体积比较大； 4. babel-loader ES6转换ES5 阅读全文

摘要： 首先，它们的共同点三者都是前端构建工具，grunt和gulp早期比较流行，现在 webpack 是主流； 区别：grunt 和 gulp 基于 任务和流 ； webpack 基于入口文件，webpack 会自动解析入口文件所需要加载的所有资源文件，然后用不同的loader翻译不同的文件，使用 plu 阅读全文

摘要： webpack 的运行流程是一个串行的流程，从启动到结束会依次执行以下步骤 ； 1. 初始化参数：在配置文件，读取并合并参数，得到最终的参数 ； 2. 开始编译：拿着上一步的参数初始化 Compiler 对象，加载所有配置的 plugin ，开始执行编译 3. 确定入口：根据配置中的 entry 找 阅读全文

摘要： 1. 社区庞大，活跃，紧跟技术的前言，不断发展迭代 ； 2. 专注处理模块化的项目，可以开箱即用 ； 3. 通过 loader 扩展，可以把所有类型的文件解析打包 ； 4. 通过plugin 扩展 ，完整好用，灵活 ； 阅读全文

摘要： webpack 是模块化的打包工具，webpack 里面所有文件都是模块 ，通过 loader 转换文件，比如 sass less 转换 css 文件使用 css-loader , 通过 plugin 注入钩子 ，最后输出由多个模块组合成的压缩文件，webpack 专注于构建模块化项目 ； 阅读全文