摘要：
1.let命令 1）let和var的区别：let声明的变量只有所在的代码块有效。 2）没有变量的提升，一定要声明后使用。使用let命令声明变量之前，该变量都是不可用的。形成“暂时性死区”。 3）typeof 不再是一个百分之百安全的操作。 2.块级作用域 1）es5和es6比较：es5 只有全局作用 阅读全文
摘要：
原理 在 Vue.js 中，父子组件的关系可以总结为 props down, events up 。 父组件通过 props 向下传递数据给子组件，子组件通过 events 给父组件发送消息。看看它们是怎么工作的。 业务场景 这里指的是直接父子级关系的通信 美女(子组件)将消息发送给大群(父组件) 阅读全文
摘要：
父组件结构 template <template> <div> <v-girl-group :girls="aGirls"></v-girl-group> </div> </template> script <script> import vGirlGroup from './GirlGroup' 阅读全文
摘要：
1.父组件传递数据给子组件 父组件数据如何传递给子组件呢？可以通过props属性来实现 父组件： 子组件通过props来接收数据: 方式1： 方式2 : 方式3： 这样呢，就实现了父组件向子组件传递数据. 2.子组件与父组件通信 那么，如果子组件想要改变数据呢？这在vue中是不允许的，因为vue只允 阅读全文
摘要：
相信很多人都使用过export、export default、import，然而它们到底有什么区别呢？ 在JavaScript ES6中，export与export default均可用于导出常量、函数、文件、模块等，你可以在其它文件或模块中通过import+(常量 | 函数 | 文件 | 模块)名 阅读全文
摘要：
Bootstrap中是一种事实上的界面标准，标准到现在的网站大量的使用它。如果可以使用webpack引入的bootstrap.css，就可以一个npm install完成项目的依赖，而不必手工的添加到html内。本来以为在入口文件内加一行就行： import 'bootstrap/dist/css/ 阅读全文
摘要：
一、概述ES6现在正是风华正茂的时候，各个公司都是 尝试去使用，并且作为前端工程师ES6也是体现技术的亮点。但是，现在的浏览器对es6支持不是 特别的兼容，最终还是需要把es6转换为es5，webpack使用babel-loader加载器进行转换，它的配置 也是非常的容易。二、配置babel-loa 阅读全文
摘要：
一、什么是加载器(loaders)loaders 用于转换应用程序的资源文件，他们是运行在nodejs下的函数 使用参数来获取一个资源的来源并且返回一个新的来源(资源的位置)，例如：你可以使用loader来告诉webpack去加载less文件、sass文件、es的js文件等二、loaders 特性 阅读全文
摘要：
一、概述开发项目中为了保证上线，开发项目是都需要使用localhost进行开发，以前的做法就是本地搭建Apache或者Tomcat服务器。有的前端开发人员 对服务器的搭建和配置并不熟悉，这个时候需要后台开发人员进行帮忙，有的时候后台开发人员还爱答不理的。为了解决这个爱答不理的问题，webpack-d 阅读全文
摘要：
一、多个入口文件之前我们配置的都是 一个入口 但是有的 时候我们需要多个入口文件，这个时候该如何配置？entry 参数支持设置对象，可以设置多个入口文件，这个时候output的filename就不能是固定名字 了，因为入口是多个文件，所以 同时也要修改 output参数： 这里的filename: 阅读全文
摘要：
一、设置代理的原因 现在对前端开发的要求越来越高，并且随着自动化以及模块化的 诞生，前后端开发模式越来越流行。后端只负责接口，前端负责数据展示、逻辑处理。但是前后端开发模式，有一个重要的问题，就是跨域问题。 二、如何配置webpack的代理 webpack代理需要另外一个插件：webpack-dev 阅读全文
摘要：
一、概述前面的章节我们讲解了webpack的安装、webpack.config.js的 基本配置、webpack执行命名以及require方法的使用，不 知道大家有没有发现，当我们每次修改或者新增一个js文件的时候，就会重新执行一下webpack 命令进行编译，这种方式非常的麻烦，这样整个项目下来岂 阅读全文
摘要：
一、优化项目结构，创建相关的文件,项目结构如下：src文件夹存放相关js文件，index.html项目的首页面，dist文件夹是webpack 打包 目录。 index.js内容为： index.html内容为: 这里引用bundle.js是用webpack编译之后的文件，这里不要写src/inde 阅读全文
摘要：
一、前提因为webpack是一个基于node的项目，所以首先需要确保你的电脑里面已经安装了node.js，以及npm。在这里我使用的版本是：node：v5.8.0 ，npm：3.7.3,若是版本问题，请更新到最新版。二、全局安装Webpack常规的安装是通过npm，如果 你对npm不是特别的熟悉请阅 阅读全文
摘要：
一、 模块化开发 模块化开发说白了就不必在html页面，引用所有的js文件。所有的js文件都进行模块化设置，模块之间可以相互引用。Webpack模块化开发是使用module.exports进行相关方法和属性的导出，提供其它模块使用。 每个模块的 都有自己的作用域， 并且每个模块的属性和方法都是局部的 阅读全文