- 博客(14)
- 收藏
- 关注
RSS订阅原创 vue 如何根据自定义数组动态生成表单
引入定义的数据源动态表单生成//getEvents 方法会根据 field.events 对象动态生成一个事件对象，将字符串形式的方法名称转换为实际的方法引用。//使用 v-on="getEvents(field)" 动态绑定事件，确保事件处理函数正确传递},getEvents方法会动态生成事件对象getEvents方法会根据对象动态生成一个新的事件对象，确保每个事件处理函数都是组件中定义的有效方法。检查方法是否存在且是函数在生成事件对象时，getEvents。
2024-11-05 12:01:58
446
原创 为什么vue:deep、/deep/、＞＞＞样式能穿透到子组件
在scoped标记的style中，只要涉及三方组件，那deep符号会经常被使用，用来修改外部组件的样式。要想修改三方组件样式，只能添加到scoped之外，弊端是污染了全局样式，后续可能出现样式冲突。deprecateddeprecated当在vue3使用/deep/或者>>>::v-deep由于/deep/或者>>>在less或者scss中存在兼容问题，所以不推荐使用了那么问题来了，如果我按以下的方式嵌套deep，能生效吗？
2024-10-25 17:22:05
264
原创 vue2+antd 实现一个可自由拖拽配置的动态表单模板
Vue.Draggable 是一个基于 Vue.js 的拖放组件，它允许用户在 Vue.js 应用中实现拖放功能。该项目是基于 Sortable.js 构建的，提供了丰富的功能和灵活的配置选项，适用于各种拖放场景。说一下我的需求吧，我这边是要实现一个类似钉钉那种行政管理模块，需要开发一个可以设置多套表单模板的动态表单；整体代码就在这里了，如果有需要的可以试一下，把接口的数据自己换一下，我这个为了传参数据处理写的比较繁琐，哈哈哈。安装完成之后就可以开始使用了，在需要使用的页面引入draggable。
2024-10-25 16:28:31
831
原创 微信小程序开发 真机调试network 无法显示请求信息?
今天我准备测试登录的时候发现在真机调试的network 没有打印的接口请求信息，最开始我以为是配置项或者电脑卡顿的问题，尝试重启电脑和重启项目都没有效果。始终没有打印任何内容，询问官方也是一直在排队，最后看了一下网友们的办法挨个尝试了一下。更换调试基础库，换跟你现在版本最接近的，然后点击推送。推送完成之后重新尝试，这次就有内容了。
2024-10-17 09:32:47
2847
原创 vue项目使用web worker实现大文件切片上传、秒传和续传的功能
最近项目中有个大文件上传需求，考虑到整个文件上传太大（最小的文件不低于2个G），选择使用切片上传这种方案，将整个文件切分成若干份上传。因为需要计算大量切片的md5值，比较耗时，所以这里用到了worker，（原因：js属于单线程，在一个任务未完成的时候，会阻塞页面的交互，使页面变得卡顿, 使用html5新特性web worker，可以开启一个新线程，用来进行大量耗时的计算操作，且不会阻塞主线程。），下面说说整个流程的逻辑。
2024-08-08 16:55:52
949
原创 @focus事件和@click事件一起使用@click点击事件无法触发
(2)mouseup与click事件不同，mouseup事件仅需要放松按钮。当鼠标指针位于元素上方时，放松鼠标按钮就会触发该事件。(1)mousedown与click 事件不同，mousedown事件仅需要按键被按下，而不需要松开即可发生。我在这里使用focus和blur事件之后，我的点击事件clickDesc无法触发，这是怎么回事呢？由于JavaScript为单线程，同一时间只能执行处理一个事件。我们现在有这样一个需求，就是在输入的时候，弹出一个可以点击的输入提示并且点击之后给输入框赋值。
2024-07-31 15:15:27
332
原创 前端首屏优化的方法有哪些
最后，会从数组中删除已经加载的图片元素，并检查数组是否为空。同时，可以使用懒加载技术，延迟加载非首屏可见区域的图片，减少首屏的加载时间。通过压缩CSS、JavaScript和HTML等静态资源文件，并将它们合并为较少的文件，可以减少网络请求次数和文件大小，加快页面加载速度。通过预加载关键资源（如字体文件、重要的CSS和JavaScript文件等），可以在首屏展示之前提前加载这些资源，加快后续页面加载的速度。这样，浏览器在加载页面时会先加载CSS文件，并根据CSS规则渲染页面，从而提高页面的加载速度和性能。
2023-11-20 11:34:48
1523
1
原创 Vue路由中的hash和history模式的区别及原理
众所周知、vue-router具有hash、history两种路由模式。以Vue3为列const router = createRouter({ history: createWebHistory(), // 或者 createWebHashHistory routes })但是选择哪种模式比较合适呢，下面我们来探讨两种模式的优点及缺点。
2023-09-27 17:15:16
274
2
原创 vue-cli 打包后提交到线上出现 “Uncaught SyntaxError:Unexpected token ＜“ 报错
vue-cli 打包后提交到线上出现 "Uncaught SyntaxError:Unexpected token
2023-09-04 17:38:13
3590
3
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人