大家今天跟大家唠唠我在捣鼓代码时遇到的一个小麻烦——“id重复”和“空白代码”的问题,以及我是怎么解决的。希望能给遇到同样问题的朋友们一点帮助。
事情是这样的
前段时间,我不是在做一个小项目嘛需要给页面上的元素加一些唯一的标识,方便我用脚本去操作它们。我就习惯性地用起id属性。结果,写着写着,就发现有些元素的id居然重复!
...
大家今天跟大家唠唠我在捣鼓代码时遇到的一个小麻烦——“id重复”和“空白代码”的问题,以及我是怎么解决的。希望能给遇到同样问题的朋友们一点帮助。
事情是这样的
前段时间,我不是在做一个小项目嘛需要给页面上的元素加一些唯一的标识,方便我用脚本去操作它们。我就习惯性地用起id属性。结果,写着写着,就发现有些元素的id居然重复!
我还以为是自己眼花,仔细检查几遍,还真是重复。这可不行,id重复,我的脚本还怎么准确找到我要操作的元素?
我是怎么解决的?
遇到问题,咱不能慌,得想办法解决。我想到的是,能不能用什么工具,帮我把这些重复的id都找出来?
- 手动排查:最笨的办法,但有时候也最有效。我就一个一个元素地看,把那些重复的id都给揪出来。
- 改名:找到重复的id后,我就给它们重新起个名字。这回我可小心,确保每个id都是唯一的。本来想用“重复名生成器”这些取巧的方法的,但是为代码长期健康还是老老实实自己写。
顺便解决空白代码
在解决id重复问题的过程中,我还发现一个“副产品”——空白代码。
啥是空白代码?就是那些啥事也不干的代码,比如多余的空格、空行、注释等等。这些空白代码虽然不影响程序运行,但会让代码看起来很臃肿,影响阅读,还可能拖慢网页加载速度。
这我能忍?当然不能!于是我又开始“清理空白代码”的行动。
- 格式化代码:我用的代码编辑器有自动格式化代码的功能,一键下去,那些多余的空格、空行就都没,代码瞬间清爽不少。
的成果
经过一番折腾,我总算是把“id重复”和“空白代码”这两个问题都给解决。现在的代码,既没有重复的id,也没有多余的空白,看起来舒服多,跑起来也更顺畅。以后写代码得更细心,尽量避免这些问题。今天的分享就到这里,希望能帮到大家!