200409&菜鸡前端工作卡壳梳理汇总
卡壳的地方(不能直接写的都算)
- 思路不清；
- 还需要想一想；
- 还需要搜搜；
- 还需要找参考的地方
- …
3466line的错误汇总竟然没有归类总结
1.难以复习，量太多
2.没有概况总结，导致不能最优先复习
3.没有知识点抽离，导致不能有效联想
在antd的formitem上最简单的方式设置必填项
还得看官网
必须包装类才行。
getFieldDecorator
& export default Form.create()(DownloadTemplate);
设置pageSize参数，不清楚参数怎么写，axios文档参数不熟，decorator的api参数不熟
let _xxParams = { pageSize: 100 };//展示所有数据，而不是第一页
this.xxStore.fetchList(_xxParams);
fetchList(opts, params) {
_.set(opts, "params", { ...opts.params, ...params });
纠结了半天，如何给label设置必填项
正解:label={{this.t(type.name)}}
正确的提问题很重要.
search: antd formitem set require
解释：getFieldDecorator 之所以不用，是因为会导致 子组件的 setState更新失效，是因为form的作用域屏蔽了子组件的state导致的，看样子像是
you have two way to style the formItem label
//way one :
//You can override the default css by override below selectors
.form-section .form-group label{
font-size : 20px
//YOUR CUSTOM STYLE
}
// way two :
// You can pass custom component like below :
System Pressurized}>
{getFieldDecorator('systemPressurized')(
,
)}
曾经尝试:
Form.create() 和 Form.useForm()，以及label直接加 className，getFieldDecorator, 但是都不行。
search:
- antd formitem label class
- antd form require not getFieldDecorator
- antd form require
echarts的api还是不熟
实践出真知啊。没看api，直接试出来的。然后再加上自己查询。
1)自定义饼图description样式，饼图样式，饼图展示百分比
就是代码组织的比较乱。待进一步完善，提高复用和配置化。
冲突代码解决后，之前的功能不好用了。
提交之后，功能恢复正常了。真奇怪。
具体的功能是指-切换子tab，界面元素动态匹配功能。异常的地方是只有部分匹配。
校验当前有没有选中选项
思路比较清奇，
我的话，是在提交的时候进行判断，然后提示。
她的思路是，直接限制按钮，不提示。遍历数据，判断是否有空的值，只要不为空就设置临时变量值，同时return false 结束each循环，最后return 临时变量。
=>我觉得她的代码思路更为精简
被卡住的代码
fullFieldFilter[fileterParamName] = _.filter(value, (res) =>{
return res != "0" ? res : "none";//none保证"0"也传递过去
});/
卡主的地方是：不理解为啥要设置为none，是为了保证==0的时候，保证0的数据也要传值。
传值的时候又设置为none了：
fullFieldFilter[fileterParamName] = ["none"];
纠结的几个地方:
- jsx的key不能为""，不然报错主键必须唯一
- “0” 和 “none” 传值处理，前端需要传参适配。用 “0” 来中转 “none"和”"
- 后端想要 “none” -> “”，所以抽离组件需要单独判断"0"[0为none，也是一个选项]，组件调用需要判断"0"[要适配参数为""]
- 对于测试情况的覆盖不足，单选，多选。
- 单选的none和非none，以及allowClear
- 多选的none和非none，单个删除，以及allowClear
如何做自定义图标，比如edit,download，之外的。
比如dot的lock， unlock是如何整出来的
get和post 有啥讲究吗？
=>get查询或者校验，对数据没有变更；post作为新增，put是修改，delete是删除
lodash判断是否为空对象
1，isEmpty
（1）isEmpty 方法可以检查 value 是否为一个空对象、集合、映射或者 set：对象如果没有自己的可枚举属性的对象，则被认为是空。
类数组值，比如 arguments 对象、array、buffer、string 或者类 jQuery 集合的 length 为 0，被认为是空。同样的 map 和 set 的 size 为 0，被认为是空。
antd select 录入的不作为可选项
Ant Design的TreeSelect支持多选和搜索功能，如果查询不到，则搜索框不能清除的问题处理。
antd的Select组件多选模式下模糊搜索输入框不展示输入的内容