这是今天面试时被点拨的一点，自定义指令封装节流防抖函数 非自定义指令版节流123456789101112131415161718192021222324252627// debounce.jsexport const debounce = function (fn, delay) { let timer = null let immediate = true retur

vue 响应式原理是数据渲染到视图，及数据修改触发视图更新的过程。 vue2版本数据监听当把一个普通的 JavaScript 对象传入 Vue 实例作为 data 选项，Vue 将遍历此对象所有的属性，并使用 Object.defineProperty 为这些属性设置 getter/setter。当属性被访问和修改时，setter触发对应的watcher，watcher更新UI 参考

vue3推出很长一段时间了，它的周边生态也越来越完善。我们在写vue2时常用vuex最状态管理，在vue3的时代尤大推荐我们用pinia做状态管理。今天我们来看看pinia的简单使用。 基础用法安装 123yarn add pinia# 或者使用 npmnpm install pinia 使用 123456789101112131415161718192021222324252627282930

原子化 CSS 是一种 CSS 的架构方式，它倾向于小巧且用途单一的 class，并且会以视觉效果进行命名。 看的一脸懵逼是不是，刚开始俺也一样。第一次见还是在大佬代码里看到的，一堆text-14px c-flex类似的类。以为是自己定义的属性，全局搜了下发现是使用了UnoCSS。 安装1npm i -D unocss @unocss/webpack @unocss/cli @unocss&

前言在vue中引入第三方库通常我们都会采用import的形式引入进来，但是有的组件在引入之后又做了Vue.use()操作，有的组件引入进来又进行了vue.prototype.$axios = axios类似的操作，那么它们之间有什么联系呢？ 1234567891011121314151617181920212223242526272829// 最常见的方式，use后可以全局使用import El

面试官：谈谈性能优化问题答：巴拉巴拉以下省略800字…减少重绘和回流面试官：那简答说说什么是重绘和回流那么问题来了，什么是重绘和回流 什么是重绘和回流重绘（Repaint）：当页面中元素样式的改变并不影响它在文档流中的位置时（例如：color、background-color、visibility等），浏览器会将新样式赋予给元素并重新绘制它，这个过程称为重绘。重排/回流（Reflow）：

在网页开发中，嵌套滚动还是很常见的，见下面示例。 子容器滚动到底部后继续滑动鼠标滚轮，这时候会触发父级容器的滚动。如何取消这个feature呢？overscroll-behavior闪亮登场。 12overscroll-behavior: auto; /* 默认的滚动行为 */overscroll-behavior: contain; /* 滚动只会发生在当前容器 *

开头先用简单的一句话介绍一下new new 运算符用于创建对象的实例 前言new操作符在执行过程中会改变this的指向，所以在了解new操作符之前，我们先熟悉一下this。 12345function Cat(name, age) { this.name = name; this.age = age;}console.log(new Cat('miao

统计字符串中每个字符出现的次数 reduce()函数适合作为累加器，将initialValue设置为一个空对象，initialValue作为累加器accumulator的初始值，依次往后执行每个元素。如果执行的元素在accumulator中存在，则将其计数加1，否则将当前执行元素作为accumulator的key，其value为1。依次执行完所有元素后，最终返回的accumulator的值就包含了

此文章为《JavaScript重难点实例精讲》的笔记，记录下以往没注意过的一些js小细节。 JavaScript的基本数据类型Undefined类型 Undefined类型只有一个唯一的字面值undefined，表示的是一个变量不存在。下面是4种常见的出现undefined的场景。 使用只声明而未初始化的变量时，会返回“undefined”。 12var a;console.log(a);