- 博客(204)
- 收藏
- 关注
RSS订阅原创 angular 离开当前页时给出一个弹窗提示确定要离开吗
在Angular中，如果你想要在用户离开当前界面（例如，通过点击浏览器的前进或后退按钮）时显示一个提示，你可以使用Angular的路由守卫（Route Guard）来实现这一功能。具体来说，你可以使用CanDeactivate守卫来拦截路由离开的动作，并询问用户是否真的想要离开。然后，在你的组件中实现CanComponentDeactivate接口，并定义canDeactivate方法。通过以上步骤，当用户尝试离开当前界面时，将会触发canDeactivate方法，显示一个确认框询问用户是否真的想要离开。
2025-07-22 15:22:07
236
原创 angular跨组件通讯
如果就写这些，界面运行会报错，还需要在引入两个组件的最外层module里面providers里面添加一下。先单独写一个data.service.ts文件。
2025-04-27 17:10:18
154
原创 Uncaught SyntaxError: The requested module ‘vue‘ does not provide an export named ‘default‘
最后发现是用的二方库导致的，用的别人的二方库，偷偷摸摸更新了，然后二方库有问题，缺少依赖，导致报这个错白屏。package.json删除了别人的二方库就行了。本地没问题，部署上去就报错了，折腾了一天。遇到一个很神奇的报错，如下。
2025-03-24 17:15:34
458
原创 angular管道传多个参数
这样，type就传了个type1过去，isTime传了个true过去，多个参数用：分隔。使用的时候对时间字段的处理只需要如下就好。
2024-12-28 14:18:30
268
原创 使用pdfmake导出pdf文件
package配置pdfmake html2canvas，然后npm安装。html里面组件加个id为exportPdf。输出的pdf为整个组件的截图。然后调用下面的方法即可。
2024-11-14 14:51:21
782
原创 angular 新开一个页签 路由配置
里面，然后providers里面引用了angular自带的路由相关的东西，这里就先不去了解干啥用的了。不得不说这路由配置对比vue真是相当麻烦，第一次写，研究了好久，最后终于看懂了。routing:路由文件引入每个tab所对应界面的组件。需要配置一个routing和module文件。首先是最外层的module里面需要配置路由。可以看到，核心逻辑是import路由配置。代码就写下路由核心的，杂毛代码都删了。也就是这个组件本身，还引入了。下面就是路由具体配置文件了。module文件就是。
2024-07-26 09:55:47
394
原创 angular的nexttick实现
没有和vue完全一样的，但是有差不多可以实现的，可以测试下套进去dom会不会更新。或者干脆这俩都用，原理百度也搜不到很详细的，反正能用就行了！
2024-07-02 16:24:14
552
原创 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
446
原创 前端修改接口返回测试工具 Inssman使用教程
下载网站：https://chromewebstore.google.com/detail/inssman-open-source-modif/ghlpdbkhlenlfiglgphledhfhchjfjfk?之前用的requestly现在要登录才能用了，然后我又登录不上去，同事又推荐了个谷歌插件，试了下，挺好用，还不用登录，用法和之前差不多。然后写规则名称 接口 接口返回字段 然后保存就行。安装好后，点如下去创建规则。
2024-06-03 15:27:48
525
原创 threejs 快速入门
官网：https://www.three3d.cn/docs/index.html#manual/zh/introduction/Creating-a-scene。参考：https://blog.youkuaiyun.com/Beatingworldline/article/details/129470118。接触公司的新项目，看到有用到这玩意，顺便学习学习，遇到的问题啥的写篇博客记录下。参考官网的demo，界面上面终于出现了会动的一个立方体。
2024-05-31 15:53:57
151
原创 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
409
原创 基于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
665
1
原创 An unhandled exception occurred: spawn UNKNOWN windows10本地powershell启动不了解决方案
切换了node npm各种版本都无济于事，最后输出了报错的地方的代码告诉我本地的powershell打不开。开始搞公司新项目，是个angular的，启动之后报错。接下来就用了两种思路，第一种是下载微软最新的。
2024-05-17 14:54:34
620
原创 JS 安全随机数 Math.random Window.crypto.getRandomValues()
随机0-1的一个数字，但是这个公司不给用，codecheck不通过，所以就只能替换了。问了问公司群，说可以用时间戳或者Window.crypto.getRandomValues()替换。还是没有用，最后自己写了个方法实现，测试了下，没问题。
2024-04-03 15:34:18
1065
1
原创 vue3刷新当前界面
但是是全局刷新，界面会变白，不是很友好，最后修改了下方案，当接口成功返回的时候，手动去修改对应的响应式数据，这样就不需要调用接口重新获取一遍数据，去改变界面了。
2024-03-22 09:58:36
360
原创 vue html里面使用全局引入的scss变量
这就有个问题了，如果我在html代码里面想直接用这个变量，会不生效：如下。工作中为了适配各种主题，颜色一般都会用引入的变量来设置。这个时候需要修改一下写法，用css原生的var来写。$text在不同主题下会显示不同颜色。这样改，颜色就会自动适配主题色了。
2024-03-20 14:19:42
523
转载 Vue滚动到指定位置的多种方式
不知道为啥，我试了下，只有scrollIntoView生效，并且虽然是滚动了，但是滚动的位置不对，其他的都没生效。原文：https://blog.youkuaiyun.com/qq_34241004/article/details/118692837。
2024-03-18 11:19:55
3304
原创 Failed to fetch dynamically imported module错误解决方案
工作需要，需要搬移某个功能代码到去年的分支，结果报了这个错。花了2个多小时排查，最后发现，是某个ts文件没有搬过来。吐血，怎么不直接提示这个文件不存在呢，让我研究了半天。
2024-03-12 14:53:39
3658
原创 Duplicate keys found during update: “001“ Make sure keys are unique.
原来是vue的v-for循环，后端返回的key属性数组里面有重复的，导致了渲染出问题了，切换不同的数据，界面还会保留之前的值。一个现网问题，研究了四个小时，最后才找到问题所在。
2024-02-04 14:33:26
2128
原创 css如何让滚动条不占用宽度 hover上去会显示滚动条
换个简单点可以复用的思路，既然滚动条一直占用宽度，那么我们把滚动条设置成透明，然后hover上去的时候显示颜色不就可以了吗。把上面的样式放到需要有滚动条的地方即可。
2023-12-29 16:52:15
3789
原创 css 主题色适配
不同项目可能不一样，我分享下我们这的适配，最外层在body设置了个ui-theme的属性，里面用来配置主题色。需要特色适配的地方就这样设置下。
2023-12-28 11:32:19
612
原创 js ::after简单实战
工作中遇到了一个表格，鼠标指到单元格要有个整行编辑态的效果，下面写个简单的demo。::after的作用是在元素后面再加个XXX样式。
2023-11-21 14:51:02
1555
原创 vue实现类似c#一样，鼠标指到方法或者变量上，能显示自己备注的信息
之前从c#转vue的时候，就问同事，为啥我给刚写的方法备注，在其他地方调用的时候看不到备注信息，同事说不知道怎么才能做到。如下，在变量之前增加多一个星号的注释，这样在调用的地方指上去就会显示中文备注了。方法也是显示一样的效果。
2023-11-14 20:37:09
384
原创 vue3 组件v-model绑定props里的值，修改组件的值要触发回调
为啥会这么用的，因为如果v-model直接用type，本地好像没问题，部署到贝塔环境，就会报错了，具体啥错，时间太久了，忘了，所以需要这么写一下，并且本地会爆一个如下的错误提示。很早之前就写了，一直没写篇博客记录下。
2023-10-09 20:28:57
1077
1
转载 xtu超频重启后设置失效解决方案 vbs以管理员模式运行 错误: 无法终止进程 “PerfTune.exe“,其 PID 为 8284。
2-7行是设置管理员模式（如果不加，xtu会无法关闭，直接输入cmd，会报错误: 无法终止进程 “PerfTune.exe”,其 PID 为 8284的错误），后面为了防止有时候xtu还没启动，就多写了几次按快捷键，最后一行是关闭xtu程序。参考：https://blog.youkuaiyun.com/qq_60458298/article/details/130882845。前提：不知道为啥，我这设置好了xtu，重启就失效了，有些人不会失效，就不用往下看了。如下图设置好超频参数后，右下角保存。
2023-10-07 19:34:58
5987
2
转载 JS Record & Tuple
原文：https://blog.youkuaiyun.com/qq_43869822/article/details/121664818。原文：https://zhuanlan.zhihu.com/p/178546847。看vue-router源码看到了一个没见过的类型，Record，然后去百度查了查。等等等等，好像不是这么用的，点进去发现，这是TS的一个泛型。
2023-09-15 14:04:09
343
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人