架构 Slate 并非一个做到开箱即用的富文本应用，而是提供了基本富文本能力的框架。而其他功能都需要开发者自行通过插件的形式进行实现。 特性 Immutab

编辑器技术阶段划分 Level 0 代表产品：UEditor、TinyMCE、CKEditor1-4 特点： 依赖了浏览器原生的 contenteditable API 来实现编辑。 以 document.execCommand API 为基础，

设计模式 设计模式 描述 例子 单例模式 一个类只能构造出唯一实例 vuex 工厂模式 对创建对象逻辑的封装 new 创建实例 观察者模式 当一个对象被修改时，自动通知所有依

href href是Hypertext Reference的简写，表示超文本引用，指向网络资源所在位置。 <a href="http://www.baidu.com"></a> <link type="text/css" rel="stylesheet" href="common.css"> src src是source的简写，目的

概述 link 元素用于链接外部css样式表等其他相关外部资源。 属性 href：指明外部资源文件的路径，即告诉浏览器外部资源的位置 hreflang：说明

概述 script元素就是通过直接在页面嵌入 JS 代码或者通过加载外部脚本文件。 正常来说浏览器解析文档时遇到script会依次等代码下载、执行完以

css 选择器 选择器类型 选择器分为五类： 元素选择器 关系选择器 属性选择器 伪类选择器 伪对象选择器 元素选择器 选择器 名称 描述 * 通配选择器 选择所有的元素 p 元

水平居中 行内元素 <div class="container"> <div> 123 </div> </div> <style> .container { text-align: center; } </style> 块级元素 确定宽度 margin:0 auto width:100px width: 100px; margin-left: calc(50% - 50px); } 不确定宽度同垂直居中 垂直居中 弹性盒 display:flex align-items:center translate position:absolute left:50% top:50% transform:translate(-50%,-50%) 相对定位 position:absolute top/right/bottom/left:0 margin:auto

概念 浮动元素会脱离文档流并向左/向右浮动，直到碰到父元素或者另一个浮动元素。 优点 使文字环绕在图片周围。 当元素浮动后，它有着块级元素的一些性质

一、webpack的打包原理 识别入口文件 通过逐层识别模块依赖(Commonjs、amd或者es6的import，webpack都会对其进行分

Hooks之前的复用方式 mixins 缺点： 方法与属性难以追溯，因为可能存在不同的mixins里。 多个 Mixin 之间可能产生冲突,重名的属性与方法会被覆盖。 渲染

冒泡排序 基本思想：比较任何两个相邻的项，如果第一个比第二个大，则交换它们；（每次比较都会找到一个最大的数在最后） 步骤： 比较相邻的元素。如果第

双指针 数组和链表算法主要都是使用双指针，双指针分为两类： 左右指针 两个指针相向而行或相背而行。 使用场景： 二分查找 两数之和 反转数组 回文判断 快慢指

软件架构与个人成长 包含一些软技能，很多也适用于非 Web 前端开发 软件工程与研发效能 再论软件系统的复杂性-没有银弹，只有焦油坑 #2 抽象泄漏（Leaky

报错 Invalid reference name 原因 仓库中已经存在了一个分支名称为 {branch} 的分支，就不能在新建一个 {branch}/{subName} 这样的额分支，比如仓库中有个分支叫 bugfix 那么再新建一个 bugfix/fix1 这样的分支就会报

状态管理的解决思路是：把组件之间需要共享的状态抽取出来，遵循特定的约定，统一来管理，让状态的变化可以预测。 store模式 简单模式 把状态存到一

栈 栈（stack）是限制插入和删除只能在一个位置上进行的表，栈的另一个名字是 LIFO（先进后出）表。栈的末端叫做栈的顶（top），对栈的基本

一个 DOM 元素，在不考虑层叠上下文的情况下，会按照层叠水平决定元素在 z 轴上的显示顺序，通俗易懂地讲，不同的 DOM 元素组合在一起发生重叠的时候，它们的

我们需要引入一个概念——特指度（specificity）。特指度表示一个 css 选择器表达式的重要程度，可以通过一个公式来计算出一个数值，数越大，

行内元素 特征 不会独占一行。 不会自动换行。 设置宽高无效。margin仅能设置左右，上下无效，padding设置上下左右有效， 常见元素 <a