- 博客(45)
- 收藏
- 关注
RSS订阅原创 Vue3国际化：同步与异步加载全解析
本文介绍了在Vite+Vue3+TypeScript项目中实现国际化的两种方案。同步加载方案适用于小型项目，通过直接引入语言包文件实现；异步加载方案则针对大型项目，通过动态导入语言包提升性能。文章详细说明了项目配置、目录结构、核心代码实现，并提供了完整的类型定义和本地缓存管理方案。重点阐述了如何利用vue-i18n和Vite插件实现语言切换、类型安全、按需加载等功能，同时给出了组件中调用国际化文本的具体方法。通过封装语言管理hooks和缓存工具类，实现了可维护的多语言解决方案。
2025-07-30 17:36:27
1277
原创 登录时使用setStorageSync存储token存不上去（有概率）
存储太多setStorageSync，引起存储token存不上去，登录失败
2023-04-14 13:50:02
1643
原创 antd项目中input框的value值不能被修改，form.setFieldsValue 来动态改变表单值
form.setFieldsValue来动态改变表单值，项目开发中input框输入的值无法动态修改
2023-03-31 15:18:20
6758
原创 vue3中404页面显示问题Catch all routes (“*“) must now be defined using a param with a custom regexp.
404页面问题vue3项目
2023-02-27 11:01:12
3512
3
原创 jQuery拖拽效果，自己写的，能用
jquery使用class，能用，jquery用原生<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <title>Document</title> <style.
2022-04-24 09:04:28
146
原创 promise将回调函数取代，解决回调地狱
ajax回调函数版本// 防抖function antishake(func, wait) { let timer = null return function () { clearTimeout(timer) timer = setTimeout(() => { func() }, wait) }}// 节流function throttle(func,wait){ // let t
2022-04-15 20:57:07
397
原创 自己封装的ajax，以及使用介绍
ajax封装（只适用于POST以及GET）传入的参数都是必传入的，解构方法解构的数据没有默认值设置// 防抖function antishake(func, wait) { let timer = null return function () { clearTimeout(timer) timer = setTimeout(() => { func() }, wait) }}// 节流fu.
2022-04-14 21:03:34
418
原创 面对对象和tab栏切换
<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <title>Document</title></head><body> <script&g.
2022-04-14 20:43:43
122
1
原创 闭包，防抖、节流、函数柯里化
闭包<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <title>Document</title></head><body> <scri
2022-04-14 20:37:18
158
原创 ajax分页效果
<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <title>Document</title> <style> .active { .
2022-04-14 20:28:26
93
原创 构造函数模式，工厂方法模式以及采用面向对象（class）的思路实现拖拽功能
1, 采用面向对象的思路实现拖拽功能2, 采用工厂模式, 创建一个函数, 将拖拽功能封装在函数内3,采用构造函数,创建一个构造函数,将拖拽功能封装在函数内<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"...
2022-04-11 21:15:16
167
原创 js放烟花
左键点击圆圈烟花，右键点击爆炸烟花html：<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <title>Document</title> <style>
2022-04-11 18:00:36
465
原创 js运动+全选反选+二级菜单dom操作的练习题
<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <title>Document</title></head><body> 省份:<sel.
2022-04-08 22:13:12
195
原创 练习鼠标和键盘事件小练习
<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <title>Document</title> <style> *{ m.
2022-03-28 18:10:33
505
原创 javascript循环练习，打印三角形棱形
<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <title>Document</title></head><body> <script&g.
2022-03-18 16:15:09
1205
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人