上文我们对html-webpack-plugin的实例htmlWebpackPlugin进行了遍历分析，讲解了几个常用属性( inject, minify )以及自定义属性的添加，本文，我们继续深入他的配置选项的探讨.

var HtmlWebpackPlugin = require('html-webpack-plugin');module.exports = {

还记得我们上文中的index.html文件吗? 那里面的script标签还是写死的index.bundle.js文件，那么怎么把他们变成动态的index.html文件，这个动态生成的index.html文件会动态引入我们打包后生成的js文件呢？，我们可以使用插件html-webpack-plugin，首先安装这个插件npm install html-webpack-plugin --save-dev，好的，接...

本文继续接着上文，继续写下webpack.config.js的其他配置用法. 一、把两个文件打包成一个，entry怎么配置? 在上文中的webpack.dev.config.js中，用数组配置entry webpack.dev.config.js文件代码： {代码...} 然后在src/js目录下面新建一个calc.js文件，代码如下： {代码...} 二、把两个文件分别打包成2个文件，entry采用...

接着上文，重新在webpack文件夹下面新建一个项目文件夹demo2，然后用npm init --yes初始化项目的package.json配置文件，然后安装webpack( npm install webpack@3.5.6 --save-dev )，然后创建基本的项目文件夹结构，好了，我们的又一个基本项目结构就搭建好了.

webpack，我想大家应该都知道或者听过，Webpack是前端一个工具,可以让各个模块进行加载,预处理,再进行打包。现代的前端开发很多环境都依赖webpack构建，比如vue官方就推荐使用webpack.废话不多说，我们赶紧开始吧.

这道js的面试题，是这样的，页面上有一个按钮，一个ul，点击按钮的时候，每隔1秒钟向ul的后面追加一个li, 一共追加10个，li的内容从0开始技术( 0, 1, 2, ....9 )，首先我们用闭包封装一个创建li元素的函数.

其实es6的面向对象很多原理和机制还是ES5的，只不过把语法改成类似php和java老牌后端语言中的面向对象语法. 一、用es6封装一个基本的类 {代码...} 是不是很向php和java中的类, 其实本质还是原型链，我们往下看就知道了 首先说下语法规则： class Person中的Person就是类名，可以自定义 constructor就是构造函数，这个是...

发布者订阅者模式，是一种很常见的模式，比如: 一、买卖房子 生活中的买房，卖房，中介就构成了一个发布订阅者模式，买房的人，一般需要的是房源，价格，使用面积等信息，他充当了订阅者的角色 中介拿到卖主的房源信息，根据手头上掌握的客户联系信息(买房的人的手机号)，通知买房的人，他充当了发布者的角色 卖主想卖掉...

this关键字在javascript中的变化非常的灵活，如果用的不好就非常恶心，用的好,程序就非常的优雅，灵活，飘逸.所以掌握this的用法，是每一个前端工程师必知必会的.而且这个也是一些大公司笔试中常见的考察项.

这个程序，没有什么问题，但是非常的冗余，每次扩展一个方法，都要写一次原型对象，我们可以把原型对象prototype当做一个字面量对象，所有的方法都在字面

一，instanceof： instanceof检测左侧的__proto__原型链上，是否存在右侧的prototype原型. 我在之前的两篇文章 [js高手之路]构造函数的基本特性与优缺点 [js高手之路]一步步图解javascript的原型(prototype)对象,原型链 已经分享过了. {代码...} 二、isPrototypeOf: 如果隐式原型__proto__指向调用isPrototypeOf()方法的...

每个对象上面都有一个constructor属性( 严格意义上来说，是原型上的，对象是通过查找到原型找到 constructor属性 ).后面讲到原型的时候，我会用示意图的方式说明

javascript面向对象编程方式，对于初学者来说，会比较难懂. 要学会面向对象以及使用面向对象编程，理解对象的创建在内存中的表示，至关重要.

单页，英文缩写为SPA( Single Page Application)，就是把各种功能做在一个页面内. 那所谓的单页路由应用就是：在一个页面内，通过切换地址栏的URL来实现切换内容的变化.

本文主要讲解DOM常用的CURD操作，appendChild(往后追加节点),insertBefore(往前追加节点),removeChild(移除节点),replaceChild(替换节点),cloneNode(克隆节点)的语法与实战应用

一、每个DOM节点都有一个nodeType属性，表示节点类型， NodeType一共有12种类型，我们可以通过遍历内置的Node构造函数获取

所谓字符串工具库就是利用javascript面向对象的知识封装一个常用的字符串处理方法库，首先给这个库起个名字，好吧就叫ghostwu.js。

立即表达式，在javascript中非常常见， 采用立即表达式可以形成一个局部作用域， 常配合闭包实现模块化编程等其他用途，接下来我们看看，在大多数的框架中，立即表达式都有哪些写法，以及需要注意的点，另外再介绍下in操作符的用法

我们通过表单验证的功能，来逐步演进面向对象的方式. 对于刚刚接触javascript的朋友来说，如果要写一个验证用户名，密码，邮箱的功能， 一般可能会这么写：