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
创建自定义的 Angular 模块
在之前的一篇文章中，我们知道，从组件的角度看，一个 Angular 应用可以看作是按树形结构组织的组件集合。组件树的根结点，是主组件，作为全局组件的占位符，可以包含其他功能组件及其子组件。
在 Angular 应用中，一个组件会承担一个应用功能的一部分职责。换句话说，一个应用功能会分解为若干个组件共同去完成。基于组件去管理 Angular 应用，如果业务复杂，组件过多，粒度会显得过细，难于管理。
3. CSS预处理器Less、Scss
1. CSS编写的痛点
CSS作为一种样式语言, 本身用来给HTML元素添加样式是没有问题的.
但是目前前端项目已经越来越复杂, 不再是简简单单的几行CSS就可以搞定的, 我们需要几千行甚至上万行的CSS来完成页面的美化工作.
随着代码量的增加, 必然会造成很多的编写不便：
比如大量的重复代码, 虽然可以用类来勉强管理和抽取, 但是使用起来依然不方便；
比如无法定义变量（当然目前已经支持）,
哪些标签存在伪元素，伪类和伪元素的区别
存在伪元素的标签：
1、大部分容器标签(大部分双标签)都有伪元素 iframe没有伪元素
2、大部分单标签都没有伪元素,但是img有伪元素
伪元素简介：
1、伪元素既然带一个“元素”，说明它和 p ，a ，h1 等一样，可以包裹住页面的一部分内容并对其中的内容施加一定的影响。我们可以通过样式表给其书写样式
2、伪元素既然还带一个“伪”，说明它其实在 DOM 树中并不存在，只是逻辑上存在所以我们抽象
Vue模板里有哪些语法
在这里，我们说模板就是特指表示HTML结构的字符串，英文来说就是 template
一、展示内容
1、表达式
{{ object.a }} // 表达式
{{ n+1 }} // 可以写任何运算
{{ fn(n) }} // 可以调用函数 （一般在methods里面找到函数且调用）
如果值为 undefined 或 null 就不显示，这是经过Vue处理的
另一种写法为
<div v-
mangosteen day 4 swr原理
当我们要判断是否用户是否登录 使用到SWR
意为 stale-while-reavalidate 这是一个库
意为当用户数据过期将重新发起请求获得最新数据
步骤：首先从缓存中返回显示的是过期的数据，同时会发起fetch请求（重新认证），最后获得最新数据
与zustand进行类比
所有远程的数据(http请求的数据）都缓存到swr中，其余的数据存储到zustand即可
当我们在使用swr发送
【GitHub周榜】Agno：快速构建多模态智能体的轻量级框架，开发提速 10000 倍
系列篇章💥
No.
文章
1
【GitHub周榜】OpenHands：AI赋能，软件开发效率狂飙10倍
2
【GitHub周榜】Agno：快速构建多模态智能体的轻量级框架，开发提速 10000 倍
目录
系列篇章💥
前言
一、项目概述：轻量级框架，开启智
Open WebUI：打造友好且强大的自托管 AI 平台
目录摘要一、引言二、Open WebUI 的概念讲解（一）功能特性（二）技术基础三、Open WebUI 的架构设计（一）系统架构图（二）架构模块介绍四、Open WebUI 的安装与使用（一）安装方法1. 通过 Python pip 安装2. 通过 Dock
