字符串
模版字符串 ES6新增内容 模版字符串保持字符串格式不变 普通字符串 12const str = '渡荆门送别\n李白\n渡远荆门外，来从楚国游。\n山随平野尽，江入大荒流。\n月下飞天镜，云生结海楼。\n仍怜故乡水，万里送行舟。';console.log(str); // 输出见下图 模版字符串 1234567891011// 普通字符串无法换行定义const
对象
is 此API为ES6新增API Object.is() 方法判断两个值是否是相同的值。 在ES6之前判断两个值是否相等只有==和===,现在我们多了个选择可以使用Object.is() 语法：Object.is(value1, value2); value1 第一个需要比较的值 value2 第二个需要比较的值 返回值 表示比较结果的布尔值 12345678910111213const o
数组
isArray 检测一个值是否为Array 返回true/false 适用场景： 判断一个值是数组且长度存在 语法Array.isArray(obj) obj 需要检测的值。 1234567891011121314151617<template> <!-- 当list为数组且长度存在的时候在进行渲染 --> <div class="container&
箭头函数
定义12345678910111213141516171819202122// 无参数定义const fn = () => { return '渡远荆门外';};console.log(fn()); // 渡远荆门外// 一个参数定义const fn1 = str => { return str;};console.log
语句和声明
try…catch try...catch 用来检测代码执行过程中出现的错误，并捕获错误（可以避免由于某个js错误造成页面渲染出错） 实用程度： 12345try{ // 这里是我们正常的业务逻辑，改写什么就写什么} catch(error) { // 如果try模块内的代码执行出错，出错之后的代码不会再执行，此时会进入catch模块，error是具体的出错原因
JS event loop
事件队列与同步异步事件首先，Javascript 是一个单线程语言。所以就是说在一行代码的执行过程，必然不会存在同时执行另一行代码，也就是说一个时间只会干一件事。就像使用 alert()(alert是同步执行的) 以后进行 console.log ，再 alert() 没有确认之前，控制台是不会有输出的。 所以，如果全部代码都同步执行，就会出现这样一个场景，如果我要从后端调接口获取一些数据，但由于
webpack性能优化
一个项目的开始总是需求简单，功能简单，项目简单，但是随着功能的越来越复杂，项目也变得越来越大，相应的打包时间也越来越长，打出来的包也越来越大，那么基于此，对于webpack的性能优化我们也聚焦于两个方面： 缩短项目打包耗时 缩小项目体积 缩短项目打包耗时针对于缩短打包耗时，我们首先需要了解影响打包耗时的元凶是什么；影响打包耗时有两个主要因素 一是构建过程 ，二是代码压缩 过程；如此，那我们对于
函数节流与函数防抖
场景节流的常见场景在日常开发中，我们可能会遇见这么一种场景，一个元素的宽高需要跟随窗口的变化来变化；例如：当我们使用 element-UI 的表格组件时，表格的数据是不确定的，但我们需要固定表头，当内容过多时可以对内容进行滚动，这时我们就需要给组件提供一个具体的高度，但是浏览器的窗口宽高是会变化的（人为的去缩放浏览器），这就要求我们去监听窗口的变化，当窗口宽高变化的时候，执行一个函数，重新计算浏览
前端技术发展史
原始时代web 1.0 时代,是不存在前端概念的，大家都在使用 jsp、php、asp。得益于 jsp 的强大，开发微型项目的时候，可以很快的开发出来，但相对的，编写大型项目的时候问题也会很明显的暴露出来。业务体系增大，调试困难；jsp 混杂业务，后期难以维护；不区分职责 后端MVC时代由于 1.0 时代的问题，为了代码更好维护，也为了明确前后端的职责。此时后端出现了MVC框架（ Spring，S
前端面试自问自答
自我介绍自我介绍是面试的开场白，是非常非常非常重要的一环，如果你的自我介绍只有个人信息（姓名，年龄，毕业学校，几年工作经验）的话，那么面试官是从你的自我介绍中提取不出来任何有效信息的，当你自我介绍结束，面试官也不知道他该问你什么，而且自我介绍时间也非常短，你自我介绍完了，你简历的第一页，面试官可能也就刚把基本信息看完。 当面试官不知道问你什么的时候，那么他就只能问他熟悉擅长的的，然后整场面试的主动