微信小程序实现tabbar凹凸圆选中动画
1.实现效果
c41eaaf41cb24d0ea8231e3d89131854.gif
2.实现原理
2.1 引入阿里巴巴矢量图标
可参考文章：微信小程序引入外部icon（阿里巴巴矢量图标）
2.2 css函数var
css的var函数：var() 函数用于插入自定义的属性值，如果一个属性值在多处被使用，该方法就很有用。
语法：
var(custom-property-name,
前端
#什么是防抖和节流，他们的应用场景有哪些
防抖(debounce)
触发高频事件后 n 秒内函数只会执行一次，如果 n 秒内高频事件再次被触发，则重新计算时间
#示例代码:
节流(throttle)
高频事件触发，但在 n 秒内只会执行一次，所以节流会稀释函数的执行频率
#示例代码
#总结 (简要答案)
防抖：防止抖动，单位时间内事件触发会被重置，避免事件被误伤触发多次。代码实现重在清零 clearTim
Vue3中使用setup监听props
背景描述
子组件展示父组件传来的参数，展示的信息随着父组件上tab的切换动态更新。
一开始的想法是单独监听这个传递的参数，但看了VUE3的文档之后，似乎对参数的监听必须精确到属性。例如参数为
{
name: 'Doctor',
gender: 'Timelord'
}
需要在子组件的watch中写明监听的是name还是gender。
该参数中有很多可能会改变的属性，一一监
解决element-ui中的el-select选择器无法显示选中内容的问题
问题描述：今天本人在编写前端页面时突然发现引用的element-ui中的el-select选择器无法显示选中内容，但是当我把表单数据全部填写完后打算上交时，el-select选择器的内容又能够出现我首次选择的东西了，但是点击其它无效，不能够切换数据。对数据修改时毫不影响el-select选择器的使用。
问题代码：
<div class="form-group">
<
拖拽不够自由？Vue3 DnD它来了！
前言
众所周知，在React中有一款非常强大的拖拽库，叫React DnD，而Vue中，大部分都是类似于vue.draggable等拖拽排序的库，然而它并不能满足我们所有的需求，特别是应对一些自由拖拽或混合拖拽的场景(例如：低代码)，它是很难做到的，所以vue3-dnd它来了！
React DnD
React DnD 是 Redux 核心作者 Dan Abramov 创造的一组 React 工具库
JavaScript JSON
前言
JSON 英文全称 JavaScript Object Notation，JSON 是一种轻量级的数据交换格式。JSON是独立的语言 ，易于理解。
JSON 格式仅仅是一个文本。文本可以被任何编程语言读取及作为数据格式传递。
作用
JSON 是用于存储和传输数据的格式。
JSON 通常用于服务端向网页传递数据 。
JSON语法规则
数据为 键/值 对
数据由逗号分隔，最后一个不加逗号
【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
官网：
Navigator.sendBeacon-页面关闭也能发送请求
背景
最近在需求中有一个这样的场景：需要在页面关闭的时候，用户不需要操作，主动关闭当前订单
当时考虑的方案：在页面关闭的时候，向后端发送一个请求，将这个资源释放掉；
定下方案时，觉得也不是什么难事，觉得谷歌浏览器应该会提供页面关闭的 API 供开发者使用。
经过查找，找到了这么两个 API ：beforeunload 和 unload
beforeunload
当浏览器窗口关闭或者刷新时，会触
Vite+vue3+Ts+pinia开发（三：父子通讯、兄弟通讯、数组清空、ref、reactive的使用）
首先你完成了如下：
Vite+vue3+Ts+pinia实战（一：初始、基础安装、踩坑）
Vite+vue3+Ts+pinia开发（二：路由、pinia、UI库安装）
今天就讲讲父子通讯、兄弟通讯，以及ref、reactive的简单使用吧。
父传子Ref基础的HelloWorle.vue就有就不多说了。
初始目录：
image.png
一、在components下建一个组件，我这里叫h
