有时候能一行代码解决，就尽量不用多行；本文整理了工作非常有用的单行代码，这些需求都是在开发中非常常见的，用单行代码帮助你提高工作效率。

本文主要对Vue2和Vue3主要功能做了详细的对比，为了直观的感受，文章采用选项式Api，组合式Api，setup语法糖三种不同方式分别展现

1. Vue 响应式原理 Dep : 用于收集当前响应式对象的依赖关系,每个响应式对象包括子对象都拥有一个 Dep 实例（里面 subs 是 Watcher 实例数组）,当数据有变更时,会通过 dep.notify()通知各个 watcher。 watcher 中实例化了 de…

对一位合格的前端开发工程师来说，完成业务功能的需求开发只是基本的要求，能够及时准确地发现系统中存在的性能瓶颈，并且给出合适的解决方案，这才是区分初，中级前端工程师和高级前端工程师的重要依据

原型链原型链一直都是一个在JS中比较让人费解的知识点，但是在面试中经常会被问到，这里我来做一个总结吧，首先引入一个关系图：一.要理解原型链，首先可以从上图开始入手，图中有三个概念：1.构造函数：JS中

2020年是特殊的一年，由于疫情原因，大家都窝在家办公。而我则怀着梦想，从天津来到了北京，开启了人生的第一次跳槽。 在面试过程中，频频被原型相关知识问住，每次回答都支支吾吾。后来有家非常心仪的公司，在二面时，果不其然，又问原型了！ 有些理解还比较浅薄，随着时间的推移和理解的深入…

1. Flex布局 接下来，我们先提出两个概念：剩余空间和溢出空间，具体是什么意思我们后面慢慢解释。 2. flex-grow 传统的布局是子容器在父容器中从左到右进行布局，应用 flex 进行布局，那么父容器一定设置 display: flex，子容器要“占有”并且“瓜分”父…

上周写了篇关于setTimeout的文章，其实也就牵扯到了js的运行机制。所以，这周就来谈谈javascript的运行机制吧。 那就先问个问题吧😁。 单线程意思就是说同一个时间只能做一件事。那这样的话效率不是很低？也没有啦，其实javascript的单线程特点是跟他的用途有关…

可以从中看出，obj中的普通对象和数组都能拷贝，然而date对象成了字符串，函数直接就不见了，正则成了一个空对象。 JavaScript的深拷贝还不止上面所说的这些坑，还存在的问题有如何拷贝原型链上的属性？如何拷贝不可枚举属性? 如何拷贝Error对象等等的坑，在这里就不一一赘…