1、在遇到问题的时候第一个想到打开console控制台,找到代码异常所在。最常见的错误有resource路径出错,<>没有闭合。
2、如果console中出现的问题你不理解的时候,可以将其复制下来通过搜索引擎找是否有人遇到和你相同的问题。
3、一般常见问题通过百度搜索都是可以找到的,但是如果是复杂结构的网站,很有可能是其中某些步骤出了问题。这时候你需要先找出可能出bug的代码,一步步进行console,查看输出值是否是你预想的值。
4、一般与人协作前端项目的时候,都是需要写文档和注释的,相关文档中有标准写法,注释则能让你搜索到有可能出错的步骤。
5、如果你也不知道哪里出错了,不妨试着做断点测试。把代码一节一节拿出来进行测试,一般合作的话前端项目整体不会很大,要测试的也主要是HTML部分。JS部分的错误会通过CONSOLE进行报错。
6、写代码要养成一些习惯来避免类似的错误。例如使用工具来促使团队行程规范,统一代码风格。另外变量名也要有讲究,例如Dom全部是$+变量名,Const大写等,规范代码对于查错很重要。
7、使用WebPack,它做的事情是,分析你的项目结构,找到JavaScript模块以及其它的一些浏碎茯钍婵览器不能直接运行的拓展语言(Scss,TypeScript等),并将其打包为合适的格式以供浏览器使用。