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

你可能感兴趣的:(javascript,前端)