梦里醒来是平凡

css像素、设备像素、设备独立像素、dpr、ppi、viewport 1. css像素 CSS 规范中，长度单位可以分为两类，绝对单位以及相对单位； px是一个相对单位，相对的是设备像素（device

绘制三角形 border 渐变 伪元素 + css transform clip-path裁剪 特殊字符 水平垂直居中 < 元素宽高未知 > < 元素宽高已知 > div实现高度根据宽度自适应 网站置

BFC(block formatting context) 1. float && position float文字环绕效果 定位属性层级大于浮动属性 浮动，绝对定位、固定定位脱离文档流；浮动是标准流

实现目标 路由层面：用户登录校验成功后只能看到自己有权访问的导航菜单、路由 视图层面：只能看到自己有权访问的控件 异步请求层面：拦截器处理请求，拦截越权请求 前端页面权限主要包括 接口(资源)权限 菜

Vue2 逻辑复用 合并策略(同Vue.Extend)：数据对象递归合并，以组件优先；值为对象(methods, computed等)的选项以组件优先；同名钩子合并为数组，混入对象的钩子调用在前。 对

1. 全局Api相关 (1) 全局api改为使用应用程序实例 一些更改点： Vue.config.productionTip 移除 Vue.extend 移除 (2) 全局Api tree-shaki

1. 组合式api 另外，还提供了逻辑复用方案，替代Vue2.x Mixin(命名冲突隐患，不同组件间配置化使用不够灵活)使用 setup中使用依赖注入 2. Teleport 常见使用场景：模态框、

属性透传与实传 透传实现: 以二次封装ui组件场景为例 使用的api: $attrs, $listeners, inheritAttrs, 渲染函数 .native绑定事件到子组件根元素 $liste

Promise是一种替代回调函数的异步解决方案 promise对象代表一个异步操作（保存着异步操作的最终完成（或失败）和结果）, promise对象状态不受外界影响 与事件监听的机制不同，事件监听只有