HashMap想象HashMap就像一个超级市场里的储物柜，你把东西放进去，超市给你一张条形码。当你回来找东西时，只需要出示条形码，超市的系统就能快速找到你的储物柜。HashMap也是这样，你给它一个“条形码”（key），它就记住你的东西（value）。当你再次用同样的“条形码”来找东西时，它能很快找到，因为HashMap内部使用了散...

3.进入打包好的dist目录或进入目录右键打开命令行工具，启动http-server。在命令行或powershell中，执行以下命令：http-server

由于计算机的底层是由二进制实现的，有些运算的数字无法全部显示出来。就像一些无理数不能完全显示出来一样，如圆周率 3.1415926...，0.3333... 等。JavaScript遵循IEEE754规范，采用双精度存储（double precision），占用64bit。

HTML语义化，一图以蔽之图片来源于网络

很多人都对双竖杠"||"非常熟悉，因为这个经常在项目中经常会用到。单竖杠"|"，却很少在项目开发中使用到。"|"是位运算符，"||"是逻辑运算符。

浅拷贝是创建一个新对象，这个对象有着原始对象属性值的拷贝。如果属性是基本类型，拷贝的就是基本类型的值，如果属性是引用类型，拷贝的是内存地址 。如果不进行深拷贝，其中一个对象改变了对象的值，就会影响到另一个对象的值。深拷贝是将一个对象从内存中完整的拷贝一份出来,从堆内存中开辟一个新的区域存放新对象,且...

对比map、 forEach、 filter 等数组方法，reduce比它们更强。一、 reduce定义和用法reduce() 方法接收一个函数作为累加器，数组中的每个值（从左到右）开始缩减，最终计算为一个值。reduce() 可以作为一个高阶函数，用于函数的 compose。注意: reduce() 对于空数组是不会执行回调函数的。语法：array.reduce(function(pr...

JS数组求和的常用方法。一、for循环 {代码...} 二、forEach遍历 {代码...} 三、reduce {代码...} 四、递归 {代码...} 五、eval {代码...}

javascript错误类型有以下几种：①SyntaxError: 语法错误②ReferenceError: 引用错误 要用的东西没找到③RangeError: 范围错误 专指参数超范围④TypeError: 类型错误 错误的调用了对象的方法⑤EvalError: eval()方法错误的使用⑥URIError: url地址错误

工欲善其事，必先利其器，chrome前端调试必备工具!要想操作浏览器更有效率，我们可以试试掌握以下这些快捷键。 Ctrl+N打开新窗口 Ctrl+T打开新标签页 Ctrl+Shift+N在隐身模式下打开新窗口 Ctrl+O在 Google Chrome 浏览器中打开计算机中的文件 按住 Ctrl 键的同时点击链接 或用鼠标中键(或鼠标滚轮)点击链接 从后台在新标...

for...in 循环只遍历可枚举属性（包括它的原型链上的可枚举属性）。像 Array和Object使用内置构造函数所创建的对象都会继承自Object.prototype和String.prototype的不可枚举属性，例如 String 的 indexOf()  方法或 Object的toString()方法。循环将遍历对象本身的所有可枚举属性，以及对象从其构造函数原型中继承的属性...

用法：arr.constructor === Array Object的每个实例都有构造函数 constructor，用于保存着用于创建当前对象的函数

Promise 面试题来源网络 面试题一 {代码...} 运行结果： {代码...} 解释：Promise 构造函数是同步执行的，promise.then 中的函数是异步执行的。 面试题二 {代码...} 运行结果： {代码...} 解释：promise 有 3 种状态：pending、fulfilled 或 rejected。状态改变只能是 pending->fulfilled 或者 pending->rejected...

MVVM 是 Model-View-ViewModel 的缩写。Model代表数据模型，也可以在Model中定义数据修改和操作的业务逻辑。View 代表UI 组件，它负责将数据模型转化成UI 展现出来。ViewModel 监听模型数据的改变和控制视图行为、处理用户交互，简单理解就是一个同步View 和 Model的对象，连接Model和View。在MVVM架构下，View 和 Model...

简单先了解一下浏览器的渲染过程（图片来自于网络） 浏览器生成渲染树的过程（图片来自于网络） 回流 回流当render tree中的一部分或全部因为元素的规模尺寸、布局、隐藏等改变时，浏览器重新渲染部分DOM或全部DOM的过程。回流也被称为重排，其实从字面上来看，重排更容易让人形象易懂（即重新排版整个页面）。 重绘 当...

名词解释：连续执行函数，每隔一定时间执行函数。规定一个单位时间，在这个单位时间内，只能有一次触发事件的回调函数执行，如果在同一个单位时间内某事件被触发多次，只有一次能生效。

圣杯布局、双飞翼布局,本质上都是三栏布局──中间自适应两边固定宽。有一次面试，要求写出三种实现方式，结果只写出了两种，面试官说基础还不够扎实~呜

forEach循环我们可以直接取到元素，同时也可以取到index值。但是forEach也有一些局限，不能continue跳过或者break终止循环

面试题来源于网络，看一下高级前端的面试题，可以知道自己和高级前端的差距。有些面试题会重复。 {代码...} {代码...} {代码...} {代码...} {代码...} {代码...} {代码...} {代码...} {代码...} {代码...} {代码...} {代码...} {代码...} {代码...} {代码...} {代码...} {代码...} {代码...} {代码...} Vue面试中，经常...

JavaScript对Object对象的一些常用操作总结。 一、Object.assign() 1.可以用作对象的复制 {代码...} 2.可以用作对象的合并 {代码...} 3.目标对象o1自身也发生了改变，假如不想让o1改变，可以把三个对象合并到一个空的对象中，操作如下： {代码...} 注意：以下几个地方1.继承属性和不可枚举属性是不能拷贝的 {代码...} 2....

组件是Vue最强大的功能之一，而组件实例的作用域是相互独立的，意味着不同组件之间的数据是无法相互使用。组件间如何传递数据就显得至关重要，这篇文章主要是介绍Vuex。尽量以通俗易懂的实例讲述这其中的差别，希望对小伙伴有些许帮助。

一、charAt() 返回在指定位置的字符。 {代码...} 二、charCodeAt() 返回在指定的位置的字符的 Unicode 编码。 {代码...} 三、concat() 连接字符串。 {代码...} 四、indexOf() 检索字符串。indexOf() 方法对大小写敏感！ {代码...} 五、match() match() 方法可在字符串内检索指定的值，或找到一个或多个正则表达式的匹配...

一、concat() concat() 方法用于连接两个或多个数组。该方法不会改变现有的数组，仅会返回被连接数组的一个副本。 {代码...} 二、join() join() 方法用于把数组中的所有元素放入一个字符串。元素是通过指定的分隔符进行分隔的，默认使用','号分割，不改变原数组。 {代码...} 三、push() push() 方法可向数组的末尾添加一...

面试题是来自微博@牛客网发布的真实大厂前端面经题目，我一直在收集题目长期一个一个的记录下来的，可能会有重复，但基本前端的面试大纲和需要掌握的知识都在其中了，面试题仅做学习参考，学习者阅后也要用心钻研其中的原理，重要知识需要系统学习、透彻学习，形成自己的知识链。

数组去重，一般都是在面试的时候才会碰到，一般是要求手写数组去重方法的代码。如果是被提问到，数组去重的方法有哪些？你能答出其中的 10 种，面试官很有可能对你刮目相看。

文中的内容主要是来自于阮一峰的《ES6标准入门》（第三版）。《学习ES6笔记──工作中常用到的ES6语法》只是简单提及Set和Map，今天有空于是写了这篇文章──《深入理解：ES6中的Set和Map数据结构，Map与其它数据结构的互相转换》。

看看面试题，只是为了查漏补缺，看看自己那些方面还不懂。切记不要以为背了面试题，就万事大吉了，最好是理解背后的原理，这样面试的时候才能侃侃而谈。不然，稍微有水平的面试官一看就能看出，是否有真才实学还是刚好背中了这道面试题。（都是一些基础的vue面试题，大神不用浪费时间往下看）

重点：利用原型让一个引用类型继承另外一个引用类型的属性和方法。构造函数，原型，实例之间的关系：每个构造函数都有一个原型对象，原型对象包含一个指向构造函数的指针，而实例都包含一个指向原型对象的内部指针。

JavaScript创建对象的方式有很多，通过Object构造函数或对象字面量的方式也可以创建单个对象，显然这两种方式会产生大量的重复代码，并不适合量产。接下来介绍七种非常经典的创建对象的方式，他们也各有优缺点。（内容主要来自于《JavaScript高级程序设计》，还参考了一下别人写的文章）

在JavaScript中咱们以前主要用关键var来定义变量，ES6之后，新增了定义变量的两个关键字，分别是let和const。对于变量来说，在ES5中var定义的变量会提升到作用域中所有的函数与语句前面，而ES6中let定义的变量则不会，let声明的变量会在其相应的代码块中建立一个暂时性死区，直至变量被声明。let和const都能够声明块级作...