1. Vue3简介
2020年9月18日，Vue.js发布版3.0版本，代号：One Piece（n
经历了：4800+次提交、40+个RFC、600+次PR、300+贡献者
官方发版地址：Release v3.0.0 One Piece · vuejs/core
截止2023年10月，最新的公开版本为：3.3.4
1.1. 【性能的提升】
打包大小减少41%。
初次渲染快55%, 更新渲染快133%。
内存减少54%。
1.2.【 源码的升级】
使用Proxy代替defineProperty实现响应式。
重写虚拟DOM的实现和Tree-Shaking。
1.3. 【拥抱TypeScript】
Vue3可以更好的支持TypeScript。
1.4. 【新的特性】
Composition API（组合API）：
setup
ref与reactive
computed与watch
……
新的内置组件：
Fragment
Teleport
Suspense
……
其他改变：
新的生命周期钩子
data 选项应始终被声明为一个函 ...
1.安装相关工具①终端运行pip install cython -i https://pypi.tuna.tsinghua.edu.cn/simple
②安装Microsoft C++ 生成工具，进入https://visualstudio.microsoft.com/zh-hans/visual-cpp-build-tools/下载生成工具，并在线安装。
2.创建setup.py文件12345from distutils.core import setupfrom Cython.Build import cythonizeimport sys,os,tracebacksetup(ext_modules=cythonize(["test.py"]))
多个文件可用“，”隔开
3.终端运行指令1python setup.py build_ext --inplace
3D轮播图实现1.效果展示
2.html部分12345678910111213141516<div class="carousel"> <img src="./img/prev.png" alt="" class="prev"> <img src="./img/next.png" alt="" class="next"> <div class="carousel-list"> <img src="./img/1.png" alt="" class="carousel-item"> <img src="./img/2.png" alt="" class="carousel-item"> ...
FLIP动画实现拖拽排序1.概念
First：元素的初始状态，记录当前元素的位置、尺寸、透明度等等的样式信息
Last：元素的最终状态，即动画后元素的位置、尺寸、透明度等等的样式信息
Invert：将元素恢复至动画前状态，即相反操作，先计算出从初始状态到最终状态元素发生的改变，比如宽度、高度、透明度等，然后在元素上应用 transform 或 opacity 使这些改变反转，给人一种错觉，即它原来就在初始位置。
Play：执行动画，前面的准备工作都做好了，最后就是 Play 了，移除元素上的 transform（将transform置为0或none） 并启用 tansition 相关的动画。
2.拖拽排序①首先写好样式，此部分不做过多解释
1234567891011121314151617181920212223242526272829303132333435363738394041424344454647<!DOCTYPE html><html lang="en"><head> <meta charset=&quo ...
1.效果https://supperjoy-1318445645.cos.ap-chengdu.myqcloud.com/blog/lejian-front%20-%20%E4%B8%AA%E4%BA%BA%20-%20Microsoft%E2%80%8B%20Edge%202024-01-07%2010-39-42.mp4
2.实现代码123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116<div class="box"> <div class="login-box"> ...
一、卡片分类
M1卡：普通IC卡，0扇区不可以修改，其他扇区可反复擦写。
UID卡：普通复制卡，可以重复擦写所有扇区，主要应用在IC卡复制上，遇到带有防火墙的读卡器就会失效。
CUID卡：可擦写防屏蔽卡，可以重复擦写所有扇区，UID卡复制无效的情况下使用，可以绕过防火墙。
FUID卡：不可擦写防屏蔽卡，此卡的特点0扇区只能写入一次，写入一次变成M1卡，CUID复制没用的情况下使用，可以绕过防火墙。
UFUID卡：高级复制卡，我们就理解为是UID和FUID的合成卡，需要封卡操作，不封卡就是UID卡封卡后就变为M1卡。
二、一些校验算法1.异或校验（XOR）异或运算是一种二进制运算，其规则如下：
如果两个比特相同，则结果为 0。
如果两个比特不同，则结果为 1。
在异或校验中，数据的每个比特与一个预定的校验位进行异或运算，结果作为校验位。
示例代码如下：
1234567891011121314public static void XorCalculator(String Hex) { String[] hexValues = Hex.split("6A 44 ...
