摘要: 公司现有系统有一个字段管理功能,该功能编辑表的字段,数据结构是列表。每一条数据大概有15项编辑框,进入编辑模式后,所有的表单项都渲染,产生严重的性能问题。 组件采用antd 的Form Form.List,内里包裹Table组件,最初改造成,每次只让一条数据进入编辑状态,性能问题立马解决。但是领导不 阅读全文
posted @ 2025-05-15 17:46 冰狐2009 阅读(35) 评论(0) 推荐(0)
摘要: 系统配置,完全由后端给的数据结构生成的动态表单,当配置项多起来后,页签切换很卡顿。 因为动态表单慢。 起初觉得很难优化,后来改成默认显示所有的配置详情。点击编辑再现实动态表单,一行代码解决问题。 阅读全文
posted @ 2025-03-27 15:48 冰狐2009 阅读(8) 评论(0) 推荐(0)
摘要: // todo 阅读全文
posted @ 2025-01-07 18:45 冰狐2009 阅读(5) 评论(0) 推荐(0)
摘要: 1. 代码片段执行时间 console.time('xxx') // 代码片段 console.timeEnd('xxx') 在代码片段包裹上述代码,执行后,命令行会输出该段代码的执行时间,非常方便。 2. react Profile react的<Profiler/>包裹组件后,并传入id和onR 阅读全文
posted @ 2025-01-07 18:45 冰狐2009 阅读(34) 评论(0) 推荐(0)
摘要: 1. 分支rebase 血缘关系发布版本 = main + 血缘关系 发版前,基于main分支创建一个新的分支temp 然后 git rebase temp data-relation-branch 这样可以让所有的commit 仍然是一条线,然后main的变更和血缘关系的变更不交叉在一起(期望结果 阅读全文
posted @ 2025-01-07 18:39 冰狐2009 阅读(14) 评论(0) 推荐(0)
摘要: 解决办法:word-break:keep-all; word-break: normal|break-all|keep-all;值描述normal使用浏览器默认的换行规则。break-all允许在单词内换行。keep-all只能在半角空格或连字符处换行。 阅读全文
posted @ 2015-10-23 10:13 冰狐2009 阅读(128) 评论(0) 推荐(0)
摘要: ng-pattern="/^\d+(\.\d{1,2})?$/"正则表达式是一种文本模式,包括普通字符(例如,a 到 z 之间的字母)和特殊字符(称为“元字符”)。模式描述在搜索文本时要匹配的一个或多个字符串。正则表达式示例表达式匹配/^\s*$/匹配空行。/\d{2}-\d{5}/验证由两位数字、... 阅读全文
posted @ 2015-10-23 10:09 冰狐2009 阅读(144) 评论(0) 推荐(0)
摘要: function scrollLoad() { var ele = document.getElementById('mainListBlock'); var isLastPage = false; window.isLoading = false; ... 阅读全文
posted @ 2015-09-24 18:35 冰狐2009 阅读(226) 评论(0) 推荐(0)
摘要: /*本例是为了在客户端页面返回时保存状态,采用hash值记录的模式,为了使用方便所写的存取hash值的库,时间仓促,望指出错误。*/var pageStateHash = { hashArray: [], getHashArray: function() { ... 阅读全文
posted @ 2015-09-24 18:33 冰狐2009 阅读(1016) 评论(0) 推荐(0)
摘要: angularjs 的$swipe,用法: $swipe.bind(angular.element(document),{ start: function(pos) { }, ... 阅读全文
posted @ 2015-09-10 15:22 冰狐2009 阅读(736) 评论(0) 推荐(1)