Vue 缓存Hook:提高接口性能,减少重复请求
在开发 Web 应用时,我们经常会遇到需要重复调用接口的场景。例如,当用户频繁刷新页面或进行某个操作时,我们可能需要多次请求相同的数据。这不仅会增加服务器负担,还会导致用户体验下降。为此,我们可以使用缓存机制来优化这一问题。本文将教你一步一步实现一个功能较完善的Vue缓存Hook(钩子函数),它可以
利用路由懒加载和CDN分发策略对极客园项目进行性能优化
极客园项目的完成之后,我们需要对项目进行打包以及性能优化,优化用户体验以及加快响应时间,本文只列举了路由懒加载和cdn分发的策略前端优化的方式有很多种,这里只列举出了依靠路由懒加载和cdn分发的方法,在可视化界面上用户可以看见构建下的资源体积大小,通过压缩和利用缓存也可以减少体积,加快加载时间。
【Vue3实战】TypeScript前端实战基础
经过多年的全栈开发经验和多种编程语言的开发经验,编程语言的规范的重要性与日俱增对未来的前端编程而言,TypeScript的比重相信一定会日新月异所以这边对于TypeScript做一篇比较详细和完整的整理日后也会逐渐更新和补充。TypeScript目前版本:5.3TypeScript官方网站传送门如果
基于JSZip实现前端多个文件流批量下载成zip压缩包
2、创建一个压缩包:在前端,你需要使用JavaScript来创建一个压缩包。这可以通过使用第三方库来实现,例如jszip、zip.js等。1、从后端获取多个流文件:首先,确保你能够从后端获取多个文件的流(stream)或者二进制数据,这些文件通常以某种格式(例如ZIP、RAR、TAR等)进行压缩。3
Service Worker Cache 和 HTTP Cache 的对比
在 HTTP 缓存中,开发者的控制权限是相对有限的。相反,Service Worker 的 Cache API 是在 JavaScript 层面提供的 API,开发者可以通过编写代码的方式,按需设置缓存的 key 、value 和存储方式,以及处理缓存的更新和删除等。比如,开发者可以根据自己的需求,
使用 OpenAPI Typescript Codegen 一键生成前端接口代码
使用 OpenAPI Typescript Codegen 一键生成前端接口代码
vite+TypeScript+vue3+router4+Pinia+ElmPlus+axios+mock项目基本配置
volar插件支持 获取对Element UI Plus 的提示 需要在tsconfig.json做如下设置。数据的访问了,这里我们使用之前创建公共 api 请求方法 request。新增"types": ["element-plus/global"]文件,使用路由懒加载,优化访问性能。组件,路由匹
详解如何使用VSCode搭建TypeScript环境(适合小白)
因为TypeScript不能直接在浏览器上运行。它需要编译器来编译并生成JavaScript文件。所以需要首先安装好javascript环境,可以参考文章
TypeScript实战——ChatGPT前端自适应手机端,PC端
可以在线体验哦:体验地址
TypeScript(三)对象类型
在TS中除了之前的基本类型外,还包含Array(数组),Object(对象),Function(函数)等等继承于对象的其他对象,以及Tuple(元组),Enum(枚举)等高级类型,以及泛型,never,unknown类型。这些类型是TS强类型检查的基础Array(数组)Object(对象)Funct
何为 Vue3 组件标注 TS 类型,看这篇文章就够了!
要说今年最热门的前端技术,Vue3 和 TS 绝对榜上有名了。今天就给大家分享一下如何在 Vue3 组件中结合 Composition-Api 使用 TS 类型。如果有不会或者不熟的小伙伴,一起学起来吧!
TypeScript快速上手语法+结合vue3用法
本篇内容不涉及TypeScript安装以及配置,具体安装及配置篇可以看下面目录,本篇只涉及TypeScript语法相关内容,及结合vue3的用法。不讲废话,简单直接直接开撸。
VUE3 响应式 API 之 toRef 与 toRefs
相信各位开发者看到这里时,应该已经对 ref 和 reactive API 都有所了解了,为了方便开发者使用, Vue 3 还推出了两个与之相关的 API : toRef 和 toRefs ,都是用于 reactive 向 ref 转换。这两个 API 在拼写上非常接近,顾名思义,一个是只转换一个字
TS — Map 对象, Map与字典的区别
TS — Map 对象, Map与字典的区别
TS泛型,原来就这?
图中< T >内部的 T 被称为类型变量,它是我们希望传递给 identity 函数的类型占位符,同时它被分配给 value 参数用来代替它的类型:此时 T 充当的是类型,而不是特定的 Number 类型。相比之前定义的 identity 函数,新的 identity 函数增加了一个类型变量 U,但
中国省市区地区选择组件(ElementPlus + Vue3 + TS )
vue3 + elementPlus +TS 地区选择组件
前端规范(一)之ESlint以及@antfu/eslint-config
本文将记录工作中eslint相关的内容,常用的配置、插件等;团队项目中规范尤其重要,否则合并代码的时候会有大量冲突出现;通过eslint和vscode工作区的setting.json设置能有效的使团队的规范保持一致;
TS 快速入门
学习TS基础
菜鸟教程笔记:TypeScript
菜鸟教程笔记:TypeScript
2023年最新Node.js安装详细教程及node.js配置
文中主要讲述编译器、运行环境、开发环境的区别,Node.js与JavaScript、TypeScript,Node.js与浏览器,Windows、Linux、Mac的Node.js版本类型,VS Code安装程序的安装及安装选项设置,修改npm的包的全局的安装路径和缓存路径、配置镜像源(镜像站)、配