- 博客(12)
- 收藏
- 关注
原创 vite搭建react项目(TypeScript)未完待续
在vite.config.ts中对less进行配置,方便后期在vite.config.ts中配置less全局变量。根目录下新建==.env.production。在vite.config.ts中修改配置。.env.development==文件。tscondig.json中添加配置。
2024-01-29 16:23:10
612
原创 vue3+node构建后台管理系统
整合vite+vue3前端与node+express后端,通过插件 同时启动前后端项目vitevue3typescriptaxiospiniavue-routerechartsnodeexpressmongoosenodemonpassportnode-rsa。
2023-08-14 10:46:52
835
原创 Vue3 + Vite + TypeScript使用Web Worker
为 Web 内容在后台线程中运行脚本提供了一种简单的方法。线程可以执行任务而不干扰用户界面。所以,在我们有大量运算任务时,可以把运算任务交给 Worker 线程去处理,当 Worker 线程计算完成,再把结果返回给 js 主线程。这样,js 主线程只用专注处理业务逻辑,不用耗费过多时间去处理大量复杂计算,从而减少了阻塞时间,也提高了运行效率,页面流畅度和用户体验自然而然也提高了。1.在项目src目录下,新建worker文件夹,新建index.ts。2.在项目中实际应用worker。
2023-05-26 10:20:22
3218
5
原创 Vue3项目搭建监控日志
在前端项目中,经常会遇到各种各样的报错,在错误复现的时候,往往需要反复console.log才能找到问题的原因。那么,我们可以通过封装一个日志,用来记录用户的各种行为及各种接口请求,用来查找错误所在。系统中用户在浏览哪个页面页面上,用户点击了什么地方请求了哪些接口,返回值是什么报错信息在Vue3项目中,配合pinia,以数组的形式来记录,每产生一条数据,push到数组中就可以了在页面刷新或者关闭页面的时候 上传至服务器。
2023-05-17 17:18:39
3164
2
原创 Vue3+Element-Plus 解决折叠侧边菜单栏后文字不隐藏问题
【代码】Vue3+Element-Plus 解决折叠侧边菜单栏后文字不隐藏问题。
2023-05-09 16:43:35
2096
3
原创 Vue3 + TypeScript + Vite + Eslint详细配置
在使用Vue3 + TypeScript的过程中,这种写法在适应之后,确实更加舒服,通过Vue3的setup语法糖,我可以将一个功能模块的所有东西,都写到一个片段中,而不是像之前一样,一个功能涉及到的变量、方法、watch、computed等东一块西一块,需要维护的时候,还要上下翻来翻去。而网上有一些大佬,包括我身边的几位前端朋友,都在批判TypeScript,毕竟习惯了裸奔,突然给你加了一层又一层的衣服,哈哈,难免不适应。
2023-04-26 15:13:23
2242
原创 uniapp 小程序input框过滤表情等特殊字符
首先通过正则验证,验证不通过时,通过字符串.replace方法,替换掉表情。最后需要return,替换掉输入框中的内容。代码段为input框通过@input绑定的方法内容。
2023-03-02 14:56:08
1761
原创 解决el-table初始数据是表头抖动问题
beforeUpdate(){ this.$nextTick(() => { //在数据加载完,重新渲染表格 this.$refs.table.doLayout(); })}使用vue生命周期,在数据加载完成之后 重新渲染表格,ui展示会更加稳定
2022-02-22 19:15:18
680
原创 VUE项目引入iconfont
1.创建一个项目点击资源管理 -> 点击我的项目 -> 创建项目2.搜索自己需要的图标,并加入购物车3.点击购物车,选择添加进项目4.选择font class -> 点击下载到本地5.解压压缩包。在src/assets文件夹下新建icon文件。并将解压后的文件夹内容添加进icon中6.在main.js文件中,导入iconfont.css样式7.正常引用图标...
2022-02-10 11:09:43
1131
原创 vue中API接口的管理
1. 新建api文件 --> 新建reques.js文件import axios from 'axios'import { Message, Loading} from 'element-ui'import router from '../router/index.js' //注意路径与文件名const service = axios.create({ baseURL: process.env.BASE_API, // api 的 base_url timeout..
2022-01-30 17:01:57
1457
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人