前端

前端实战:基于Vue3与免费满血版DeepSeek实现无限滚动+懒加载+瀑布流模块及优化策略

目录前端实战:基于Vue3与免费满血版DeepSeek实现无限滚动+懒加载+瀑布流模块及优化策略一、前言二、如何使用腾讯云免费满血版deepseek1、腾讯云大模型知识引擎体验中心2、体验deepseek联网助手3、人机交互获取AI支持三、基于DeepSeek实现无限滚动+懒加载+瀑布流模块1、无限滚动+懒加载+瀑布流模块的底层逻辑2、

Open WebUI:打造友好且强大的自托管 AI 平台

目录摘要一、引言二、Open WebUI 的概念讲解(一)功能特性(二)技术基础三、Open WebUI 的架构设计(一)系统架构图(二)架构模块介绍四、Open WebUI 的安装与使用(一)安装方法1. 通过 Python pip 安装2. 通过 Dock

哪些标签存在伪元素,伪类和伪元素的区别

存在伪元素的标签: 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发送

3. CSS预处理器Less、Scss

1. CSS编写的痛点 CSS作为一种样式语言, 本身用来给HTML元素添加样式是没有问题的. 但是目前前端项目已经越来越复杂, 不再是简简单单的几行CSS就可以搞定的, 我们需要几千行甚至上万行的CSS来完成页面的美化工作. 随着代码量的增加, 必然会造成很多的编写不便: 比如大量的重复代码, 虽然可以用类来勉强管理和抽取, 但是使用起来依然不方便; 比如无法定义变量(当然目前已经支持),

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

常用 api

钩子函数 before() :在当前 describe 的第一个测试用例中仅调用一次 beforeEach() :在当前 describe 下的每一个测试用例执行前都要先执行一次 afterEach() :在当前 describe 下的每一个测试用例执行完都要先执行一次 after() :在当前 describe 的最后一个测试用例中仅调用一次 若包含多级测试套件,那么父级套件、祖父级套件声明的

reduce比你想象中更强大

前言 前面的这篇文章 JS 基础! | 扁平数组和JSON树的转换 利用到了 reduce来实现数组转为map,以及结合concat实现数组递归拼接。今天我们来看看还能搞些什么名堂~ 简单复习一下 reduce 语法 let value = arr.reduce(function(previousValue, item, index, array) { // ... }, [initial])