前端

mangosteen day 4 swr原理

当我们要判断是否用户是否登录 使用到SWR 意为 stale-while-reavalidate 这是一个库 意为当用户数据过期将重新发起请求获得最新数据 步骤:首先从缓存中返回显示的是过期的数据,同时会发起fetch请求(重新认证),最后获得最新数据 与zustand进行类比 所有远程的数据(http请求的数据)都缓存到swr中,其余的数据存储到zustand即可 当我们在使用swr发送

# WebAPI—17

WebAPI和标准库不同,WebAPI 是浏览器提供的一套 API,用于操作浏览器窗口和界面WebAPI 中包含两个部分: BOM:Browser Object Model,浏览器模型,提供和浏览器相关的操作 DOM:Document Object Model,文档模型,提供和页面相关的操作 BOMBOM 提供了一系列的对象和函数,提供和浏览器本身相关的操作 window全局对象ht

你的前端加密真的加密了吗?网络安全零基础入门到精通教程(建议收藏)

引言:别再自欺欺人!这些 “前端加密” 其实是裸奔“我用 Base64 加密了用户密码,肯定安全!”“我在前端写了个 MD5 哈希,黑客拿不到明文!”“我把密钥藏在 JS 里,没人能找到!”如果你也说过类似的话,那一定要警惕 —— 这些看似 “加密” 的操作&#xff0c

什么是Nginx?:掌握高性能 Web 服务器核心技术

一、Nginx 简介:为什么它成为 Web 服务器的首选?在当今互联网架构中,Nginx(发音为 "engine x")无疑是最受欢迎的 Web 服务器之一,同时还承担着反向代理、负载均衡、缓存等重要角色。它由俄罗斯程序员 Igor Sysoev 于2004年开发,最初的设计目标就是解

在Vue中获取DOM元素的实际宽高

最近使用 D3.js 开发可视化图表,因为移动端做了 rem 适配,所以需要动态计算获取图表容器的宽高,其中涉及到一些原生DOM API的使用,避免遗忘这里总结一下。 Vue && DOM 一、获取元素 在 Vue 中可以使用 ref 来获取一个真实的 DOM 元素。 为了保险起见,所有的 DOM 操作建议都放在 $nextTick() 方法中。 <templat

详细!离线部署大模型:ollama+deepseek+open-webui安装使用方法及常见问题解决

ollama 是一个开源的本地大语言模型运行框架,它提供了非常简单便捷的使用形式,让用户可以十分方便的在本地机器上部署和运行大型语言模型,从而实现免费离线的方式使用 LLM 能力,并确保私有数据的隐私和安全性。 1 ollama 安装ollama 支持多种操作系统,包括 macOS、Windows、Linux 以及通过 Dock

面试:后端一次性返回给前端十万条数据,渲染这十万条数据怎么能保证不卡顿

面试:后端一次性返回给前端十万条数据,渲染这十万条数据怎么能保证不卡顿 1、原因 2、解决方案 2.1 分页加载 2.2 虚拟滚动(体验更好) 2.3 其它优化技巧 2.3.1 冻结数据减少开销 2.3.2 使用Web Worker处理数据 2.3.3 分批渲染 2.3.4 搜索和过滤优化 3、实际项目中的建议 4、总结

ES6 函数及拓展

一、函数 函数是一个为执行特定任务而设计,可以重复使用的代码块。 1. 创建函数的三种方式 函数声明方式: function 函数名称() { 函数体; } 函数表达式方式: var 变量名称 = function() { 函数体; }; 函数表达式方式创建的函数是没有名称的函数 变量中存储的是对函数的引用 函数声明方式和函数表达式方式的区别,函数声明方式定义的函数可以在定

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

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

基于STM32 HAL库和LWIP的无操作系统HTTPD WEBSERVER网络通信实验

本文还有配套的精品资源,点击获取 简介:本实验利用STM32 HAL库和STM32CubeMX配置工具设计了一个无操作系统下的网络通信实验,特别是在STM32F429微控制器上实现了HTTPD WEBSERVER功能。实验介绍了如何使用STM32 HAL库进行硬件驱动开发,利用STM32CubeMX进行项目初始化配置,