随笔分类 -  优雅编程

前端开发规范
摘要：在遵循团队规范的前提下阅读 1 命名 1.1 文件命名 不使用大写，除非框架特别约定组件首字母大写； 特别提醒的文件名可采用大写如：README.md; 1.2 文件夹命名 使用复数单词，多单词用连接符-连接；如：pages,images 使用单词简写时，不用加复数；如：css,img 均使用小写； 阅读全文
posted @ 2021-01-06 17:00 liaoing 阅读(162) 评论(0) 推荐(0)
js ?? 判空运算符作用和常见场景
摘要：JavaScript中??符号， Null 判断运算符 作用：读取对象属性的时候，如果某个属性的值是null或undefined，有时候需要为它们指定默认值。以前做法是通过双管道符号 || 运算符指定默认值。 // 通过||运算符指定默认值，属性的值如果为''或false或0，默认值也会生效。 co 阅读全文
posted @ 2021-01-04 11:52 liaoing 阅读(487) 评论(0) 推荐(0)
函数参数解构
摘要：函数参数解构 function sayHi({ name, age }: any) { console.log(`Hi, ${name}, ${age}`); } sayHi({ name: 'ANDY', age: 18 }); 阅读全文
posted @ 2020-12-11 11:51 liaoing 阅读(40) 评论(0) 推荐(0)
JavaScript优雅写代码,写出诗一样的代码
摘要：优雅编程 1 判断不是空数组，做一些事情 // bad if (arr.length !== 0) { // todo } // good if (arr.length) { // todo } 2 使用includes简化if判断 // bad if (a 1 || a 2 || a 3 || a 阅读全文
posted @ 2020-12-09 15:25 liaoing 阅读(98) 评论(0) 推荐(0)
?.可选链操作符( ?. ) 可选链运算符可防止抛出 TypeError: Cannot read property ’xxx' of undefined。
摘要：可选链操作符( ?. )允许读取位于连接对象链深处的属性的值，而不必明确验证链中的每个引用是否有效。?. 操作符的功能类似于 . 链式操作符，不同之处在于，在引用为空(nullish ) (null 或者 undefined) 的情况下不会引起错误，该表达式短路返回值是 undefined。与函数调 阅读全文
posted @ 2020-11-26 22:47 liaoing 阅读(239) 评论(0) 推荐(0)
JSX中写 switch case 进行判断
摘要：场景：根据后端返回的数据进行多条件渲染，三元表达式已不能满足条件。 代码： <span> {(() => { switch (record.generalRuleInfos[0]?.factors[0]?.baseDataKey) { case 'poiType': return '门店类型' ca 阅读全文
posted @ 2020-11-20 16:09 liaoing 阅读(287) 评论(0) 推荐(0)

← → ↓ ↑