vue3 状态管理 pinia
一、pinia 特点
体积小、性能好、使用简单、限制少
支持 Vue Devtools、模块热更新、服务端渲染、Vue2 和 Vue3
没有 mutations，只有 state、getters、actions（异步和同步都可）
二、pinia 安装配置
安装
npm install pinia -S
在 main.js 中注册 pinia
import { createPinia
前端
reduce比你想象中更强大
前言
前面的这篇文章 JS 基础! | 扁平数组和JSON树的转换 利用到了 reduce来实现数组转为map，以及结合concat实现数组递归拼接。今天我们来看看还能搞些什么名堂~
简单复习一下 reduce
语法
let value = arr.reduce(function(previousValue, item, index, array) {
// ...
}, [initial])
Vue WanAndroid项目
基于Vue 搭建的WanAndroid项目 供参考
项目中API均来源于：www.wanandroid.com
项目运行：
1.克隆项目至本地
2.npm install
3.npm run dev
项目架构：
Vue版本： V2.5.2
UI：html5 + css3 + vant2
列表刷新：vuejs-loadmore
网络请求： axios
数据持久化：js-cookie
屏幕适配：f
3. CSS预处理器Less、Scss
1. CSS编写的痛点
CSS作为一种样式语言, 本身用来给HTML元素添加样式是没有问题的.
但是目前前端项目已经越来越复杂, 不再是简简单单的几行CSS就可以搞定的, 我们需要几千行甚至上万行的CSS来完成页面的美化工作.
随着代码量的增加, 必然会造成很多的编写不便：
比如大量的重复代码, 虽然可以用类来勉强管理和抽取, 但是使用起来依然不方便；
比如无法定义变量（当然目前已经支持）,
mangosteen day 4 swr原理
当我们要判断是否用户是否登录 使用到SWR
意为 stale-while-reavalidate 这是一个库
意为当用户数据过期将重新发起请求获得最新数据
步骤：首先从缓存中返回显示的是过期的数据，同时会发起fetch请求（重新认证），最后获得最新数据
与zustand进行类比
所有远程的数据(http请求的数据）都缓存到swr中，其余的数据存储到zustand即可
当我们在使用swr发送
Vue模板里有哪些语法
在这里，我们说模板就是特指表示HTML结构的字符串，英文来说就是 template
一、展示内容
1、表达式
{{ object.a }} // 表达式
{{ n+1 }} // 可以写任何运算
{{ fn(n) }} // 可以调用函数 （一般在methods里面找到函数且调用）
如果值为 undefined 或 null 就不显示，这是经过Vue处理的
另一种写法为
<div v-
哪些标签存在伪元素，伪类和伪元素的区别
存在伪元素的标签：
1、大部分容器标签(大部分双标签)都有伪元素 iframe没有伪元素
2、大部分单标签都没有伪元素,但是img有伪元素
伪元素简介：
1、伪元素既然带一个“元素”，说明它和 p ，a ，h1 等一样，可以包裹住页面的一部分内容并对其中的内容施加一定的影响。我们可以通过样式表给其书写样式
2、伪元素既然还带一个“伪”，说明它其实在 DOM 树中并不存在，只是逻辑上存在所以我们抽象
【GitHub周榜】Agno：快速构建多模态智能体的轻量级框架，开发提速 10000 倍
系列篇章💥
No.
文章
1
【GitHub周榜】OpenHands：AI赋能，软件开发效率狂飙10倍
2
【GitHub周榜】Agno：快速构建多模态智能体的轻量级框架，开发提速 10000 倍
目录
系列篇章💥
前言
一、项目概述：轻量级框架，开启智
