摘要：
预期效果： 功能描述： 1.初始化只展示一个按钮，通过按钮添加新的组，可删除，可清空 2.每个文案组都是独立的块，具体里面有几个文案，根据后端动态返回的内容进行渲染 3.可以选择已有标题列表中的标题，赋值到输入框中 4.内部有自己的校验，输入框赋值后也应触发校验，其中每个文案可能存在是否非必填、最大 阅读全文
摘要：
具体原因是自定义组件数据格式为：value= [[0,0,0,0,0],[0,0,0,0,0],[0,0,0,0,0]]这个类型的格式，需要做一个必填校验，也就是左右数据都不得为0的情况=没填 贴一下代码： period_time: { spanNumber: 23, node: <TheSelec 阅读全文
摘要：
js两个字符串数组取差集（保留不重复的元素） const selfList = allStringList.filter( (itemAll: string) => notSelfList.findIndex((itemNot: string) => itemAll itemNot) -1, ); 阅读全文
摘要：
最优： 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.后端处理返回 阅读全文