#什么是防抖和节流，他们的应用场景有哪些
防抖(debounce)
触发高频事件后 n 秒内函数只会执行一次，如果 n 秒内高频事件再次被触发，则重新计算时间
#示例代码:
节流(throttle)
高频事件触发，但在 n 秒内只会执行一次，所以节流会稀释函数的执行频率
#示例代码
#总结 (简要答案)
防抖：防止抖动，单位时间内事件触发会被重置，避免事件被误伤触发多次。代码实现重在清零 clearTim
前端
微信小程序实现tabbar凹凸圆选中动画
1.实现效果
c41eaaf41cb24d0ea8231e3d89131854.gif
2.实现原理
2.1 引入阿里巴巴矢量图标
可参考文章：微信小程序引入外部icon（阿里巴巴矢量图标）
2.2 css函数var
css的var函数：var() 函数用于插入自定义的属性值，如果一个属性值在多处被使用，该方法就很有用。
语法：
var(custom-property-name,
拖拽不够自由？Vue3 DnD它来了！
前言
众所周知，在React中有一款非常强大的拖拽库，叫React DnD，而Vue中，大部分都是类似于vue.draggable等拖拽排序的库，然而它并不能满足我们所有的需求，特别是应对一些自由拖拽或混合拖拽的场景(例如：低代码)，它是很难做到的，所以vue3-dnd它来了！
React DnD
React DnD 是 Redux 核心作者 Dan Abramov 创造的一组 React 工具库
Vue3中使用setup监听props
背景描述
子组件展示父组件传来的参数，展示的信息随着父组件上tab的切换动态更新。
一开始的想法是单独监听这个传递的参数，但看了VUE3的文档之后，似乎对参数的监听必须精确到属性。例如参数为
{
name: 'Doctor',
gender: 'Timelord'
}
需要在子组件的watch中写明监听的是name还是gender。
该参数中有很多可能会改变的属性，一一监
如何从零到一建立前端规范
前言
不以规矩，不能成方圆。
本人有幸经历了团队从缺乏标准到逐渐规范的一个过程，在此当做记录供大家参考。
本文从为什么需要规范以及建立规范的重要性出发，逐步引申出如何去建立适合自己团队的规范，详细讨论了前端具体涉及到的规范都有哪些，部分小节有具体的配置步骤和操作链接。
文中涉及到的所有配置均放在github上的 Demo 中，觉得不错的点个赞 ❤️❤️❤️。
下面我们开始吧🏃。
为什么需要规范
规
创建一个 Angular 组件
组件（Component）是 Angular 应用的基本组成单元。Angular 应用的组件可以控制页面上不同区块的渲染和行为，这些区块被称为视图。
页面的构成
一个 Angular 应用的组件，是按照树形结构进行组织的，组件之间可以进行通信和交互。也可以说，Angular 应用的架构就是其所包含的组件的架构。
组件架构
创建组件
我们可以使用 Angular CLI 的
【Web API系列】深入解析 Web Service Worker 中的 WindowClient 接口：原理、实践与进阶应用
前言在现代 Web 开发领域中，Service Worker 技术已成为构建离线优先应用和实现高级缓存策略的核心支柱。作为 Service Worker API 体系中的重要组成部分，WindowClient 接口为开发者提供了对受控客户端窗口的精准控制能力。本文将从实际工程实践的角度出发，系统解析 WindowClient 的核心机制，通
组件分享之后端组件——基于Gin + Vue + Element UI前后端分离的工单系统ferry
组件分享之后端组件——基于Gin + Vue + Element UI前后端分离的工单系统ferry
背景
近期正在探索前端、后端、系统端各类常用组件与工具，对其一些常见的组件进行再次整理一下，形成标准化组件专题，后续该专题将包含各类语言中的一些常用组件。欢迎大家进行持续关注。
组件基本信息
组件：ferry
开源协议：LGPL-3.0 license
官网：
react中 useContext 和useReducer的使用
useContext和useReducer 可以用来减少层级使用, useContext，可以理解为供货商提供一个公共的共享值，然后下面的消费者去接受共享值，只有一个供货商，而有多个消费者，可以达到共享的状态改变的目的。
useReducer 可以和 useContext 配合使用，useReducer 可以理解为所有的公共组件共享状态。有多个组件，但是都要共享同一个状态和改变状态后的值，这时候
