200211&菜鸡前端工作卡壳梳理汇总

最新推荐文章于 2024-09-13 16:26:56 发布

向阳敲代码

最新推荐文章于 2024-09-13 16:26:56 发布

阅读量227

点赞数

文章标签： javascript

本文链接：https://blog.csdn.net/qq531295642/article/details/106442895

版权

卡壳的地方(不能直接写的都算)

思路不清；
还需要想一想；
还需要搜搜；
还需要找参考的地方
…

antd formItem如何设置不可用

直接在 Input上加 disabled

antd formItem不知道如何设置初始值，单词不会拼

initialValue

post请求方式的导入时，入参传不过去

@request(urls.xxModule.xxMethod, “POST”, false)

没有带false，导致默认按分页处理L

抽屉再打开弹框的时候，弹框被盖住

关掉弹框再弹。

对枚举值和字典库不知道该咋个用了。分不清了

下拉框一开始都用的字典表key/value，现在用的枚举值(单词/数字)

枚举值其他还有单词/中文, 数字/单词，数字/中文的

繁琐的事情

改字段值，纯手工人肉的。

加操作权限的工作，还得想想，而且想不太全，非得看之前的代码

前置: import priv from “@lib/privilege”;

403类的

@priv.beforeRender(actions.xx_list)
  componentWillMount() {
    this.xxStore.fetchList();
  }

操作不可见的

 {
  this.globalStore.priv(actions.xx_edit) ? (<Button type="primary"
    id={"btn_import"}
    onClick={this.xxHandle.bind(this)}
  > 编辑 </Button>) : null
}

true显示，代表有权限，注意嵌套表格的权限遗漏

lodash的map api，不清楚支持几个参数，并且第1，2个参数代表的含义。

name, val -> key/value -> 但实际刚好反着呢

antd select 设置初始值

defaultValue

字典表提供的字段有删除，然后全字段筛选，就崩了

没有加数组undefine 容错判断。

原先有，现在被删除的:

field11
field12

mobx 重置 map，不知道咋写的了

@action clearData = () => {
this.filter = new Map([
[“startDate”, “”],
[“endDate”, “”],
[“brand”, “”],
[“status”, “”],
[“keyword”, “”]
]);
}

this.xxStore.clearData();//重置查询项目

action不知道是那里面的，mobx还是mobx-react?

mobx里面的

重置map后，还是没有重置筛选项。

1.willMount查
2.willUnMount 清除
3.清除之后，保证进入的时候，会执行查

=>3者缺一不可，才能保证被重置(我只关注了第2步)

真够坚挺的。Input.Search 不鸟我

不可或缺的一步: 必须在Search的value上关联mobx自动监测的filter变量才行。否则Input.Search不鸟我

js设置input的value&value是方法还是属性

//1),不推荐使用
//这种写法有时会失效,特别是他的父元素是dosplay:none时
$("#imgtalk").val(“值”);

//2),推荐使用
//可正常赋值
$("#imgtalk").attr(“value”,“值”);

//3),js原始写法
document.getElementById(“imgtalk”).value=“值”;

不清楚为啥要写两遍handleOK

onSubmit对应一个，modal的onOk上也有一个相同的方法

antd文档上写的:
onSubmit -> 数据验证成功后回调事件(还是不太理解)

先搁置吧。

js取整，保留小数位的写法

parseInt
parseFloat().toFixed(小数位数)

1.丢弃小数部分,保留整数部分parseInt(5/2)
2.向上取整,有小数就整数部分加1Math.ceil(5/2)

注意:es6拼串，会导致 parseInt五舍，跟js的五入不同。
解决方法时: parseFloat(x).toFixed(0)

eg: `${parseFloat(value[type]).toFixed(0)}%`

js判断是否有小数点

JavaScript 正则表达式判断是否有小数点

1、定义匹配规则

var rep=/[\.]/;

2、定义需要验证的数据。

var data=1.5;

3、进行判断，返回值为true或false

rep.test(discountvalue);

es6 map的用法

map数据结构：

本质上是键值对的集合，类似集合；
可以遍历，方法很多，可以跟各种数据格式转换(? 比如呢?)。

声明map

var map = new Map();

map中增加(更新) set、

map.set(json,'web');

删除、delete, clear

//删除 delete
map.delete(json)

//删除全部
map.clear();

查找 get, has

//取值
map.get(json)

//查找 true false
map.has('ananiah') //false

属性：size

//长度
map.size

antd按钮图标在哪个网址找？

antd官网，然后搜索 icon

table固定头和尾的column设置

fixed: ‘left’,

antd的table hover样式如何修改

.ant-table-tbody > tr:hover:not(.ant-table-expanded-row) > td {
	background-color: #F1F6FD!important;
}
.ant-table-body .ant-table-row-hover{
	background: #F1F6FD!important;
}
.ant-table-body .ant-table-row-hover>td{
	background: #F1F6FD!important;
}

//如果有固定列的需要添加以下：

.ant-table-fixed .ant-table-row-hover{
  background: #E5E9EE!important;
}
.ant-table-fixed .ant-table-row-hover>td{
	background: #E5E9EE!important;
}