- 博客(185)
- 收藏
- 关注
RSS订阅原创 JS 安全随机数 Math.random Window.crypto.getRandomValues()
随机0-1的一个数字，但是这个公司不给用，codecheck不通过，所以就只能替换了。问了问公司群，说可以用时间戳或者Window.crypto.getRandomValues()替换。还是没有用，最后自己写了个方法实现，测试了下，没问题。
2024-04-03 15:34:18
164
原创 vue3刷新当前界面
但是是全局刷新，界面会变白，不是很友好，最后修改了下方案，当接口成功返回的时候，手动去修改对应的响应式数据，这样就不需要调用接口重新获取一遍数据，去改变界面了。
2024-03-22 09:58:36
130
原创 vue html里面使用全局引入的scss变量
这就有个问题了，如果我在html代码里面想直接用这个变量，会不生效：如下。工作中为了适配各种主题，颜色一般都会用引入的变量来设置。这个时候需要修改一下写法，用css原生的var来写。$text在不同主题下会显示不同颜色。这样改，颜色就会自动适配主题色了。
2024-03-20 14:19:42
290
转载 Vue滚动到指定位置的多种方式
不知道为啥，我试了下，只有scrollIntoView生效，并且虽然是滚动了，但是滚动的位置不对，其他的都没生效。原文：https://blog.csdn.net/qq_34241004/article/details/118692837。
2024-03-18 11:19:55
291
原创 Failed to fetch dynamically imported module错误解决方案
工作需要，需要搬移某个功能代码到去年的分支，结果报了这个错。花了2个多小时排查，最后发现，是某个ts文件没有搬过来。吐血，怎么不直接提示这个文件不存在呢，让我研究了半天。
2024-03-12 14:53:39
448
原创 Duplicate keys found during update: “001“ Make sure keys are unique.
原来是vue的v-for循环，后端返回的key属性数组里面有重复的，导致了渲染出问题了，切换不同的数据，界面还会保留之前的值。一个现网问题，研究了四个小时，最后才找到问题所在。
2024-02-04 14:33:26
465
原创 css如何让滚动条不占用宽度 hover上去会显示滚动条
换个简单点可以复用的思路，既然滚动条一直占用宽度，那么我们把滚动条设置成透明，然后hover上去的时候显示颜色不就可以了吗。把上面的样式放到需要有滚动条的地方即可。
2023-12-29 16:52:15
1312
原创 css 主题色适配
不同项目可能不一样，我分享下我们这的适配，最外层在body设置了个ui-theme的属性，里面用来配置主题色。需要特色适配的地方就这样设置下。
2023-12-28 11:32:19
539
原创 js ::after简单实战
工作中遇到了一个表格，鼠标指到单元格要有个整行编辑态的效果，下面写个简单的demo。::after的作用是在元素后面再加个XXX样式。
2023-11-21 14:51:02
1220
原创 vue实现类似c#一样，鼠标指到方法或者变量上，能显示自己备注的信息
之前从c#转vue的时候，就问同事，为啥我给刚写的方法备注，在其他地方调用的时候看不到备注信息，同事说不知道怎么才能做到。如下，在变量之前增加多一个星号的注释，这样在调用的地方指上去就会显示中文备注了。方法也是显示一样的效果。
2023-11-14 20:37:09
289
原创 vue3 组件v-model绑定props里的值，修改组件的值要触发回调
为啥会这么用的，因为如果v-model直接用type，本地好像没问题，部署到贝塔环境，就会报错了，具体啥错，时间太久了，忘了，所以需要这么写一下，并且本地会爆一个如下的错误提示。很早之前就写了，一直没写篇博客记录下。
2023-10-09 20:28:57
586
1
转载 xtu超频重启后设置失效解决方案 vbs以管理员模式运行 错误: 无法终止进程 “PerfTune.exe“,其 PID 为 8284。
2-7行是设置管理员模式（如果不加，xtu会无法关闭，直接输入cmd，会报错误: 无法终止进程 “PerfTune.exe”,其 PID 为 8284的错误），后面为了防止有时候xtu还没启动，就多写了几次按快捷键，最后一行是关闭xtu程序。参考：https://blog.csdn.net/qq_60458298/article/details/130882845。前提：不知道为啥，我这设置好了xtu，重启就失效了，有些人不会失效，就不用往下看了。如下图设置好超频参数后，右下角保存。
2023-10-07 19:34:58
1617
转载 JS Record & Tuple
原文：https://blog.csdn.net/qq_43869822/article/details/121664818。原文：https://zhuanlan.zhihu.com/p/178546847。看vue-router源码看到了一个没见过的类型，Record，然后去百度查了查。等等等等，好像不是这么用的，点进去发现，这是TS的一个泛型。
2023-09-15 14:04:09
106
原创 process.nextTick和vue的nextTick区别
process.nextTick是nodejs自带的，而在浏览器中执行时，会退化成setTimeout，相当于宏任务，速度慢（存疑，网上查到的大部分也把process.nextTick当做微任务，正常面试问，就说是微任务就行了）vue的nextTick使用的都是promise，相当于微任务，速度快。（后续又深入了解了下，nextTick既可以是宏任务，又可以是微任务，在vue的版本中不停的改进优化）可以参考下：https://juejin.cn/post/6875492931726376974。
2023-09-15 11:05:00
202
原创 vue如何获取组件的动态长宽 useResizeObserver用法
逻辑是当页面初始化后，tab的ref对象监听到有数据了，就调用vue的useResizeObserver方法来绑定，如果tab大小变了，就会调用getData方法，具体操作逻辑不写了，就写了个console,可以看下打印的就是tab的宽度。
2023-09-05 15:32:28
1112
原创 电脑莫名其妙重启 为设备 ROOT\DISPLAY\0000 加载驱动程序 \Driver\WUDFRd 失败
卸载向日葵即可解决！下面是报错日志，估计是远程连接导致的问题。
2023-09-01 21:09:40
4255
原创 ts文件引用vue文件方法 inject() can only be used inside setup() or functional components问题解决方案
遇到了一个需求，需要全局拦截接口报错，根据接口报错弹窗，拦截的方法是个ts文件，没被vue引用，公司的通知组件是参考element写的，讲解下思路。element官网： https://element-plus.org/zh-CN/component/notification.html。原因就是单独的ts文件，不能调用vue的方法，如果ts是hooks引入到setup里面用是可以的。XXX这个组件文件里面不能调用vuex等等会报错的东西，但是可以通过接口来调取需要显示的内容。
2023-08-17 17:37:32
680
转载 css 设置了overflow-y出现横向滚动条
原文：https://blog.csdn.net/weixin_45194059/article/details/126068427。亲测有效，这玩意还很神奇，有时候不会出现。
2023-08-15 19:25:55
250
原创 前端接口修改工具 Requestly具体操作
插件下载地址：https://chrome.google.com/webstore/detail/requestly-open-source-htt/mdnleldcmiljblolnjhpnblkcekpdkpa。3.配置好的会显示打开，然后刷新下你的界面，就会发现接口数据已经被改掉了（f12里面查看接口返回是看不到变化的，但数据是已经被改了）更新于2023年8月12日18:17:56，插件版本可能会变，界面可能会有所变化。2.如下图配置好url接口，返回的值，返回的状态，然后右上角点保存。
2023-08-12 18:18:44
621
原创 js ?? || 使用方法
今天遇到了一个场景，正常后端返回的就是false，如果接口报错要默认设置成true，但如果用了 || ，如下，那默认就变成true了，需要这么简单的改下呢。当左侧值为 null 或 undefined 时，返回?平时很常用的就是||,比如调用接口的时候，接口报错了需要给个默认值。
2023-08-11 17:05:06
438
转载 css 文字背景色只占一半高度
参考：https://blog.csdn.net/weixin_63743161/article/details/126169956。
2023-08-08 10:35:57
396
原创 vue3 router.beforeEach()获取不到vuex
一开始的思路是异步啥的造成读不到vuex数据，百度怎么搜教程都不能解决， 后来换了个思路，直接去读取store对象不就行了。
2023-08-07 19:41:21
337
转载 A native exception occurred during launch (Cannot create process, error code: 1392)报错修复
原文：https://blog.csdn.net/weixin_40921421/article/details/122016890。window10更新了下打开vs code就报错了，百度搜了搜，去setting.json加一行解决。ctrl+shift+p输入setting，如下图打开。在设置最后添加这样一行，然后就可以正常用了。
2023-08-07 11:28:52
372
原创 从vue3速学react
react没有双向绑定，用的是jsx语法，useState后面是初始化值，需要改变data的时候，需要用定义的setXXX来改变XXX值，比如下面我写的就是setData，里面可以直接赋值，也可以写个复杂的函数处理。vue里面有props上下级传，react里面一个个组件都写成了函数的形式，如下，参考的是官网的例子，父组件Board给子组件Square的value传值。切记，react语法，如果函数是组件，函数名称要。那么vue里面的emit在react要怎么实现呢。useEffect，很常见的一个参数。
2023-07-27 20:27:35
614
原创 js deepclone（深度克隆 深拷贝）
4.通过Object.getPrototypeOf() 获取目标对象的原型，通过扩展运算符以及proto来实现深度克隆（仅适用于浏览器端）3.通过Object.getPrototypeOf() 获取目标对象的原型，通过Object.assign()生成一个新的对象。1.最简单的方法，序列号反序列化一遍就好了，但是会丢失function,undefined或者NaN的属性。原文：https://zhuanlan.zhihu.com/p/78234841。后续百度了发现还有其他方法，在这补充一下。
2023-07-11 15:07:53
292
原创 一个完整商业化迭代流程
产品和客户沟通好需求或者bug，然后估算好一个月需要处理的各种需求的工作量，然后拉人进行产品需求串讲，讲解大概工作内容。在上线之前，部署代码到大贝塔分支，测试先提前测一遍，然后根据写的测试用例，进行测试串讲，研发看看有没有遗漏点。上线前两天，要提交代码了，研发内部代码串讲，检视下代码有没有可以优化或者易现的bug。研发开发好之后，在测试测试之前，进行研发串讲，让测试方便理解各个需求的修改点。上线前一天，要拉上ui，不看代码，看下ui修改点，整体过下主流程。商业化发布之后，一般一个月或者半个月一个迭代。
2023-07-10 16:16:56
72
原创 css刷新界面 表格内某个图标样式有概率消失
但是一刷新界面，表格内图标样式有概率消失，排查了半天，最后发现是表格有一列是v-if控制的，一开始为false，后面设置为true,表格的ref对象变化导致的，修改v-if初始值，不让v-if变化，这个问题就解决了。通过原生的方法根据样式名称找到对应的图标对象（图标对象返回的是个数组），然后给图标对象增加对应的样式。需求是这样的，组件库不支持表格表头图标的替换，需要些代码手动替换图标。
2023-06-16 16:58:16
110
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人