梦里醒来是平凡

1. 开源软件 低风险、低成本、透明化 案例： Linux/Apache/MySql/Java、C等编程语言 2. 开源协议 GPL: linux LGPL: 商业支持友好...

SSO(single sign on)单点登录、JWT鉴权 (1) jwt: JSON WEB令牌 形式(Base64-URL 字符串)：xxxx(头部).yyyyyy(载...

1. 多变量赋值 2. 替换switch 3. 短路运算 4. 变量交换 5. 对象、数组合并 6. 序列生成/数组初始化 7. 平均值计算 8. 复制文本到剪贴板 9. ...

服务端渲染SSR 先回顾下浏览器的解析渲染流程, 以浏览器输入URL为例 解析html文本，构建dom树, 若遇到js脚本（未设置defer或者async属性）则会阻塞解析...

选择器优先级 层叠：css规则的顺序 关系选择器 （后代、子代、群组、相邻兄弟、通用兄弟） 伪类 :first-child、:empty 用户行为伪类（动态伪类）：:act...

转译器 主要进行语法转换，解析现代代码，并使用旧的语法结构对其进行重写，进而使其也可以在旧的引擎中工作 代表工具：Babel babel做的事 转译语法 通过polyfil...

Webpack 1. webapck打包流程 从入口文件开始递归分析，调用配置的loader对模块进行编译(css-loader、vue-loader....) 借助bab...

作用域、执行上下文(作用域链、变量对象、this) 作用域 词法作用域和动态作用域: js采用词法作用域（静态作用域），词法作用域主要在代码的编译阶段，一个变量和函数的词法...

测试数据: for循环、for...in、for...of forEach、map、filter some、every、find、findIndex 性能对比 说明： fo...

一般情况下，衡量web应用性能主要基于两个方面，加载时优化（LCP、FID等指标）、运行时优化（代码层面）； 在实际应用场景中，这会受到应用所使用的前端架构的影响，所以优化...

小伙伴们是否在面试中因为造火箭的问题而苦恼？ 我不想抱怨什么，因为我就是那种让面试者造火箭的面试官：）...

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

绘制三角形 border 渐变 伪元素 + css transform clip-path裁剪 特殊字符 水平垂直居中 < 元素宽高未知 > < 元素宽高已知 > div实...

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

之前写过用 VSCode Debugger 或者 Chrome DevTools 调试网页和 Node.js 代码，还有各种打断点的方式。 但只是讲了如何使用，很多同学不知...

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

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

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