crm维护踩坑记(一)
目录
antd
antd2.0.1
里的Cascorder
这个组件,它的defaultValue
不起作用,是一个bug。当我发现这是一个bug的时候,应该想着如何去避免这个bug,比如使用value
, 而不是告诉别人这是个bug。要学会自己解决问题!!!
es6
Object.entries()
Object.entries()
方法返回给定对象自己的枚举属性[key, value]
对的数组。其顺序和与for...in
循环提供的顺序相通,区别在于for...in
循环枚举原型中的属性。
下面看例子:
const Person = {
name: 'yuzf',
age: '18',
gender: 'man',
};
// [['name': 'yuzf'], ['age': 18], ['gender', 'man']]
console.log(Object.entries(Person));
const result = {};
// 数组解构/for of 循环
for (const [key, value] of Object.entries(Person)) {
// good
result[key] = value;
// bad
// result.key = value;
}
Object.keys()
Object.keys()
返回一个数组,其元素是对应于直接在对象上发现的可枚举属性的字符串(即不包含原型链上的)。属性的顺序与通过手动循环对象的属性给出的顺序相同。
下面直接看代码说明:
const arr1 = ['a', 'b', 'c'];
console.log(Object.keys(arr1)); // ['0', '1', '2']
const person = {
name: 'yuzf',
age: 18,
gender: 'man',
};
for (const key of Object.keys(person)) {
console.log(key); // name, age, gender
}
Object.getOwnPropertyNames()
Object.getOwnPropertyNames()
方法返回一个直接发现给定对象的所有属性(可枚举和不可枚举)的数组。
下面看代码例子:
const arr = ['a', 'b', 'c'];
console.log(Object.getOwnPropertyNames(arr).sort);
// logs: ['0', '1', '2', 'length']
const arr2 = {
name: 'yuzf',
age: 18,
gender: 'man',
};
console.log(Object.getOwnPropertyNames(arr).sort);
// logs: ['name', 'age', 'gender']
很神奇的用法!!!
之前,我也遇到这样的需求, 将一个数组里包含的多个对象转成一个对象,结构像下面这个样子:
// origin
const Person = [
{ name: 'yuzf'},
{ age: 18 },
{ gender: 'man' },
];
// to => this
{
name: 'yuzf',
age: 18,
gender: 'man',
}
// do
const obj = Person.reduce((x, y) => Object.assign({}, x, y), {})
eslint
Do not access Object.prototype method 'hasOwnProperty' from target object no-prototype-builtins
, 大概的意思是不要使用对象原型上的方法,因为原型上的方法可能被重写了。This is why。
那么该如何避免这个问题呢?下面请看代码:
// bad
if (obj.hasOwnProperty('name')) {
}
// good
if (Object.prototype.hasOwnProperty.call(obj, 'name')) {
}
傻逼
可能是自己代码写着写着就将自己写懵了,fields.concat(['xx'])
, 这行代码执行后, 怎么fields的值没有变化。
这真是一件很傻的事情。
其他
- 一个简单的需求并不是看起来那么简单。
- 自己写的代码,一定要多测试,一定一定要!!!
- 这次向线上的数据库里插入了脏数据,以后遇到加了字段的需求,一定要多测试,多考量。
参考
mdn: Object.entries()
mdn: Object.keys()
mdn: Object.getOwnPropertyNames()
crm维护踩坑记(一)的更多相关文章
- Spark踩坑记——Spark Streaming+Kafka
[TOC] 前言 在WeTest舆情项目中,需要对每天千万级的游戏评论信息进行词频统计,在生产者一端,我们将数据按照每天的拉取时间存入了Kafka当中,而在消费者一端,我们利用了spark strea ...
- Spark踩坑记——数据库(Hbase+Mysql)
[TOC] 前言 在使用Spark Streaming的过程中对于计算产生结果的进行持久化时,我们往往需要操作数据库,去统计或者改变一些值.最近一个实时消费者处理任务,在使用spark streami ...
- 【踩坑记】从HybridApp到ReactNative
前言 随着移动互联网的兴起,Webapp开始大行其道.大概在15年下半年的时候我接触到了HybridApp.因为当时还没毕业嘛,所以并不清楚自己未来的方向,所以就投入了HybridApp的怀抱. Hy ...
- Spark踩坑记——共享变量
[TOC] 前言 Spark踩坑记--初试 Spark踩坑记--数据库(Hbase+Mysql) Spark踩坑记--Spark Streaming+kafka应用及调优 在前面总结的几篇spark踩 ...
- Spark踩坑记——从RDD看集群调度
[TOC] 前言 在Spark的使用中,性能的调优配置过程中,查阅了很多资料,之前自己总结过两篇小博文Spark踩坑记--初试和Spark踩坑记--数据库(Hbase+Mysql),第一篇概况的归纳了 ...
- djangorestframework+vue-cli+axios,为axios添加token作为headers踩坑记
情况是这样的,项目用的restful规范,后端用的django+djangorestframework,前端用的vue-cli框架+webpack,前端与后端交互用的axios,然后再用户登录之后,a ...
- HttpWebRequest 改为 HttpClient 踩坑记-请求头设置
HttpWebRequest 改为 HttpClient 踩坑记-请求头设置 Intro 这两天改了一个项目,原来的项目是.net framework 项目,里面处理 HTTP 请求使用的是 WebR ...
- vue踩坑记
vue踩坑记 易错点 语法好难啊qwq 不要把'data'写成'date' 在v-html/v-bind中使用vue变量时不需要加变量名 在非vue事件中使用vue中变量时需要加变量名 正确 < ...
- 【bug记录】OS Lab4 踩坑记
OS Lab4 踩坑记 Lab4在之前Lab3的基础上,增加了系统调用,难度增加了很多.而且加上注释不详细,开玩笑的指导书,自己做起来困难较大.也遇到了大大小小的bug,调试了一整天. 本文记录笔者在 ...
随机推荐
- C#码农的大数据之路 - 使用C#编写MR作业
系列目录 写在前面 从Hadoop出现至今,大数据几乎就是Java平台专属一般.虽然Hadoop或Spark也提供了接口可以与其他语言一起使用,但作为基于JVM运行的框架,Java系语言有着天生优势. ...
- Redis数据类型之Hash(二)
前言: Redis hash是一个String类型的field和value的映射表.添加.删除操作复杂度平均为O(1),为什么是平均呢?因为Hash的内部结构包含zipmap和hash两种.hash特 ...
- 架构师之路--应用架构的选型和dubbo
这个选型主要决定于系统复杂度.先回顾一下. 1>单一应用架构:对于一个流量很小的网站来说,只需一个应用,将所有功能都部署在一起,以减少部署节点和成本.之前在上家公司做过一个微信公众号的开发就是基 ...
- 事件总线(Event Bus)知多少
源码路径:Github-EventBus 简书同步链接 1. 引言 事件总线这个概念对你来说可能很陌生,但提到观察者(发布-订阅)模式,你也许就很熟悉.事件总线是对发布-订阅模式的一种实现.它是一种集 ...
- css3的学习
已经学习css3一个月了,通过对css3的深入学习,我对网页设计的理解就更深刻了,以前只会用简单的图片,定位等来制作网页,现在可以运用css3扩展的新内容来写出更好看的网页. css3扩展内容中,我认 ...
- HTML里的哪一部分Javascript 会在页面加载的时候被执行?
最近遇到一个问题:HTML里的哪一部分Javascript 会在页面加载的时候被执行()A : 文件头部 B : 文件尾 C : <head>标签部分 D : <body>标签 ...
- 通过PHP前端后台交互/通过ajax前端后台交互/php基础传输数据应用/简单的留言版/简单的注册账户/简单的登录页/
前 言 PHP 通过上一篇博客,注册账号与登录页面--前后台数据交互 跳转转到index主页,接下来进入主页留言板功能,通过ajax向后台传输数据,同时发表留言. 具体的内容分析如下 ...
- 深入理解 JavaScript 事件循环(二)— task and microtask
引言 microtask 这一名词是 JS 中比较新的概念,几乎所有人都是在学习 ES6 的 Promise 时才接触这一新概念,我也不例外.当我刚开始学习 Promise 的时候,对其中回调函数的执 ...
- 使用UDP完成网络通信
语言聊天有可以接受丢包但是不能接受乱序的特性,所以可以采用UDP来 传输数据提高效率. 因为UDP本身不可靠传输的特性,为了保证玩家可靠的接入服务器和一些 操作的正确执行,还是需要一些额外的代码保证U ...
- leetcode-486-Predict the Winner
Given an array of scores that are non-negative integers. Player 1 picks one of the numbers from eith ...