网站前端开发工程师的洁癖

在多年以前，人们注重功能是如何实现的。现如今，随着Web及互联网技术的不断发展，功能仅成了最基本的要求，如何写出漂亮，整洁的代码已成为一个大牛级程序员不可或缺的条件。

一位前端开发工程师便在知乎上提问：“我是一名前端开发工程师，主要编写javascript，有两年经验。最近在写一些页面上的模块，发现自己在构思的时候总是很清晰，但是写着写着感觉代码越来越乱，看起来就像一坨屎，而我又有点儿代码洁癖，看着越来越乱的代码就不想进行下去。请问怎么办呢？”

我觉得写好代码和作文章差不多，无外乎：工整、优雅、拒绝重复、惜字如金。下面提供几个小建议：
态度

对代码要有感情，每一行都应该尽心尽力，并且还要有把那些扔垃圾篓的代码再重写两遍的冲动——一旦有了这种冲动之后，什么都挡不住你，连吃喝拉撒时，问题都会浮现到你脑子里，你就会不由自主地解决它们……能对自己的代码提出怀疑本身就是一件了不起的事！加油！

少写代码

提前设计能有助于少写代码，增强全局感。而代码写得少还能防止失控——感觉不对时就应该停下来，腾出时间来思考，为什么会偏离最先的想法。所有符号各就各位。第一眼就是空格太少，下面推荐三个工具给大家：

beautifyjavascript.orhtml可以给你的代码格式化，记得用diff工具对照一下，格式化前后的区别；

sublimelinter可以动态地在编写时给出jshint提示（出错行高亮）；

grunt可以在文件变更时给出shint检验（声音以及桌面通知）；

一旦把lint校验做为提交代码的必要过程，排版就会有本质的提高。 名称:错误
动作:阻止
代码:500
执行:KeepRequestEnd.Write
信息:
网址:/yrrj/pdluvibsizs.html
状态:500
信息:引发类型为“System.Web.HttpUnhandledException”的异常。
类型:System.Web.HttpUnhandledException
来源:System.Web
日志:堆栈信息，请查看日志
激活:Application_Error事件
SiteHost:https://www.mrtx.cn/yrrj/
SiteId:10
联系:84486631@qq.com
标识:74E35977AEA7E1F5

SiteHost	https://www.mrtx.cn/yrrj/
Lv	1
Safe	1 False
Title	正常访问
ActType	正常访问
ActMsg	IsGlobal
IpGis	Status Country CountryCode RegionName Region City Zip District Community Location Lon Lat TimeZone Isp Org RoutAs Query IpInt IpTag ActNo ActName ActUrl ActMinCount ActMinIndex ActMsg IpId Sign 0 美国弗吉尼亚阿什本 18.205.56.209 315439313 正常访问 Z 百度 http://opendata.baidu.com/api.php?query=18.205.56.209&co=&resource_id=6006&oe=utf8 0 0 正常:有返回信息 74619
IpTaskStatus	开始>Ip地理信息线程状态>RanToCompletion:已成功完成执行的任务
RawUrl	/yrrj/pdluvibsizs.html
RouteUrl	/yrrj/MainPage/NewsInfo/Name.aspx?tag=zs&nid=dluv&uid=bs&ext=.html&
Ip	18.205.56.209
OsName
AutoMobile	False
YrMobile	False
Name	Unknown
Version	0.0
Beta	否
WeiXi