对象、类与面向对象编程Object.assign()接收一个目标对象和一个或多个元对象作为参数 然后将每个原对象中可枚举（Object.propertyIsEnumerable()返回 true）和自有（Object.hasOwnPrope

HTML 中的 JavaScript1.script 元素 crossorigin：可选。配置相关请求的 CORS（跨源资源共享）设置。默认不使用 CORS。crossorigin= “anonymous”配置文件请求不必设置凭据标志。cr

值和单位em 在 font-size 中使用是相对于父元素的 font-size 大小，比如父元素 font-size: 16px，当给子元素指定 font-size: 2em 的时候，经过计算后它的字体大小会是 32px； 在其他属性中使

运行 Git 前的配置查看所有的配置及它们所在的文件1git config --list --show-origin 用户信息12$ git config --global user.name "John Doe"$ git config

全局 API应用createApp() 类型 1function createApp(rootComponent: Component, rootProps?: object): App 细节 第一个参数是根组件 第二个是传递给跟组件

Performance1.页面加载优化1.1Bundle Size and Tree-shaking 发布使用性能更加全面的 JavaScript 包 如果通过现代构建工具捆绑 许多 Vue 的 API 都是 Tree-shaking。例如

事件处理当我们需要访问内联处理程序中的原始 DOM 事件 可以用特殊变量将其传递给方法$event 或者使用内联箭头函数 12345678<button @click="warn('Form cannot be submitted y

Vue3 源码解析系列 - 响应式原理（reactive 篇）reactive核心入口话不多说，我们先来看下核心的 reactive 的源码，先看下有哪些依赖： 1234567891011121314151617// 工具方法，isObje

页面内容的呈现过程页面的首屏加载性能 白屏时间是否过长？页面加载时的 loading 动画 是否需要骨架屏 骨架屏消失时使得否存在页面抖动数据为空时 页面模块的占位方式 数据返回时 是否会出现页面抖动页面异常处理时 是否提供了合理的用户反馈

多态多态的思想是把”做什么”和“谁去做”分开来 多态最根本的作用是通过过程化的条件分支语句转化为对象的多态性 从而消除这些条件分支语句 将行为分布在各个对象中，并让这些对象各自负责自己的行为，这正是面向对象设计的优点。 1234567891

权衡的艺术1.3 虚拟 dom虚拟 dom 的耗时：创建 javascript 的计算量 + 创建真实 dom 的计算量 （数据变化量有关） innerHtml 的耗时：拼接字符串的计算量 + innerHtml 的 DOM 计算量 （模板

全局配置app暴露了一些可以全局使用的属性 app.config.errorHandler可以捕获子组件中未被捕获的异常（这在前端异常监控中很有用 就像原生的 window.addEventListener('error', callbac