在学习Web前端的过程中,一定要避开这五大坑!有哪些?知道吗,就看一眼,以后不吃亏!
作为一名新工人,我们在学习和工作中总会遇到不同的挫折。虽然有些错误与特定的行为有关,但有些错误是所有Web开发人员都需要面对的挑战。因此,润天教育通过调研、经验和观察,总结了web开发人员——常见的五个错误以及如何避免。
一、所谓的“应该工作”代码的错误副本。
错误:无论是Java还是服务器上运行的代码,开发人员都需要测试确认是否正常运行,而不是认为部署后就应该从头到尾运行。
影响:没有经过适当的错误检查的网站对最终用户来说是流氓。不仅会极大地影响用户体验,而且错误消息内容的类型可能会给黑客提供渗透这个站点的线索。

如何避免:每个人都会犯错,这个哲学也适用于编码。使用Java,我们必须实现好的技术来防止和捕捉错误。虽然这篇文章描述的是用Java编写Windows应用程序,但是大部分内容也适用于web开发,很多技巧都非常好!另一种使代码可靠并经受住未来变化的方法是单元测试。
如果我们足够小心,我们可以在不被用户发现的情况下捕捉到服务器端的代码故障。只显示必要的信息,一定要设置友好的错误页面,比如HTTP 404s。
二、写入分叉代码时出错
错误:抱着支持所有浏览器和版本的崇高想法,开发人员决心创建能够应对任何可能情况的代码。代码里有成堆的if语句,各个方向都有分叉。
影响:随着浏览器新版本的更新,代码文件会变得越来越笨拙,难以管理。
如何避免:实现代码的功能检测和浏览器/版本检测。功能检测技术不仅可以显著减少代码量,而且更易于阅读和管理。考虑使用Modernizr之类的库,它不仅有助于功能检测,还可以自动帮助为跟不上HTML5和CSS3的旧浏览器提供反馈支持。
三、错误的非响应性设计
错误:我们假设开发者/设计者在同样大小的显示器上开发网站。
影响:当在移动设备或非常大的屏幕上查看网站时,用户体验要么很难看到页面的重要方面,要么甚至会注意不要一直导航到其他网页。
如何避免:反应式思维方式。在网站中使用响应式设计。这里有一些这方面的实用教程,包括响应式图片,以及一个非常流行的库,即Bootstrap。
四、刷新的网站太多了。
错误:创建的网站需要为每次交互完全刷新页面。
影响:类似于页面膨胀(见#4),页面加载时间的性能会受到影响。用户体验缺乏流畅性,每次交互都可能导致网页短暂(或漫长)的重置。
如何避免:快速避免这种情况的一个方法是确定发送回服务器的内容是否真的需要。例如,当不依赖服务器端资源时,客户端脚本可用于提供直接结果。还可以应用AJAX技术或者进一步使用单页应用程序“SPA”方法。流行的Java库/框架,如JQuery、KnockoutJS和AngularJS,可以使这些方法的采用更加容易。
五、错误做了太多无用功。
错误:开发人员花了很长时间来创建web内容。很多时间花在重复性的任务上,或者我自己写很多代码。
影响:初期网站发布时间和后续更新时间过长。如果其他开发者也在做同样的工作,但是花费的时间和精力更少,那么你的开发价值显然就低了。人工操作容易出错,需要花费更多的时间来排除故障。
如何避免:探索你的选择。考虑在开发的每个阶段使用新工具和新工艺技术。比如你现在的代码编辑器和SublimeText、Visual Studio相比如何?不管你用的是哪种代码编辑器,最近有没有研究过它的功能?也许你只需花一点时间仔细阅读文件,就能找到新的做事方法,这将在未来为你节省大量时间。例如,在本文中,扩展Visual Studio可以提高web开发人员的生产力。
不要错过在线帮助工具!例如,检查dev.modern.ie上的工具以简化测试(跨多个平台和设备)和故障排除。
您还可以通过自动化流程来减少时间和错误。这方面的一个例子是Grunt工具,例如,它的自动化功能可以减少文件(见第4点)。另一个例子是Bower,它可以帮助管理库/框架(见第9点)。至于web服务器本身?例如,借助微软Azure Web Apps,您可以快速创建一个网站,几乎所有的开发场景都可以轻松扩展到您的业务!