07 2017 档案

摘要：前言 在使用vue一个多礼拜后，感觉现在还停留在初级阶段，虽然知道怎么和后端做数据交互，但是对于mounted这个挂载还不是很清楚的。放大之，对vue的生命周期不甚了解。只知道简单的使用，而不知道为什么，这对后面的踩坑是相当不利的。 因为我们有时候会在几个钩子函数里做一些事情，什么时候做，在哪个函数 阅读全文

摘要：在uve组件中我们我们经常需要给style添加scoped来使得当前样式只作用于当前组件的节点。添加scoped之后，实际上vue在背后做的工作是将当前组件的节点添加一个像data-v-1233这样唯一属性的标识，当然也会给当前style的所有样式添加[data-v-1233]这样的话，就可以使得当 阅读全文

摘要：babel-polyfill 使用场景 Babel 默认只转换新的 JavaScript 语法，而不转换新的 API。例如，Iterator、Generator、Set、Maps、Proxy、Reflect、Symbol、Promise 等全局对象，以及一些定义在全局对象上的方法（比如 Object 阅读全文

摘要：CommonJS规范为Javascript制定了一个美好的愿景--希望Javascript能够在任何地方运行。 1、CommonJS的模块规范 1 模块引用 2、模块定义 node提供了exports对象用于导出当前的模块的方法或者变量。并且是唯一的导出出口。在模块中，还存在一个module对象，它 阅读全文

摘要：Nodejs有几个特性：异步IO，事件驱动，单线程，跨平台 异步IO可以保证在CPU计算的同时，异步的加载IO，加快了应用的访问。不像传统的服务器是使用什么阻塞IO啊、轮训IO等等，它相当于在发送处理请求时，直接传一个回调函数，当异步的IO结束后，会自动的执行回调。 事件驱动，则是把粒度降低到事件级 阅读全文

摘要：ESLint简介 关于ESLint的介绍网上很多，这里就简单说些有用的。 ESLint的作用是检查代码错误和统一代码风格的。由于每个人写代码的习惯都会有所不同，所以统一代码风格在团队协作中尤为重要。 vue-cli的eslint相关 vue-cli在init初始化时会询问是否需要添加ESLint，确 阅读全文

摘要：由于最近在vue-cli生成的webpack模板项目的基础上写一个小东西，开发过程中需要改动到build和config里面一些相关的配置，所以刚好趁此机会将所有配置文件看一遍，理一理思路，也便于以后修改配置的时候不会“太折腾”。 一、文件结构 本文主要分析开发（dev）和构建（build）两个过程涉 阅读全文

摘要：|-- build // 项目构建(webpack)相关代码 | |-- build.js // 生产环境构建代码 | |-- check-version.js // 检查node、npm等版本 | |-- dev-client.js /... 阅读全文

摘要：安装 vue-cli 安装好了 node，我们可以直接全局安装 vue-cli： 安装完成后，可以使用 vue -V （注意 V 大写）查看是否安装成功。 生成项目 vue init webpack 然后执行 npm install npm run dev 阅读全文

摘要：简介 JavaScript 语言中，生成实例对象的传统方法是通过构造函数。下面是一个例子。 基本上，ES6 的class可以看作只是一个语法糖，它的绝大部分功能，ES5 都可以做到，新的class写法只是让对象原型的写法更加清晰、更像面向对象编程的语法而已。上面的代码用 ES6 的class改写，就 阅读全文

摘要：个人理解，面向过程式的开发肯定充斥着大量的条件语句分支。 this call和appy章节 用new 调用构造器时，还需要注意一个问题，如果构造器显示的返回一个Object类型的对象，那么此次运算结构最终会返回这个对象，而不是我们之前期待的this； 构造器不显示的返回数据或者不返回一个非对象类型的 阅读全文

摘要：Vuex 是什么？ Vuex 是一个专为 Vue.js 应用程序开发的状态管理模式。它采用集中式存储管理应用的所有组件的状态，并以相应的规则保证状态以一种可预测的方式发生变化。 个人理解为原来点击触发的事件统一交到vuex里面管理了。methods只提供事件函数，具体的业务逻辑到vuex里面 阅读全文

摘要：1、判断是否是null 2 对象的Symbol.hasInstance属性，指向一个内部方法。当其他对象使用instanceof运算符，判断是否为该对象的实例时，会调用这个方法。 阅读全文

摘要：loaders之 html处理 npm install --save-dev html-loader Babel的配置选项 css-loaders自动添加前缀 import 要禁用 css-loader 解析 @import，将选项设置为false 处理less 处理图片 npm install - 阅读全文

摘要：ES6 允许按照一定模式，从数组和对象中提取值，对变量进行赋值，这被称为解构（Destructuring）。 ps:...z这种格式表示匹配的是数组 结构不成功就会被默认赋值undefined ps：这种解构，如果右边不是数组会报错 2、对象的结构赋值 对象的解构与数组有一个重要的不同。数组的元素是 阅读全文

摘要：1、因为let申明的变量只在他的代码块有效 所以，不会报错 for循环里面的 i 和for循环的 i 不是同一个 i 2、let不存在变量提前 但是很奇怪的是在代码块内，使用let命令声明变量之前，该变量都是不可用的。语法上都成为“暂时性死区”（temporal dead zone，简称 TDZ）。 阅读全文

摘要：webpack打包多个html文件 需要注意的是，如果index页面中加载了js的话，只有第一个文件可以打包好 ，其他会报错 如果页面中入加载的js很多 那么可以用另一个属性excludeChunks:['a'] 排除a文件 加载其他所有文件 //可以吧公共的js放入内联加载 阅读全文