要说了... | Wukong's Blog

设计图出代码

根据设计图，如何写出好的代码。设计图是一张一张的出的，因为不知道哪一块会在其他的设计图中出现，于是只看到当下并不是一个好的想法。看到一张图，可以先思考一下，哪一块有可能被复用。在class的命名上就会有所改变…刚开始一个元素在主页出现，我可以给它命名home__XX，但是当这个元素也在文章页面出现时，再起一个class，重复写一样的css，这不是一个好的想法，但是将这个类名直接写在文章页，看着又很不爽。在项目中，使用scss用来开发，这个时候，你可以改变类名或者使用@include和@extend来组织代码。
js部分，不止实现功能，也要保证优雅。例如一个参数可能是数组或者string，你可以这样写：

if (typeof argument === 'string') {
  //...
} else if (typeof argument === 'object') {
  //...
}

也可以这样

const map = {
  string: () => { //... },
  object: () => { //... }
};
return map[typeof argument]();

文件夹组织

根据项目需要组织出合适的文件结构，文件名也要更好的表达出这个文件夹中的内容，使之清晰…

重构

开发的过程中，代码量越来越大，这时候可以考虑一下代码的重构。重构是不大幅度改变代码的基础上进行的…大幅度的重构甚至重写不能称作重构…推荐书籍：重构:改善既有代码的设计