前端知识梳理

webpack快速配置篇 在讲这篇文章前，如果你以前并没自己配置过webpack或者对webpack并不是太了解的，可以先去看看我的另一篇文章：Webpack与Babel基本配置 webpack基本配

Vue高频面试题分析 v-show和v-if的区别 v-show是通过控制display: hidden来控制显示和隐藏 v-if是通过组件的创建和销毁实现显示和隐藏 为何需要在v-for中用key

Vue深入浅出之原理篇 响应式 Vue2实现响应式--Object.defineProperty 缺点: Object.defineProperty不能监听数组，因此需要特殊处理（重新定义数组原型）

Vue2到Vue3之进阶篇 巩固一些概念 自定义v-model 我们都知道v-model一般用于表单组件中，比如一个input标签中，要和data中的响应式属性text绑定input中的value，第

React原理篇 函数式编程 函数是"第一等公民" 不可变值的重要性 vdom和diff算法 这里可以参考前面vue原理篇，因为react和vue底层都是基于diff算法实现，不过两个框架的具体实现和

React高级 函数组件对比class组件的区别 纯函数，输入props，输出JSX 没有实例，没有生命周期，没有state 不能扩展其他方法 非受控组件 前面基础篇讨论过受控组件主要处理表单数据，但

前端基础高频面试题 1.var和let、const的区别 2.手写深度比较 3.闭包是什么？有何特性...

运行环境和性能优化 浏览器从输入url到渲染出页面的整个过程 加载资源 DNS解析域名->IP地址 浏览器根据IP地址向服务器发起HTTP请求 服务器处理请求，并返回浏览器 渲染界面 根据html代码

在说深拷贝和浅拷贝之前，我们先弄清一个问题，我们的数据储存在内存的哪呢，这里就需要说到堆、栈的概念，一般来讲内存中数据都可以key和value键值对储存，而值类型因为较小，一般就直接放在了栈中，而对于

概念：Block Formatting context 块级格式化上下文 布局规则 内部的盒子会在垂直方向，一个个地放置； 盒子垂直方向的距离由margin决定，属于同一个BFC的两个相邻Box的上下

React 事件的触发和Event 在react中定义事件可以有如下两种方式： 普通函数 箭头函数 Event的不同 再来看看react中event的不同： 从以上结果，我们可以总结一下（重点）： r

linux基础命令 ssh 客户端用户名@服务器ip地址 ls 查看目录或文件信息 -l 列出目录或者文件的详细信息。比如权限、修改时间等等 -a 列出当前目录下所有文件，包括隐藏文件（已点开头的都是

Webpack与Babel基本配置 此次我们通过一个demo来记录一下webpack和babel应该如何来配置 先创建好项目文件夹 Webpack核心配置 入口(entry) 输出(output) l

HTTP协议相关 状态码 1xx：指示信息-表示请求已接收，继续处理 2xx：成功-表示请求已被成功接收 3xx：重定向-要完成请求必须进行更进一步的操作 4xx：客户端错误-请求有语法错误或请求无法

Cookie、sessionStorage、localStorage的区别 cookie 大小限制：4KB左右 cookie 数据始终在同源的每次http请求中携带 cookie只在设置的cookie

Ajax衍生的一系列问题 同源策略 MDN上的概念：同源策略是一个重要的安全策略，它用于限制一个origin的文档或者它加载的脚本如何能与另一个源的资源进行交互。它能帮助阻隔恶意文档，减少可能被攻击的

事件冒泡、事件捕获和事件委托 事件流 概念：事件流指从页面中接收事件的顺序，有冒泡流和捕获流。 DOM二级事件规定事件流包括三个阶段： 事件捕获阶段 处于目标阶段 事件冒泡阶段 从网上找到一张图片：

DOM与BOM DOM 概念：DOM是文档对象化模型（Document Object Model）的简称。使用过DHTML对象模型的开发者一定能非常熟练地操作HTML页面上的每个标记内容，但如果借助D

先来简单说说async await其实就是可以通过同步的方式，编写异步代码，上篇中有用Promise加载一张图片，这里也再次改写这个例子，结合async await实现 写法 和Promise的关系

Event Loop理解（重点） 讲到Promise，我们自然会想到异步带来的问题，为什么会有异步这个概念呢？ 这里主要是因为JavaScript 的执行环境是单线程。 所谓单线程，是指 JS 引擎中