自定义博客皮肤VIP专享

*博客头图:

格式为PNG、JPG,宽度*高度大于1920*100像素,不超过2MB,主视觉建议放在右侧,请参照线上博客头图

请上传大于1920*100像素的图片!

博客底图:

图片格式为PNG、JPG,不超过1MB,可上下左右平铺至整个背景

栏目图:

图片格式为PNG、JPG,图片宽度*高度为300*38像素,不超过0.5MB

主标题颜色:

RGB颜色,例如:#AFAFAF

Hover:

RGB颜色,例如:#AFAFAF

副标题颜色:

RGB颜色,例如:#AFAFAF

自定义博客皮肤

-+
  • 博客(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 484

原创 vue3+node构建后台管理系统

整合vite+vue3前端与node+express后端,通过插件 同时启动前后端项目vitevue3typescriptaxiospiniavue-routerechartsnodeexpressmongoosenodemonpassportnode-rsa。

2023-08-14 10:46:52 603

原创 Vue3 + Vite + TypeScript使用Web Worker

为 Web 内容在后台线程中运行脚本提供了一种简单的方法。线程可以执行任务而不干扰用户界面。所以,在我们有大量运算任务时,可以把运算任务交给 Worker 线程去处理,当 Worker 线程计算完成,再把结果返回给 js 主线程。这样,js 主线程只用专注处理业务逻辑,不用耗费过多时间去处理大量复杂计算,从而减少了阻塞时间,也提高了运行效率,页面流畅度和用户体验自然而然也提高了。1.在项目src目录下,新建worker文件夹,新建index.ts。2.在项目中实际应用worker。

2023-05-26 10:20:22 2159 1

原创 Vue3项目搭建监控日志

在前端项目中,经常会遇到各种各样的报错,在错误复现的时候,往往需要反复console.log才能找到问题的原因。那么,我们可以通过封装一个日志,用来记录用户的各种行为及各种接口请求,用来查找错误所在。系统中用户在浏览哪个页面页面上,用户点击了什么地方请求了哪些接口,返回值是什么报错信息在Vue3项目中,配合pinia,以数组的形式来记录,每产生一条数据,push到数组中就可以了在页面刷新或者关闭页面的时候 上传至服务器。

2023-05-17 17:18:39 2460 1

原创 Vue3+Element-Plus 解决折叠侧边菜单栏后文字不隐藏问题

【代码】Vue3+Element-Plus 解决折叠侧边菜单栏后文字不隐藏问题。

2023-05-09 16:43:35 1643 3

原创 Vue3 + TypeScript + Vite + Eslint详细配置

在使用Vue3 + TypeScript的过程中,这种写法在适应之后,确实更加舒服,通过Vue3的setup语法糖,我可以将一个功能模块的所有东西,都写到一个片段中,而不是像之前一样,一个功能涉及到的变量、方法、watch、computed等东一块西一块,需要维护的时候,还要上下翻来翻去。而网上有一些大佬,包括我身边的几位前端朋友,都在批判TypeScript,毕竟习惯了裸奔,突然给你加了一层又一层的衣服,哈哈,难免不适应。

2023-04-26 15:13:23 1749

原创 uniapp 小程序input框过滤表情等特殊字符

首先通过正则验证,验证不通过时,通过字符串.replace方法,替换掉表情。最后需要return,替换掉输入框中的内容。代码段为input框通过@input绑定的方法内容。

2023-03-02 14:56:08 1411

原创 uniapp 滚动页面到指定位置

uniapp 点击滚动页面到指定位置

2023-03-01 17:42:03 3482

原创 用户输入验证规则

【代码】用户输入验证规则。

2023-01-10 09:29:17 147

原创 解决el-table初始数据是表头抖动问题

beforeUpdate(){ this.$nextTick(() => { //在数据加载完,重新渲染表格 this.$refs.table.doLayout(); })}使用vue生命周期,在数据加载完成之后 重新渲染表格,ui展示会更加稳定

2022-02-22 19:15:18 597

原创 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 1048

原创 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 1389

空空如也

空空如也

TA创建的收藏夹 TA关注的收藏夹

TA关注的人

提示
确定要删除当前文章?
取消 删除