- 博客(67)
- 收藏
- 关注
RSS订阅原创 对象转数组，数组转对象的常用方法
在日常开发中我们往往会遇到对象转数组下面提供几种方法：例： 数组转对象1.Object.fromEntries方法2.Map方法 3.Reduce方法4.forEach
2024-03-14 10:53:05
386
原创 前端根据后端返回的数组对象处理转为树状结构
在项目开发中往往需要用到树形结构，可是后端返回的数据不符合树形结构，这时就需要我们自行转换成树状结构。
2024-03-13 15:53:27
557
原创 vue3使用百度地图
注意：1.前端开发选择浏览器端，2.必须配置白名单，只有该白名单中的网站才能成功发起调用，多个域名之间请用英文半角逗号隔开，如果不想对任何域名做限制，设置为英文半角星号*步骤：1.进入百度地图开放平台 | 百度地图API SDK | 地图开发 2.打开顶部控制台 3.找到应用管理中-我的应用-创建应用。
2024-02-22 12:10:23
927
原创 【css】border边框影响布局解决方案
最近在写项目的时候遇到这样一个问题，我给元素添加动态border的时候，随着border的生效，会影响border之外的布局。border边框影响布局之问题的发生，到底需要如何解决？，则outLine无法绘制圆角边界线。
2024-02-22 10:52:00
674
原创 vue3中mockjs模拟获取数据
开发项目的时候，如果后端接口没有出来，前端工程师也不必非得等接口出来才进行下步开发。可以使用mock.js来模拟接口数据，以下就是使用vue3设置hook函数来封装axios请求，配合mock.js来实现的代码，mock的官网。
2024-02-19 16:19:47
748
原创 vue3中使用 vue3-slide-verify 滑块验证登录
在项目中我们使用滑块验证一般禁止进行其他操作，所有我们需要添加遮罩。以上操作就可以实验滑块验证。
2024-01-25 18:30:16
897
原创 vue3 vite使用postcss-px-to-viewport 实现页面自适应
视口单位是相对于视口尺寸来计算的长度单位，而不是相对于父元素或根元素。这意味着使用视口单位进行布局和样式设置时，元素会随着屏幕尺寸的变化而自适应。
2024-01-16 14:49:28
1575
1
原创 vue3自定义指令
/ 在模板中启用 v-focusmounted: (el) => el.focus() //使input自动聚焦//el.querySelector('input').focus() //使el-input自动聚焦</script><template>在main.js中进行全局挂载// 使 v-focus 在所有组件中都可用mounted: (el) => el.querySelector('input').focus() //使el-input自动聚焦 所有页面都可使用 v-focus使用。
2024-01-15 12:06:10
809
原创 Vue3+Vite项目搭建
vite下一代前端开发与构建工具 vite创建的项目默认vue3开发环境中，无需打包，可快速的冷启动轻量快速的热重载（HMR）真正的按需编译，不在等待整个应用编译完成。
2024-01-12 16:04:04
402
原创 页面展示base64格式的图片
在项目需求中我们需要在页面展示后端返回的图片，可是后端返回的是base64格式的图片，这时我们直接展示会有问题需要进行解密然后展示。可以使用下面方法展示 即可实现。
2023-12-28 16:57:11
460
原创 elementui消息弹出框MessageBox英文内容不换行问题
如图，内容名称为英文时，名称太长会戳出提示框，不会自动换行。为数字英文会在英文数字处换行但是我们往往不需要它换行。
2023-12-21 11:53:01
715
原创 使用el-date-picker 点击按钮实现前一天或后一天
在项目需求中需要我们实现点击增加日期一天或减少一天 如下图：点击上按钮实现加一天下按钮实现减一天。
2023-12-02 17:16:26
681
原创 Element-Plus Date Picker日期选择器组件限制只能选择3天内
【代码】Element-Plus Date Picker日期选择器组件限制只能选择3天内。
2023-11-30 18:41:57
623
原创 setup语法糖name增强，使vue3语法糖支持name属性。
vue3语法糖默认是没有name属性的，在我们使用keep-alive的时候需要用到name。当我们需要在setup语法糖中使用name这时就可以借助插件vite-plugin-vue-setup-extend。
2023-11-23 17:20:32
104
原创 vue3屏蔽控制台的错误警告和黄色警告信息
在项目开发中我们总是要通过观察控制台来实现项目的调试，然而总是有一些黄色警告，多了会很烦，下面我们借助方法屏蔽掉它们。
2023-11-23 17:07:28
866
原创 Vue实现项目重新部署后通知用户刷新网页
通知用户系统已经更新了，并在用户确定后调用window.reload( true)重新去服务器请求最新的资源，但是websocket需要后端配合每次更新后往前端发通知，每次更新都要去麻烦后端人员。或者是一个bug你明明已经修改并上线了，但是用户依然说bug存在，等等，为了让用户能够及时使用到新功能，就得解决这个问题。那就需要每次更新后系统重新去服务器加载最新的文件，怎么让系统知道已经更新了呢，有许多办法，比如通过。这个插件，它可以监听网页更新，并通知用户刷新页面，支持。你：远程吧！
2023-11-22 11:39:47
342
原创 vue3使用使用 lodash 插件 实现防抖节流
前面的所有触发都被取消，最后一次执行在规定的时间之后才会触发，也就是说如果连续触发，只会执行一次。在规定的间隔时间范围内不会重复触发回调，只有大于这个时间才会触发回调，把频繁触发变为少量触发。
2023-11-14 11:13:19
632
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人