- 博客(15)
- 收藏
- 关注
RSS订阅原创 postMessage实现iframe传值
在angular的初始化声明周期中加入对子项目的postMessage监听事件，当子项目发送message来时可以捕捉到。
2024-08-22 16:35:11
382
原创 uniapp ios 打包
打开网站 iOS Dev Center使用苹果开发者账号登录 iOS Dev Center：登录成功后在页面左侧选择 “Certificates,IDs & Profiles” 进入证书管理页面：在证书管理页面，可以看到所有已经申请的证书及描述文件：选择页面的 “Identifiers" 可查看到已申请的所有 App 应用标识，点击页面上的加号来创建一个新的应用标识：选择标识类型为 “App IDs”，然后点击 “Continue”平台选择 “iOS，tvOS，watchOS”，Bundle ID
2024-06-20 17:44:35
1002
1
原创 动态函数绑定在nzSortFn上引起的性能问题
该表格在modalService创建出的弹窗中，时间久了之后发现关闭弹窗会卡顿很久，于是开启性能分析发现大量的时间都用来销毁依赖了。
2024-03-12 17:41:53
414
1
原创 nz-table的表头单元格合并与表格滚动冲突
groupFakeData[0].data的长度，结合table的相关知识，我们得出结论：由于table会根据第一行的th元素生成对应数量的col，也就是说第一行的「表头分组」操作只生成了8个col，并不是生成32个col然后以4个为一组合并，并且每个col的宽度是tableWidth的宽度。上面我们提到，每个col的宽度会根据第一行th的宽度来生成，那么我们可以简化一下，只在第一行th写宽度就可以了。可以看到，跟我们理想的样子大相径庭，为什么会出现这样的效果？
2023-12-15 18:35:47
656
原创 ng-zorro的date-range-picker禁用范围外的日期
此时还有个问题没解决，如果点击组件的清除按钮，是不会触发nzOnCalendarChange事件的，需要去监听该组件的inputValue（ps：为什么不直接用组件双向绑定的变量groupParams.timeRange呢，因为该变量只有在选择完开始日期和结束日期后，才会被赋值，在选择途中是不会被赋值的，所以如果监听该变量，开始结束日期会一直被清空，见代码），在angular的更新生命周期ngDoCheck中清空选择日期，从而更新disabled计算。2.周范围选择器，最大跨度 12 周，最小 1 周。
2023-12-14 17:16:03
1226
1
原创 关于angular HttpClient转码问题补充
可以看到 toString方法是对字符串做了处理的，调用encoder的encodeValue方法对值进行转码，这个转码我们可以看到是有限制的，一些特殊字符不参与转码。所以我们在项目不升级版本的情况下，要处理这个问题就要仿造他的改动进行改动，基于前面文章的基础，我们把自定义类改造成这样。直接说结论：版本问题，开头提到过这个是最新版本的angular，但是在两年之前的版本，+是被特殊处理的，如下图。这个片段 ，上面我们已经知道了params是个HttpParams类，我们找到他的toString方法。
2023-08-04 16:35:00
191
1
原创 angular中关于HttpClient对参数进行自动编码问题
标题即结论，在angular的HttpClient中，会对特殊字符进行转码。在具体业务中，服务端需要接收值为'+' 的参数，但是debug发现参数传到服务端的途中变成了空格,但是期望为'+'，本以为是浏览器行为，但通过查阅资料，询问ai得知HttpClient会自动编译url中的非法参数。但是我所期望的转译结果是+（%2B），这与自动转译的结果是有偏差的，所以在拦截器中我们手动用encodeURIComponent进行编码，这次的结果+是被转码了，但是变成了%252B，是被转码两次的结果。
2023-07-31 17:39:41
281
1
原创 解决nz-table底部固定合计栏 开启虚拟滚动后无法横向滚动
nz-table在底部固定合计栏，支持跟随表格对齐，滚动，解决性能问题，虚拟滚动
2023-07-27 15:27:46
660
1
转载 vue和react的异同
react和vue大体上是相同的，比如都使用虚拟DOM高效的更新视图，都提倡组件化，都实现了数据驱动视图，都使用diff算法，也都对diff算法进行了优化，都有router库实现url到组件的映射，都有状态管理等等.....
2022-11-17 15:17:44
611
原创 js Object.assign 浅拷贝场景实现
之前在面试的时候，总会有面试官会问一些浅拷贝和深拷贝的问题，以及会提到Object.assign是浅拷贝还是深拷贝，答案当然很明确：浅拷贝，那么深浅拷贝对于这个方法应用场景有什么影响呢？今天在项目中碰到个使用Object.assign的场景，我很随意的把两个需要整合的对象写进了两个参数中alreadyAuditListQuery: { pageNumber: 1, pageSize: 20, approveStatus: true}, let query = O
2022-05-27 15:42:56
194
原创 overflow与display造成元素高度变化
问题产生："桃乐西"为了同列显示增加了display: inline-block;和overflow: hidden; 这两个属性会造成基准线上移 即变为margin-box解决方法：此时需增加属性vertical-align:bottom; 基准线为bottom max-width: 300rpx; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; display: inline-b...
2022-05-09 13:54:00
886
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人