微信小程序实现tabbar凹凸圆选中动画
1.实现效果
c41eaaf41cb24d0ea8231e3d89131854.gif
2.实现原理
2.1 引入阿里巴巴矢量图标
可参考文章：微信小程序引入外部icon（阿里巴巴矢量图标）
2.2 css函数var
css的var函数：var() 函数用于插入自定义的属性值，如果一个属性值在多处被使用，该方法就很有用。
语法：
var(custom-property-name,
前端
组件分享之后端组件——基于Gin + Vue + Element UI前后端分离的工单系统ferry
组件分享之后端组件——基于Gin + Vue + Element UI前后端分离的工单系统ferry
背景
近期正在探索前端、后端、系统端各类常用组件与工具，对其一些常见的组件进行再次整理一下，形成标准化组件专题，后续该专题将包含各类语言中的一些常用组件。欢迎大家进行持续关注。
组件基本信息
组件：ferry
开源协议：LGPL-3.0 license
官网：
【Web API系列】深入解析 Web Service Worker 中的 WindowClient 接口：原理、实践与进阶应用
前言在现代 Web 开发领域中，Service Worker 技术已成为构建离线优先应用和实现高级缓存策略的核心支柱。作为 Service Worker API 体系中的重要组成部分，WindowClient 接口为开发者提供了对受控客户端窗口的精准控制能力。本文将从实际工程实践的角度出发，系统解析 WindowClient 的核心机制，通
react中 useContext 和useReducer的使用
useContext和useReducer 可以用来减少层级使用, useContext，可以理解为供货商提供一个公共的共享值，然后下面的消费者去接受共享值，只有一个供货商，而有多个消费者，可以达到共享的状态改变的目的。
useReducer 可以和 useContext 配合使用，useReducer 可以理解为所有的公共组件共享状态。有多个组件，但是都要共享同一个状态和改变状态后的值，这时候
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
Vue 的单项数据流
数据总是从父组件传到子组件，子组件没有权利修改父组件传过来的数据，只能请求父组件对原始数据进行修改。这样会防止从子组件意外改变父组件的状态，从而导致应用的数据流向难以理解。
注意：在子组件直接用 v-model 绑定父组件传过来的 props 这样是不规范的写法，开发环境会报警告。
如果实在要改变父组件的 props 值可以再data里面定义一个变量，并用 prop 的值初始化它，之后用$emit
双剑破天门：攻防世界Web题解之独孤九剑心法(七)
免责声明：用户因使用公众号内容而产生的任何行为和后果，由用户自行承担责任。本公众号不承担因用户误解、不当使用等导致的法律责任**本文以攻防世界部分题为例进行演示，后续会对攻防世界大部分的web题目进行演示，如果你感兴趣请关注**目录一：Newscenter二：upload1三：Xff_referer四
【Web API系列】WebSocketStream API 深度实践：构建高吞吐量实时应用的流式通信方案
前言在当今的 Web 开发领域，实时通信已成为许多应用的核心需求。无论是即时聊天、实时数据仪表盘，还是在线游戏和金融交易系统，都需要高效的双向数据传输能力。传统的 WebSocket API 为此提供了基础支持，但在处理大规模数据流、背压控制和异步操作管理方面逐渐显露出不足。例如，当客户端接收速度无法跟上服务器发送速度时&#x
2022年Vue面试题
本次让我们系统的熟悉vue的面试常用题目，无论是给准备面试还是准备跳槽的小伙伴，一个学习以及温故知新的版块。这其中加入了我的理解，我尽量用白话文和易懂的语言形式进行解释，如果有地方解释的不正确或者不准确的情况，还请大家不吝赐教。
2022年大环境的不景气，让我们用知识充实自己，面对生活的一次次挑战与考验，加油！
入门级：
1：什么是mvvm？
MVVM是Model-View-ViewModel的简
