前端核心知识：Vue 3 编程的 10 个实用技巧
文章目录
1. **使用 `ref` 和 `reactive` 管理响应式数据**
原理解析
代码示例
注意事项
2. **组合式 API（Composition API）**
原理解析
代码示例
优势
3. **使用 `watch` 和 `watchEffect	
前端
微信小程序实现tabbar凹凸圆选中动画
1.实现效果
c41eaaf41cb24d0ea8231e3d89131854.gif
2.实现原理
2.1 引入阿里巴巴矢量图标
可参考文章：微信小程序引入外部icon（阿里巴巴矢量图标）
2.2 css函数var
css的var函数：var() 函数用于插入自定义的属性值，如果一个属性值在多处被使用，该方法就很有用。
语法：
var(custom-property-name,
JavaScript JSON
前言
JSON 英文全称 JavaScript Object Notation，JSON 是一种轻量级的数据交换格式。JSON是独立的语言 ，易于理解。
JSON 格式仅仅是一个文本。文本可以被任何编程语言读取及作为数据格式传递。
作用
JSON 是用于存储和传输数据的格式。
JSON 通常用于服务端向网页传递数据 。
JSON语法规则
数据为 键/值 对
数据由逗号分隔，最后一个不加逗号
#什么是防抖和节流，他们的应用场景有哪些
防抖(debounce)
触发高频事件后 n 秒内函数只会执行一次，如果 n 秒内高频事件再次被触发，则重新计算时间
#示例代码:
节流(throttle)
高频事件触发，但在 n 秒内只会执行一次，所以节流会稀释函数的执行频率
#示例代码
#总结 (简要答案)
防抖：防止抖动，单位时间内事件触发会被重置，避免事件被误伤触发多次。代码实现重在清零 clearTim
拖拽不够自由？Vue3 DnD它来了！
前言
众所周知，在React中有一款非常强大的拖拽库，叫React DnD，而Vue中，大部分都是类似于vue.draggable等拖拽排序的库，然而它并不能满足我们所有的需求，特别是应对一些自由拖拽或混合拖拽的场景(例如：低代码)，它是很难做到的，所以vue3-dnd它来了！
React DnD
React DnD 是 Redux 核心作者 Dan Abramov 创造的一组 React 工具库
Navigator.sendBeacon-页面关闭也能发送请求
背景
最近在需求中有一个这样的场景：需要在页面关闭的时候，用户不需要操作，主动关闭当前订单
当时考虑的方案：在页面关闭的时候，向后端发送一个请求，将这个资源释放掉；
定下方案时，觉得也不是什么难事，觉得谷歌浏览器应该会提供页面关闭的 API 供开发者使用。
经过查找，找到了这么两个 API ：beforeunload 和 unload
beforeunload
当浏览器窗口关闭或者刷新时，会触
【Web API系列】深入解析 Web Service Worker 中的 WindowClient 接口：原理、实践与进阶应用
前言在现代 Web 开发领域中，Service Worker 技术已成为构建离线优先应用和实现高级缓存策略的核心支柱。作为 Service Worker API 体系中的重要组成部分，WindowClient 接口为开发者提供了对受控客户端窗口的精准控制能力。本文将从实际工程实践的角度出发，系统解析 WindowClient 的核心机制，通
设计模式之观察者模式
1. 观察者模式
观察者模式（Observer Pattern）
观察者模式又叫作发布-订阅（Publish/Subscribe）模式、模型-视图（Model/View）模式、源-监听器（Source/Listener）模式或从属者（Dependent）模式
一对多的依赖关系，一个主题对象可被多个观察者对象同时监听，每当主题对象状态变化时，所有依赖它的对象都会得到通知并被自动更新
观察者模式
前端 VSCODE 插件开发总结 （后续将出专栏详细讲解开发的细节...）
前端 VSCODE 插件开发经验总结
一、开发前期准备
（一）环境搭建Node.js 安装：VSCODE 插件基于 Node.js 开发，需确保安装了合适版本的 Node.js。可从 Node.js 官网下载对应操作系统的安装包，安装过程中按默认设置即可。安装完成后，在命令行输入node -v，若显
【Web API系列】WebSocketStream API 深度实践：构建高吞吐量实时应用的流式通信方案
前言在当今的 Web 开发领域，实时通信已成为许多应用的核心需求。无论是即时聊天、实时数据仪表盘，还是在线游戏和金融交易系统，都需要高效的双向数据传输能力。传统的 WebSocket API 为此提供了基础支持，但在处理大规模数据流、背压控制和异步操作管理方面逐渐显露出不足。例如，当客户端接收速度无法跟上服务器发送速度时&#x
