- 博客(32)
- 资源 (1)
- 收藏
- 关注
RSS订阅原创 Fullcanlendar周视图设置全天单元行的内容数量
我还挺聪明，想着弄完了，摸摸鱼吧，然后上线发现，之前数据量不够多，导致有个问题。有点感觉了，但是新问题来了，他这样会超过这个行的高度，好吧，没有。我配置代码帖下面，你们复制写起来快点，顺便骂骂产品，什么需求嘛。选项，也是一个问题，我的需求是，高度饱满。查到这玩意，好了，问题解决。
2024-06-05 11:14:11
203
原创 几万条数据渲染，如何不卡顿，白屏(不使用虚拟列表)
也是个定时器，不同于setTimeout，它的时间不需要我们人为指定，这个时间取决于当前电脑的刷新率，如果是 60Hz ，那么就是 16.7ms 执行一次，如果是 120Hz 那就是 8.3ms 执行一次（看大佬的原话，这个好像还不算是一个宏任务），这个很显然是不利于页面渲染的，如果用上ui组件，页面一样卡顿。挂载到真实dom上，这样原来需要回流十万次，现在只需要回流100000 / 20次。解决方案采用 createDocumentFragment。并且这种方法，页面回流有十万次，次数太多了。
2024-06-03 10:48:52
222
原创 enement ui plus 长表格滚动如何固定表头和分页
使用方法 我这边表格是统一封装成了一个组件 我把此次滚动需要的代码贴出来，！注意看里面的注释内容。
2024-05-31 17:16:51
155
原创 关于路由跳转使用了＜keep-alive＞缓存页面并使用＜transition ＞会报错问题
这个问题我在两年前发现的，当时学艺不精无法解答，回过头来再看这个问题，就很好解决了，无非是切换页面懂化切换前置，导致的页面node没有办法获取到，因为我是缓存的页面。子路由中 用div包裹。
2024-05-30 17:23:26
115
原创 vue中关于.env文件的配置，如何引入执行，如何工作的解答
env，使用方式是process.env。在 Vue中使用 env，底层原理还是 vue-cli-service 内部集成了对 .env 配置文件的处理，并加载到 process.env 上。环境配置文件优先级： .env.development.local > .env.development > .env ///加载文件优先级： .env.development.local > .env.development > .env；可以获取env实例 根据package执行的运行方式（--
2024-05-28 15:55:08
194
原创 websocket的心跳机制
第一种方式会对服务器造成很大的压力，因为即使WebSocket连接正常，也要定时发送心跳包，从而消耗服务器资源。第二种方式虽然减轻了服务器的负担，但是在重连时可能会丢失一些数据。WebSocket心跳包是WebSocket协议的保活机制，用于维持长连接。有效的心跳包可以防止长时间不通讯时，WebSocket自动断开连接。心跳包是指在一定时间间隔内，WebSocket发送的空数据包。
2024-05-14 13:50:55
168
原创 关于el-input-number $refs 获取dom方法
最后直接用input框 type设置为number $refs后。源码中他重写返回的只有这两个方法...折磨人啊。
2024-04-20 11:37:57
113
原创 利用localStorage设置过期时间
最开始是cookie存储的，后面发现后端给的token太大了，就改用localStorage了，直接上代码。
2023-12-21 11:26:54
217
原创 uni-app PDA采集器扫码 步骤详细
/ 在设置中找到广播动作，复制到这里面来。// 换你的广播标签 也就是设置中的广播字符串数据标签。1、第一种方法 pda本身是可以直接聚焦输入框，从而直接扫码进入输入框，并且会触发输入框的@confirm=""事件。第二种则是采用广播的方式来进行扫码，可不使用输入框来进行扫码，并获取扫码信息。需要再pda上设置打开广播。
2023-06-07 11:14:25
1511
1
原创 js map和filter的区别
map主要是对其进行加工处理，而map中不符合的情况输出是undefand，不会改变数组长度。fluter则不同他是对原数组的过滤，返回新数组。2、map 不会改变原始数组。1、map 不会检测空数组。
2023-03-06 22:28:25
268
原创 typeError: ‘get‘ on proxy: property ‘labels‘ is a read-only and non-configurable data property on th
这个报错是我在用bpmn.js时产生的，vue3的proxy响应式导致的报错，看文档可以得出。于是看官网利用toRaw(obj)解决。
2023-03-01 22:59:28
1753
9
原创 vant 时间组件在苹果手机弹出问题
如果设置的值为 new Date(‘xxxx,xx,xx’)，带字符串的，安卓手机没有问题，但是苹果手机会存在问题，这种问题多用于处理获取当前日期返回导致，如下设置的最小时间是利用自定义函数返回，返回的类型为String类型，苹果出现弹窗问题，安卓没问题。vant 最大时间与最小时间可用new Date(xxxx,xx,xx)来进行设置。
2022-12-20 17:38:04
625
原创 vue免登录操作
先通过npm install vue-cookies --save。注意，插件需要绑定到原型中,用起来方便点，不想绑定效仿第三步。1、首先原理是利用了硬盘缓存原理，对cookie设置时间。安装cookie插件，当然也可以自己写，不过麻烦。2、设置登录从后端获取到的cookie。
2022-12-20 16:21:02
577
原创 element ui plus 找不到bodyWrapper实现两个表格同步滚动的方法。
element ui plus 找不到bodyWrapper实现两个表格同步滚动的方法。
2022-12-12 13:17:31
979
原创 小白也能手写Promise，前端进阶
一、首先第一步，new Promise查看一下二、Promise中是有着对应的方法函数三、测试一下Promise在调用时候是否是立即执行的得出，他里面的函数立即执行的，于是四、接下来已经初步完成了promise的基本架子了，给自己一点掌声吧。让我们来打印一下Promise有一些什么，我们来添加一下他的参数吧这里可以以看到，promise 中有着两个参数，分别为状态(PromiseState)以及响应结果(PromiseResult),这么说，我们手写中，也需要添加上这两个状态五
2022-06-27 15:28:57
286
原创 js事件总线
js是一门单线程语言，也就是同一时间做一件事情单线程队列，如果前面的任务非常耗时，就会一直等待前面的执行，导致程序假死为了防止出现此类问题，js把待执行的任务分为两类1同步任务 只有前一个任务执行完毕，才能执行下一个任务2异步任务 无需等待，分开执行EventLoop执行概念...
2021-12-07 16:42:29
935
原创 浅谈vue生命周期函数
以下主要从几个方面来讲：1.vue的生命周期是什么2.什么是vue生命周期函数1.vue生命周期为vue组件的创建到结束，从一个组件创建、数据初始化、挂载、更新、销毁，这就是一个组件所谓的生命周期。2什么是生命周期函数，指的是，在vue组件生成到消亡中vue所提供的每个阶段运行的函数上图(原图来源vue官网)总结：生命周期函数组件刚开始创建 beforeCreate组件在内存被创建好了created组件在将要在页面被渲染的时候beforeMount组件成...
2021-08-24 14:44:43
120
原创 近期项目总结
函数在调用结束后会自动销毁，别在函数内请求数据执行结果，函数结束会自动释放所有变量在拿我们循环的数据出来赋值到对应标签上，标签属性要动态的绑定 v-band但凡是能抽离出去的，都抽离出去position: sticky; top: 44px;新属性来设定滚动到什么位置固定把数组push到另一个数组里面，会是一个数组套着另一个数组，而用循环或者...来push进去是把数组内容追加进去子传父，emit 发送的是自定义事件，别又用click来绑定，要用他的自定义的事件Better-..
2021-08-21 14:55:35
56
原创 Avoid using non-primitive value as key, use string/number value instead.found in
在这个地方报错是因为，在vue程序中的v-for没有指定key的值，或者指定的key值为循环的数据，解决方法为，把key的值换成下标值
2021-08-20 08:31:23
1096
原创 关于vuex中mapGetters的使用
首先我们需要在vuex中创建getters方法我这边是做了抽离的之后在对应的vue实例中对mapgetters进行导入在计算属性中运用解构的三点运算符来进行方法载入，多个方法拼接多个数组...
2021-08-19 16:35:13
641
1
原创 2021-05-15
less 除号无法使用问题 /前几天看了pink老师的一节css less的基础讲解，发现我在定义好@fontSize时直接调用是没有作用的，css方出现了200rem / 200这个参数，显然是不正确的在最终 查看官方文档发现，LESS版本升级，EasyLess插件新版本跟随，不支持直接除法运算符最终解决方案除法写法变化 ./ 或者 加上小括号...
2021-05-15 10:54:44
43
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人