js中动态添加组件时字符串引号问题

0. 问题

当使用js对页面动态添加元素时，需要在js中构造html元素，这时候会遇到很多""的字符串，然后js需要引号这些字符串，那么久需要使用反斜杠来转义元素中的属性字符串的引号，像这样

html += "<button id=\"del-resource\" class=\"btn btn-danger btn-xs em-btn\">删除资源</button>";; 

当元素属性比较多，或者元素比较多的时候，出现两个问题

1. 双引号混乱，编写代码的时候费尽；
2. 降低代码的可读性；

1. 解决办法

元素的属性字符串，一律采用单引号，因为html中双引号和单引号都是字符串的含义，但是混合使用，就可以避免上述问题，看是不是好多了

html += "<button id='del-resource' class='btn btn-danger btn-xs em-btn'>删除资源</button>"

或者反过来，外层用单引号，内部用双引号，也是可以的。