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={<span className="ant-form-item-required">{this.t(type.name)}</span>}

正确的提问题很重要.

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 : 
  <FormItem label={<p style={YOURCUSTOMSTYLEOBJECT}>System Pressurized</p>}>
    {getFieldDecorator('systemPressurized')(
      <Select defaultValue="" placeholder="Select Type">
        <Option value="Yiminghe">yiminghe</Option>
      </Select>,
    )}
  </FormItem>

曾经尝试:

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组件多选模式下模糊搜索输入框不展示输入的内容