技术登山

「这是我参与2022首次更文挑战的第7天，活动详情查看：2022首次更文挑战」 常见性能问题 页面加载耗时、渲染耗时、网络耗时、脚本执行耗时等指标会影响用户的等待时长，而 CPU 占用、内存占用、本地

获取DOM节点 常用的方法： 方便但是一般不用的方法： 因为下面这两个方法有两个缺点： 性能问题 他两个获取的只是一个DOM快照，不具备实时性，而我们平时开发DOM操作的实时性非常重要。 DOM节点和

「这是我参与2022首次更文挑战的第4天，活动详情查看：2022首次更文挑战」 简介 发布订阅模式，又叫观察者模式。学过Vue的肯定都听过，今天我们就把它讲彻底。 它定义对象之间的一对多依赖关系，当对

「这是我参与2022首次更文挑战的第3天，活动详情查看：2022首次更文挑战」 必须了解一些概念 执行环境、词法环境、作用域、执行上下文、闭包等，这些概念看起来都差不多，却好像又不大容易区分清楚，它们

「这是我参与2022首次更文挑战的第2天，活动详情查看：2022首次更文挑战」 定义 为一个对象提供一个代用品或占位符，以便控制对它的访问。 就像是明星，都有自己的经纪人，会负责安排商演、谈薪、推掉一

「这是我参与2022首次更文挑战的第1天，活动详情查看：2022首次更文挑战」 定义 定义一系列的算法，把它们一个个封装起来，并且使它们能相互替换。 ‘策略’顾名思义，在不同条件下，执行不同的算法程序

为什么要压缩图片 图片是网站很重要的构成部分，可以通过脚本实现自动化压缩图片。还能凑一波绩效，简直美滋滋。 图片的加载速度对用户体验有很大的影响，而压缩图片体积是提升加载速度最有效的方法。今天为大家推

在Vue和React中都有diff的存在，区别是Vue把diff控制在组件内，而React是通过Fiber优化。下面我们把diff最简化的讲出来。 diff的作用是对比新旧VNode，然后执行patc

’类‘函数（构造函数） 之所以没有在你不知道的js—构造函数'类'文章中讲类函数，是因为必须懂原型链才能理解。因为js种没有真正的类，是使用原型链模拟的继承。 使用类函数 定义交通工具类Vehicle

单例模式定义 保证一个类只有一个实例，并提供一个访问它的全局访问点。 一个普通的函数 这个函数每次执行都会重新运算。我们可以这样优化： 优化后的函数 我们使用result储存结果，这样就不需要每次都计

前面的文章提到了很多次原型链，它到底是什么？ 我各人认为它是JavaScript这个语言最、最、最重要的技术点。如果不理解它，你好意思称自己在做前端？？？ [[Prototype]] JavaScri

你会的别人也会，为啥录取你？一样的题怎么把面试官撩到？ 深拷贝 面试遇到这个问题，先说一下正常的思路： 进行遍历； 遍历遇到值类型就赋值； 遇到引用类型：判断是Array还是Object，分别新建[]

概念 很多程序员工作好几年，竟然不知道什么是面向对象编程。 面向对象编程的核心就是类，面向类的设计模式：实例化（instantiation）、继承（inheritance）和（相对）多态（polymo

前先阅读上一篇 你不知道的js—对象（1） 书接上文 Getter和Setter get和set设置时，和描述符一样。Vue2.0的响应时就是这样实现的。 访问a时，执行了get。访问到的值是get返

如果帮助到大佬，请给小弟一个赞哈！ provides的来源 每个组件在形成实例时：如果有父组件，则使用父组件的provides，没有则为{} provides源码 void 0同等于undefined

闭包 闭包可以理解为：告诉浏览器这些变量我还要用，不可以进行垃圾回收。 为什么需要闭包 我们先不强硬背八股文，看下面的代码 最后的打印会报错，我们不能使用到foo中的a。因为作用域不同，那如果我们想访

变量提升 先有鸡还是先有蛋 打印的结果是2，声明a在赋值之后，为什么打印a，结果会是2呢？ 编译器再度来袭 var声明变量会发生变量提升，编译器在出来上述代码时，会编译成： 这样打印出2就很合理了，也

函数中的作用域 同样是console.log(a)，为啥结果不一样？ 每个函数都会产生自己的作用域。 隐藏内部的实现 并没有声明a，为什么能打印出a呢？ 函数传参会自动在内部进行声明并赋值。a无法在函

概述 Vue源码部分讲的依赖收集和触发比较复杂，不容易理解。今天我把它最简化讲出来。如果你有收获，请给小弟一个赞。 前期准备 声明一个Map做储蓄； current用来传递数据； data数据备用；

词法作用域（静态） 由变量和块作用域的位置决定，在程序执行时，不会改变作用域。下面我们分析两端代码： 全局只有一个变量：foo； foo创建的作用域有三个标识符：a、bar、b； bar创建的作用域有