前端编码避坑记

1、尽量使用箭头函数，箭头函数可以访问this，箭头函数详解
2、一些编辑器（如：phpStorm）代码格式化的时候，如果没有设置 Editor -> Code Style -> HTML -> Inline elements，有些标签会被换行，最明显的就是select option，如果你显示的内容是放在option里面而不是option属性的时候，一旦换行，有些select组件就会把换行的空格也显示出来，非常困扰，这里有两个方法可以避免：
① 配置编辑器，对特定的标签不换行，phpStorm就可以设置，位置：Editor -> Code Style -> HTML -> Inline elements
② 尽量使用组件的props属性，这样即使换行了，也不会带有空格
3、模板中变量和字符串的拼接方式
① 传统模式

:post-action="'/api/v1/reportPage/'+search.form.treeSelected+'/saveimg/'"

② es6 模式

:post-action="`/api/v1/reportPage/${search.form.treeSelected}/saveimg/`"