- 博客(194)
- 收藏
- 关注
RSS订阅原创 angular的nexttick实现
没有和vue完全一样的，但是有差不多可以实现的，可以测试下套进去dom会不会更新。或者干脆这俩都用，原理百度也搜不到很详细的，反正能用就行了！
2024-07-02 16:24:14
240
原创 npm i安装有冲突 Unexpected synthetic property @drawerAni found. Please make sure that:报错解决方案
默认npm i安装，包直接有冲突，然后用npm install --force 安装可以，但是本地跑起来会报。问了问同事，换了一种安装方法npm i --legacy-peer-deps，就没问题了。
2024-06-06 16:07:19
384
原创 前端修改接口返回测试工具 Inssman使用教程
下载网站：https://chromewebstore.google.com/detail/inssman-open-source-modif/ghlpdbkhlenlfiglgphledhfhchjfjfk?之前用的requestly现在要登录才能用了，然后我又登录不上去，同事又推荐了个谷歌插件，试了下，挺好用，还不用登录，用法和之前差不多。然后写规则名称 接口 接口返回字段 然后保存就行。安装好后，点如下去创建规则。
2024-06-03 15:27:48
273
原创 threejs 快速入门
官网：https://www.three3d.cn/docs/index.html#manual/zh/introduction/Creating-a-scene。参考：https://blog.csdn.net/Beatingworldline/article/details/129470118。接触公司的新项目，看到有用到这玩意，顺便学习学习，遇到的问题啥的写篇博客记录下。参考官网的demo，界面上面终于出现了会动的一个立方体。
2024-05-31 15:53:57
103
原创 echarts快速入门
官方参数文档：https://echarts.apache.org/zh/option.html#title。官网：https://echarts.apache.org/handbook/zh/get-started。interval可以设置x轴间隔，避免文字重叠，设置0是全显示，但是这个时候文字会叠加在一起。splitLine.lineStyle.type可以设置x轴上面实线改成虚线。其实大部分问题，去官方参数文档里面都能搜得到，下面记录下几个常用的。areaStyle里面可以设置折现下面的填充颜色。
2024-05-28 09:57:48
217
原创 基于vue3速学angular
代码核心部分是ts文件里面的@Component，这里的功能是抛出了当前这个组件的调用名称 并且导入了html 和 css文件。参考：https://zhuanlan.zhihu.com/p/546843290?@click=>(click) 注意，vue里面可以隐藏函数的括号，angular必须加。2.html写法上，可以看到angular写法里面有很多括号[] ()，那具体是干什么用的呢。可以很轻松的看出差异。
2024-05-21 16:56:39
399
1
原创 An unhandled exception occurred: spawn UNKNOWN windows10本地powershell启动不了解决方案
切换了node npm各种版本都无济于事，最后输出了报错的地方的代码告诉我本地的powershell打不开。开始搞公司新项目，是个angular的，启动之后报错。接下来就用了两种思路，第一种是下载微软最新的。
2024-05-17 14:54:34
275
原创 JS 安全随机数 Math.random Window.crypto.getRandomValues()
随机0-1的一个数字，但是这个公司不给用，codecheck不通过，所以就只能替换了。问了问公司群，说可以用时间戳或者Window.crypto.getRandomValues()替换。还是没有用，最后自己写了个方法实现，测试了下，没问题。
2024-04-03 15:34:18
398
1
原创 vue3刷新当前界面
但是是全局刷新，界面会变白，不是很友好，最后修改了下方案，当接口成功返回的时候，手动去修改对应的响应式数据，这样就不需要调用接口重新获取一遍数据，去改变界面了。
2024-03-22 09:58:36
208
原创 vue html里面使用全局引入的scss变量
这就有个问题了，如果我在html代码里面想直接用这个变量，会不生效：如下。工作中为了适配各种主题，颜色一般都会用引入的变量来设置。这个时候需要修改一下写法，用css原生的var来写。$text在不同主题下会显示不同颜色。这样改，颜色就会自动适配主题色了。
2024-03-20 14:19:42
356
转载 Vue滚动到指定位置的多种方式
不知道为啥，我试了下，只有scrollIntoView生效，并且虽然是滚动了，但是滚动的位置不对，其他的都没生效。原文：https://blog.csdn.net/qq_34241004/article/details/118692837。
2024-03-18 11:19:55
1087
原创 Failed to fetch dynamically imported module错误解决方案
工作需要，需要搬移某个功能代码到去年的分支，结果报了这个错。花了2个多小时排查，最后发现，是某个ts文件没有搬过来。吐血，怎么不直接提示这个文件不存在呢，让我研究了半天。
2024-03-12 14:53:39
2073
原创 Duplicate keys found during update: “001“ Make sure keys are unique.
原来是vue的v-for循环，后端返回的key属性数组里面有重复的，导致了渲染出问题了，切换不同的数据，界面还会保留之前的值。一个现网问题，研究了四个小时，最后才找到问题所在。
2024-02-04 14:33:26
878
原创 css如何让滚动条不占用宽度 hover上去会显示滚动条
换个简单点可以复用的思路，既然滚动条一直占用宽度，那么我们把滚动条设置成透明，然后hover上去的时候显示颜色不就可以了吗。把上面的样式放到需要有滚动条的地方即可。
2023-12-29 16:52:15
1980
原创 css 主题色适配
不同项目可能不一样，我分享下我们这的适配，最外层在body设置了个ui-theme的属性，里面用来配置主题色。需要特色适配的地方就这样设置下。
2023-12-28 11:32:19
545
原创 js ::after简单实战
工作中遇到了一个表格，鼠标指到单元格要有个整行编辑态的效果，下面写个简单的demo。::after的作用是在元素后面再加个XXX样式。
2023-11-21 14:51:02
1292
原创 vue实现类似c#一样，鼠标指到方法或者变量上，能显示自己备注的信息
之前从c#转vue的时候，就问同事，为啥我给刚写的方法备注，在其他地方调用的时候看不到备注信息，同事说不知道怎么才能做到。如下，在变量之前增加多一个星号的注释，这样在调用的地方指上去就会显示中文备注了。方法也是显示一样的效果。
2023-11-14 20:37:09
306
原创 vue3 组件v-model绑定props里的值，修改组件的值要触发回调
为啥会这么用的，因为如果v-model直接用type，本地好像没问题，部署到贝塔环境，就会报错了，具体啥错，时间太久了，忘了，所以需要这么写一下，并且本地会爆一个如下的错误提示。很早之前就写了，一直没写篇博客记录下。
2023-10-09 20:28:57
690
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
2445
转载 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
178
原创 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
251
原创 vue如何获取组件的动态长宽 useResizeObserver用法
逻辑是当页面初始化后，tab的ref对象监听到有数据了，就调用vue的useResizeObserver方法来绑定，如果tab大小变了，就会调用getData方法，具体操作逻辑不写了，就写了个console,可以看下打印的就是tab的宽度。
2023-09-05 15:32:28
1266
原创 电脑莫名其妙重启 为设备 ROOT\DISPLAY\0000 加载驱动程序 \Driver\WUDFRd 失败
卸载向日葵即可解决！下面是报错日志，估计是远程连接导致的问题。
2023-09-01 21:09:40
5935
5
原创 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
847
转载 css 设置了overflow-y出现横向滚动条
原文：https://blog.csdn.net/weixin_45194059/article/details/126068427。亲测有效，这玩意还很神奇，有时候不会出现。
2023-08-15 19:25:55
309
原创 前端接口修改工具 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
735
原创 js ?? || 使用方法
今天遇到了一个场景，正常后端返回的就是false，如果接口报错要默认设置成true，但如果用了 || ，如下，那默认就变成true了，需要这么简单的改下呢。当左侧值为 null 或 undefined 时，返回?平时很常用的就是||,比如调用接口的时候，接口报错了需要给个默认值。
2023-08-11 17:05:06
448
转载 css 文字背景色只占一半高度
参考：https://blog.csdn.net/weixin_63743161/article/details/126169956。
2023-08-08 10:35:57
517
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人