学习web前端过程必须要避免的五大错误

作为第一次入职，我们在学习和工作中总是遇到不同的挫折。虽然有些错误与特定的行为有关，但有些错误是所有Web开发人员需要面对的挑战。因此，通过研究、经验和观察，我们总结了Web开发人员经常犯的5个错误，以及如何避免犯这些错误。这里还是要推荐下小编的web前端学习群:606加721加798，不管你是小白还是大牛，小编我都欢迎，不定期分享干货，包括小编自己整理的一份2最新的web前端资料和0基础入门教程，欢迎初学和进阶中的小伙伴。在不忙的时间我会给大家解惑。

错误一：被称为“应该能够”的代码

错误：无论是JavaScript，还是在服务器上运行的代码，开发人员都需要测试并确认它是否可以正常工作，而不是在部署了之后，就认为它应该就能从一而终地运行。

影响：不通过适当的错误检查网站是最终用户耍流氓。不仅将对用户体验的影响是很大的，但其错误信息内容的类型可能会被黑客渗透渗出线索的网站。

如何避免：人们会犯错误，这种哲学也适用于编码。使用JavaScript，一定要实现好的技术来预防和捕捉错误。虽然本文描述了JavaScript编码Windows应用程序的应用，但大多数内容也适合Web开发。许多提示相当不错。另一种使代码可靠并在未来生存的方法是单元测试。

如果我们小心，我们可以捕获服务器端代码的失败，而不是用户发现的。只显示必要的信息，确保建立一个友好的错误页面，如HTTP 404s。

错误二：编写叉码

错误：根据支持所有浏览器和版本的崇高思想，开发人员决心创建能够响应任何可能情况的代码。在代码中，if语句是堆，所有的方向都是分叉的。

随着新版本的浏览器更新，代码文件变得越来越笨拙，难以管理。

代码功能检测和浏览器/版本检测的实现。功能检测技术不仅可以显著减少代码量，而且易于阅读和管理。考虑使用库Modernizr不仅帮助功能检测，还自动提供旧的浏览器不支持HTML5和CSS3跟上反馈。

错误三：无响应设计

错误：假设开发人员/设计者在相同大小的显示器上开发Web站点。

影响：当你在一个移动设备或一个非常大的屏幕上看一个网站时，用户体验很难看到页面的重要方面，甚至注意不要浏览其他网页。

如何避免：一种反应灵敏的思维方式。在网站中使用响应设计。下面是一些关于这方面的实用教程，包括响应图片和一个非常流行的库，即引导程序。

错误四：网站过多刷新

创建的Web站点需要为每个交互完全刷新页面。

类似（见4页人浮于事#），页面加载时间的性能会受到影响。用户体验缺乏流畅性，每个交互都可能导致Web页面的短（或长）重设。

快速避免这种情况的一种方法是，确定是否真的需要返回服务器的内容。例如，当服务器端资源不依赖于服务器端资源时，可以使用客户机脚本来提供直接结果。您还可以使用Ajax技术或进一步使用单页应用程序“spa”方法。流行的JavaScript库/框架，如jQuery，knockoutjs，和AngularJS，使采用这些方法更容易。

错误五：做太多无用的工作

错误：开发人员花了很长时间创建Web内容。大量的时间花在重复的任务上，或者写大量的代码。

初始网站的发布和随后的更新时间过长。如果其他开发人员用更少的时间和精力做同样的工作，那么您的开发价值显然要低一些。手工劳动很容易出错，而且需要更多的时间来消除错误。

探索你的选择。考虑在开发的每个阶段使用新工具和新工艺技术。例如，代码如何编辑你目前使用的视觉对比sublimetext和工作室，不管你使用吗？什么是代码编辑器，你最近对它的功能有了很好的研究？也许只需稍微花点时间仔细阅读文件，你就能找到新的做事方法，为以后节省一个小时的时间。例如，在本文中，扩展VisualStudio可以提高Web开发人员的生产效率。

不要错过Internet上可用的帮助工具！例如，检查dev.modern.ie工具来简化测试（跨多个平台和设备）和故障排除。

通过实现过程自动化，还可以减少时间和错误。这是一个使用咕噜工具的例子，例如，它的自动化可以减少文件（参见第四点）。另一个例子是凉亭，可协助库/框架的管理（见第九点）。至于Web服务器本身呢？借助微软Azure Web应用程序，您可以快速创建一个网站，而且几乎所有开发场景都可以轻松扩展到您的业务。

后记

通过识别这些常见的错误，Web开发人员可以避免许多让其他人感到痛苦的挫折。我们不仅要承认错误，还要澄清错误的影响，采取措施避免错误，使我们有更好的发展业绩，有信心完成任务。