- 博客(207)
- 收藏
- 关注
RSS订阅原创 angular MicroApp微服务改造
写一个公共函数micro-app.service.ts，里面来写microApp一些变量方法。随着业务多了，前端代码也越来越多，需要拆分下，避免多个后端微服务强依赖对应一个前端。最后就是其他组件的路由文件里面的修改了，component改成刚才的公共组件。大致流程这样，具体细节太多了，不写了，就当是个思路参考下微服务的实现逻辑。然后再写一个sub-app.component公共组件，用来加载子应用。在最外层组件的app.component.ts里面注入micro。基于MicroApp。
2025-12-18 17:32:11
184
转载 js生成yml txt文件并下载
参考：https://www.cnblogs.com/ZweiZhao/p/18836773/create-txt-and-download-1wypgr。
2025-09-15 15:12:02
70
原创 angular14升级angular17 遇到的问题记录下 .pipe(take(1), map(
很神奇的，log日志打不出，逻辑到这就断了，不运行下去了，然后界面卡白屏。遇到一个rxjs的问题 问了问同事宋大佬解决了。然后改了下，套了一层of，解决。
2025-09-03 17:32:11
196
原创 angular 离开当前页时给出一个弹窗提示确定要离开吗
在Angular中，如果你想要在用户离开当前界面（例如，通过点击浏览器的前进或后退按钮）时显示一个提示，你可以使用Angular的路由守卫（Route Guard）来实现这一功能。具体来说，你可以使用CanDeactivate守卫来拦截路由离开的动作，并询问用户是否真的想要离开。然后，在你的组件中实现CanComponentDeactivate接口，并定义canDeactivate方法。通过以上步骤，当用户尝试离开当前界面时，将会触发canDeactivate方法，显示一个确认框询问用户是否真的想要离开。
2025-07-22 15:22:07
314
原创 angular跨组件通讯
如果就写这些，界面运行会报错，还需要在引入两个组件的最外层module里面providers里面添加一下。先单独写一个data.service.ts文件。
2025-04-27 17:10:18
174
原创 Uncaught SyntaxError: The requested module ‘vue‘ does not provide an export named ‘default‘
最后发现是用的二方库导致的，用的别人的二方库，偷偷摸摸更新了，然后二方库有问题，缺少依赖，导致报这个错白屏。package.json删除了别人的二方库就行了。本地没问题，部署上去就报错了，折腾了一天。遇到一个很神奇的报错，如下。
2025-03-24 17:15:34
553
原创 angular管道传多个参数
这样，type就传了个type1过去，isTime传了个true过去，多个参数用：分隔。使用的时候对时间字段的处理只需要如下就好。
2024-12-28 14:18:30
298
原创 使用pdfmake导出pdf文件
package配置pdfmake html2canvas，然后npm安装。html里面组件加个id为exportPdf。输出的pdf为整个组件的截图。然后调用下面的方法即可。
2024-11-14 14:51:21
839
原创 angular 新开一个页签 路由配置
里面，然后providers里面引用了angular自带的路由相关的东西，这里就先不去了解干啥用的了。不得不说这路由配置对比vue真是相当麻烦，第一次写，研究了好久，最后终于看懂了。routing:路由文件引入每个tab所对应界面的组件。需要配置一个routing和module文件。首先是最外层的module里面需要配置路由。可以看到，核心逻辑是import路由配置。代码就写下路由核心的，杂毛代码都删了。也就是这个组件本身，还引入了。下面就是路由具体配置文件了。module文件就是。
2024-07-26 09:55:47
425
原创 angular的nexttick实现
没有和vue完全一样的，但是有差不多可以实现的，可以测试下套进去dom会不会更新。或者干脆这俩都用，原理百度也搜不到很详细的，反正能用就行了！
2024-07-02 16:24:14
625
原创 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
465
原创 前端修改接口返回测试工具 Inssman使用教程
下载网站：https://chromewebstore.google.com/detail/inssman-open-source-modif/ghlpdbkhlenlfiglgphledhfhchjfjfk?之前用的requestly现在要登录才能用了，然后我又登录不上去，同事又推荐了个谷歌插件，试了下，挺好用，还不用登录，用法和之前差不多。然后写规则名称 接口 接口返回字段 然后保存就行。安装好后，点如下去创建规则。
2024-06-03 15:27:48
639
原创 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
162
原创 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
502
原创 基于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
713
1
原创 An unhandled exception occurred: spawn UNKNOWN windows10本地powershell启动不了解决方案
切换了node npm各种版本都无济于事，最后输出了报错的地方的代码告诉我本地的powershell打不开。开始搞公司新项目，是个angular的，启动之后报错。接下来就用了两种思路，第一种是下载微软最新的。
2024-05-17 14:54:34
722
原创 JS 安全随机数 Math.random Window.crypto.getRandomValues()
随机0-1的一个数字，但是这个公司不给用，codecheck不通过，所以就只能替换了。问了问公司群，说可以用时间戳或者Window.crypto.getRandomValues()替换。还是没有用，最后自己写了个方法实现，测试了下，没问题。
2024-04-03 15:34:18
1203
1
原创 vue3刷新当前界面
但是是全局刷新，界面会变白，不是很友好，最后修改了下方案，当接口成功返回的时候，手动去修改对应的响应式数据，这样就不需要调用接口重新获取一遍数据，去改变界面了。
2024-03-22 09:58:36
385
原创 vue html里面使用全局引入的scss变量
这就有个问题了，如果我在html代码里面想直接用这个变量，会不生效：如下。工作中为了适配各种主题，颜色一般都会用引入的变量来设置。这个时候需要修改一下写法，用css原生的var来写。$text在不同主题下会显示不同颜色。这样改，颜色就会自动适配主题色了。
2024-03-20 14:19:42
539
转载 Vue滚动到指定位置的多种方式
不知道为啥，我试了下，只有scrollIntoView生效，并且虽然是滚动了，但是滚动的位置不对，其他的都没生效。原文：https://blog.youkuaiyun.com/qq_34241004/article/details/118692837。
2024-03-18 11:19:55
3337
原创 Failed to fetch dynamically imported module错误解决方案
工作需要，需要搬移某个功能代码到去年的分支，结果报了这个错。花了2个多小时排查，最后发现，是某个ts文件没有搬过来。吐血，怎么不直接提示这个文件不存在呢，让我研究了半天。
2024-03-12 14:53:39
3780
原创 Duplicate keys found during update: “001“ Make sure keys are unique.
原来是vue的v-for循环，后端返回的key属性数组里面有重复的，导致了渲染出问题了，切换不同的数据，界面还会保留之前的值。一个现网问题，研究了四个小时，最后才找到问题所在。
2024-02-04 14:33:26
2302
原创 css如何让滚动条不占用宽度 hover上去会显示滚动条
换个简单点可以复用的思路，既然滚动条一直占用宽度，那么我们把滚动条设置成透明，然后hover上去的时候显示颜色不就可以了吗。把上面的样式放到需要有滚动条的地方即可。
2023-12-29 16:52:15
4007
原创 css 主题色适配
不同项目可能不一样，我分享下我们这的适配，最外层在body设置了个ui-theme的属性，里面用来配置主题色。需要特色适配的地方就这样设置下。
2023-12-28 11:32:19
677
原创 js ::after简单实战
工作中遇到了一个表格，鼠标指到单元格要有个整行编辑态的效果，下面写个简单的demo。::after的作用是在元素后面再加个XXX样式。
2023-11-21 14:51:02
1587
原创 vue实现类似c#一样，鼠标指到方法或者变量上，能显示自己备注的信息
之前从c#转vue的时候，就问同事，为啥我给刚写的方法备注，在其他地方调用的时候看不到备注信息，同事说不知道怎么才能做到。如下，在变量之前增加多一个星号的注释，这样在调用的地方指上去就会显示中文备注了。方法也是显示一样的效果。
2023-11-14 20:37:09
398
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人