olddog

let 和 const123456var a= [];for (let i = 0; i < 10; i++) {a [ i] = function () {console.log(i);a[6J ();// 6 //每轮的i都是重新

2022-05-06 前端基础

ES6

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

2022-04-25 前端基础

JS

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

2022-04-20 JS

JS

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

2022-04-18 前端基础

CSS

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

2022-04-15 开发工具

Git

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

2022-04-14 框架

Vue

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

2022-04-11 性能优化

项目优化

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

2022-04-10 框架

Vue

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

2022-04-09 框架原理

Vue

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

2022-04-09 优化

性能优化

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

2022-04-09 前端基础

设计模式

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

2022-04-09 框架源码

Vue