芝麻小仙女

摘要： 最优： arr.filter(Boolean) 遍历： 通过遍历判断数组, 空字符，undefined， null, false , 0转化为布尔类型都是 false来判断，或者直接判断是否=现在的格式 第三方库： 如 Lodash 库 compact方法 阅读全文

摘要： 没有技术收获，只是记录一下这个报错是form值有问题 原因是单个日期的时间控件下，重置form值的时候数据格式有问题，修改代码： // 重置表单 const reset = () => { const resetValues: any = { ...initialValues }; if (rese 阅读全文

摘要： 起因：跳转详情页时后端同学需要当前内容的id与name等等参数，而name有可能很长并且有特殊符号 因此，跳转时直接带到query里，拿的时候会丢失： 这里是直接把id与name给后端后，后端直接拿来配置的默认名称，可以发现已经丢失了+这个符号 解决办法：js的encodeURIComponent( 阅读全文

摘要： 1、css存在的问题 污染：因为css的选择器不具备隔离性，导致最后生成的样式都会污染全局命名空间。落在大型项目中，问题尤为明显。 解决方向：生成唯一的类名; shadow dom; 内联样式; Vue-scoped 方案 其他一些比如无法共享变量（例如主体色等全局样式）、解析方式的不确定性等问题 阅读全文

摘要： （1）input 中如何监听值的变化？ Answer：因为input的onchange事件是要改变值之后失去焦点才触发，并不能实现实时监听，所以存在3种情况，第一种是只需要失去焦点时监听，那就用onchange，第二种是js改变值，这时候可以在改变值的方法里手动触发，第三种则是实时监听，可以用key 阅读全文

摘要： 1、组件设计基本原则 单一职责。 也就是： ① 降低组件的复杂度，减少代码量，提升可读性。 ② 降低与其他组件的耦合度（低耦合），从而降低变更导致的对功能的影响。 ③ 提高可复用性，功能单一（高内聚），有明确的边界，不访问其他组件的内部细节，接口最小化，单向数据流...。 2、TIPs 性能：无状态 阅读全文

摘要： js是这样的。 它number类型有个最大安全值，即2的53次方（9007199254740992），超过这个值就会出现精度丢失的问题。也就是说，运算结果超过 Math.pow(2, 53) 就会丢失精度。 而且个问题，如果出现在响应数据不符的情况下，那我们最优的解决方案只有2个： 1.后端处理返回 阅读全文

摘要： 声明props和导出props都和函数组件一样，命名方式也是【组件名+Props】规范。 定义默认的props时，可以直接用static defaultProps ，就不需要用?这个可选操作符修饰（是否必传） 声明state： /** * 组件状态, 不需要暴露 */ interface State 阅读全文

摘要： 给Props类型命名的方式 ： 组件名+Props （比如BaseFormProps） 声明组件的方式： 1.使用FC类型声明 FC是FunctionComponent的简写, 这个类型定义了默认的 props(如 children)以及一些静态属性(如 defaultProps) import R 阅读全文

摘要： 起因是接口超时了，导致项目页面进不去，一直转圈，我于是注意到了这个小东西： 还挺可爱哈，转起来眼睛都快晃瞎了。 于是我出于 无聊 旺盛的学习欲，照着antd的样式和速度改造了一下，做出来的……怎么说呢，好像也差不多吧： 嘎嘎真牛批啊我！ 所以把代码贴一下，万一以后要做类似的，直接拿去用，舒服~ <! 阅读全文