vue3新一代状态管理库 Pinia
Pinia优势
Pinia是一个全新的Vue状态管理库，是Vuex的代替者，尤雨溪强势推荐
1.Vue2 和 Vue3 都能支持
2.抛弃传统的 Mutation ，只有 state, getter 和 action ，简化状态管理库
3.不需要嵌套模块，符合 Vue3 的 Composition api，让代码扁平化
4.TypeScript支持
Pinia 基本使用
初始化项目： npm in
前端
量子科技：从实验室到生活场的科技革命
0.5 纳米的传感器探测到单个细胞的 “体温”，当 300 公里的通信网络守护着信息的绝对安全，当 504 比特的计算机演算着气象预测的未来 —— 曾经停留在物理课本中的 “量子”，正以颠覆者的姿态闯入现实世界。这场发轫于微观世界的科技革命，不仅重塑着我们对计算、通信与测量的认知，更在合肥 “量子大道” 的产业集群中、在全球首
vue 批量自动引入并注册组件或路由等等
有时候有大量的组件.vue后缀的,或.js,或.ts文件, 需要一个个的手动引入很麻烦,那么你可以尝试这样创建一个index.js
本项目使用vue3.x, vue2.x也可以照样用;
image.png
这里在components里面创建了一个idnex.js 文件
require.context 可以读取文件, 第一个参数是指当前文件夹, 第二个参数是是否递归遍历寻找子节点设为t
前端动画库：让你的网站动起来
前端动画库：让你的网站动起来毒舌时刻前端动画？这不是用CSS就够了吗？"CSS动画简单，我只用CSS"——结果复杂动画难以实现，"JavaScript动画性能差，我不用"——结果交互体验差，"Framer Motion？GSAP？没听
CSS基础-13-垂直导航栏（详细创建过程）
@[toc]
前言
一步一步做出一个完整的导航栏
1. 最简导航栏
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>hello world</title>
<style>
ul {
list-style-type: none;
ES5常见的数组方法：forEach ，map ，filter ，some ，every ，reduce (除了forEach，其他都有回调，都有return)
关于forEach
forEach()方法需要一个回调函数（这种函数，是由我们创建但是不由我们调用的）作为参数
回调函数中传递三个参数：
第一个参数，就是当前正在遍历的元素
第二个参数，就是当前正在遍历的元素的索引
第三个参数，就是正在遍历的数组
缺点： 不能使用break和continue
let myArr = ['王一', '王二', '王三'];
myArr.forEach((ite
Web 聊天室消息加解密方案详解
目录编辑一、Web 聊天室消息加解密需求与技术约束1.1 核心安全需求1.2 技术约束二、主流消息加解密方案详解2.1 方案 1：对称加密（AES-256-GCM）2.1.1 方案概述2.1.2 核心原理2.1.3 实现步骤（分场景）场景 1：单聊加密场景 2：群聊加密2.1.4 代码实现ÿ
学习 Vue3.0 （3）
Fragment
在 Vue 2 中，组件必须有一个根标签
在 Vue 3 中，组件可以没有根标签，内部会将多个标签包含在一个 Fragment 虚拟元素中
减少标签嵌套层级、减少内存占用
Teleport
能够将组件内部的某些内容渲染到外部的某个元素上
<teleport to="targetDom">
<div v-if="isShow">
<
CSS基础-06-元素大小（设置元素尺寸height/width、最大值max-height max-width、最小值min-height min-width、设置行间距 line-height）
1. 设置元素尺寸（height/width）
语法示例
自动大小
height:auto;width:auto;
像素设置
height:100px;width:100px;
百分百设置
height:50%;width:10%;
完整示例
代码
<!DOCTYPE html>
<html>
<head>
<meta ch
uniapp入门教程
UniApp是一款跨平台的开发工具，可以用一个代码库同时构建出iOS、Android两个平台的应用程序，并能方便地发布到App Store和各大应用商店。它基于Vue.js框架，开发者可以使用Vue.js的语法进行开发，可以轻松地迁移现有的Vue.js项目。
本篇文章将为大家介绍UniApp的入门教程，帮助初学者快速上手并开始开发自己的APP。
1. 环境搭建
在开始使用UniApp之前，我
