- 博客(7)
- 收藏
- 关注
RSS订阅原创 vue3+ts 封装接口请求
1、在src目录下新建service文件夹（名字看自己喜好，一般是service），里面存放接口请求的封装文件和公共配置文件。而项目中采用的是自动按需导入 element-plus 组件，没有引入 element-plus 的全局样式导致样式缺失。【PS:若有其它更完善的地方，请您大声说出来，欢迎大家一起探讨】至此，通过封装的方法调用接口可以正常获取返回来的数据。
2024-12-18 14:14:48
1087
原创 vue3+vite项目中进行mock开发
在项目的开发过程中，有时会遇到后端接口没完成，导致阻塞前端任务进度的场景，这个时候由于任务紧急的话，需要前端自己参考接口文档约定进行mock开发。vite.config.ts文件中引入vite-plugin-mock，进行插件配置mockPath时找不到mock文件的路径。在文件中，这个是最简单的mock数据方式之一，但可能会出现忘记注释，导致线上出现测试数据的情况；【PS:若有其它更完善的地方，请您大声说出来，欢迎大家一起探讨】，以下详细介绍Mock.js的使用方法。会遇到的问题，如下图。
2024-12-05 15:11:59
936
原创 插槽的使用
通俗地讲，插槽就是一个可以插入内容的卡槽（用来占位的）；具体而言，插槽是用于组件间通信的方式之一，父组件向子组件传递渲染的html结构和数据，父组件控制插槽的显示以及显示内容，子组件控制内容显示的位置，根据不同场景动态展示不同的内容，提高了组件的复用性和灵活性。
2024-11-28 23:46:36
503
原创 防抖和节流
触发某个事件后，在指定的时间内再次触发该事件，则重新计时；如果在指定时间内没有再次触发该事件，则延迟指定的时间后执行相应的回调函数。防抖多用在处理事件监听，例如：点击按钮、调整窗口等，在用户操作完之后再进行回调。为了限制事件的触发频率，减少不必要的重复操作，提高项目应用性能和用户体验。某事件在指定时间内重复发生，只会执行第一次，后续的触发会被忽略。移动鼠标可通过节流来控制鼠标触发频率，避免过多的计算和渲染。节流多用在高频触发事件，例如：页面滚动和鼠标移动。搜索框输入关键词进行实时搜索。
2024-11-26 09:14:55
352
原创 【! [rejected] master -＞ master (fetch first)error: failed to push some refs to】解决
u：设置本地master分支跟踪远程origin仓库的master分支，下一次推送直接使用git push命令而无需指定远程仓库和远程分支的名称。1、先拉取master分支上的代码进行同步 git pull --rebase origin master，，这表明远程仓库中的分支已经包含了本地分支没有的新提交。2、提交的邮箱和你git设置的邮箱是同一个，我这里使用的git可视化工具Sourcetree。2、再进行推送 git push -u origin "master"。3、提交文件到本地仓库。
2024-11-22 15:13:15
1028
原创 解决Network: use --host to expose
当在本地开发环境中运行项目时只允许本机通过此地址在浏览器中预览或调试项目，别人是不能通过localhost来访问项目。项目在局域网络环境中运行的地址，对应项目运行电脑的ip或者域名。在局域网中，别人可以通过ip地址和端口号来访问项目；项目部署在服务器上，别人可以使用服务器ip或者域名来访问项目。导致同一局域网中的其他人想要通过ip和端口号访问本地的项目不是很方便（除了命令提示符窗口通过ipconfig获取ip告知对方)。Vite在默认情况下，为了安全起见，只会监听localhost上的请求，
2024-11-19 10:46:49
1593
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人