在这个高度互联的世界中，对创建交付和转换网站的需求不断增长。例如，Web开发人员每周创建数百到数千个网站。在Web开发过程中，他们必须考虑很多事情，包括编写HTML时要使用哪些工具或要使用哪些JavaScript框架。不幸的是，他们仍然犯有可能损害目标的错误。Web开发人员犯的一些主要错误包括。
Web开发人员犯的错误–浏览器不兼容
假定您的程序将在每个浏览器上运行是一个常见的错误。通常，开发人员更喜欢使用特定的浏览器，但是他们的客户更喜欢使用其他浏览器。当呈现在特定浏览器上工作的代码示例时，这些可能会产生冲突。某些浏览器使用不同的样式默认值。发生这种情况时，在其他浏览器上查看时可能会导致质量下降。
在开发过程中，建议使用每个浏览器和每个版本测试一个网页，以查看代码在多个浏览器中的显示方式，但这通常太浪费时间。开发网站时，请每隔几天使用其他浏览器。这样，您将快速看到潜在的问题区域。您还可以使用Visual Studio帮助您在多个浏览器上运行测试，以显示正在开发的页面在每个浏览器上的外观。避免使用特定于浏览器的代码也很有用。
创建不良联系表
Web开发人员犯下了创建联系表并假设用户将提供有效数据的错误。如果表单上提供了无效数据，并且接收到的数据与数据方案不匹配，则可能导致页面失败。您不希望这种情况发生。
通过明确说明您希望用户提供的内容来避免这种情况。如果需要他们的地址，请指定是否要使用家庭住址或电子邮件地址。另外，请确保您的数据验证策略与服务器端和浏览器端都一致。不要犯错误，即允许一系列T-SQL语句从用户输入中收集数据，而无需确认每个字段都具有正确的数据类型。
Web开发人员犯的错误–编写Vintage HTML
多年来，互联网经历了无数重大进步。这些进步常常使以前的HTML写作风格变得过时。如果您仍然喜欢编写老式的HTML代码，那么该进行升级了。您必须重新学习最新的HTML编码技术。如果您仍在使用＆nbsp或<center>元素，则必须意识到这会导致标记过于复杂，从而无法跨多个浏览器（不仅是新的Microsoft Edge浏览器，甚至在旧版本的Internet Explorer 中）运行不一致。由于它们的可访问性，最好始终使用语义HTML5元素。通过了解所有可用的语义元素来避免此错误。如果您知道标记层次结构，也将很有帮助。另外，使用HTML作为内容的描述，而不是其显示方式。如果您想准确地展示您的内容，最好使用CSS。
选择不良的虚拟主机服务
选择较差的Web托管服务是新手Web开发人员中常见的常见错误。他们从未考虑过拥有非同寻常的网络托管服务的影响。许多新手Web开发人员认为拥有无限的空间实际上很棒。实际上，事实并非如此，特别是如果您打算进行繁重的编码。在选择托管服务之前，进行一些研究和阅读在线评论很重要。例如，对Hostinger的深入审查列出了Web托管服务确切提供的内容的详细信息，以便Web开发人员可以根据他们正在创建的网站的类型做出最明智的决定。
Web开发人员犯的错误–依靠jQuery
这个JavaScript库是一个工具，可为DOM操作，动画，事件处理等创建抽象层。大多数开发人员开始其前端开发时都以为jQuery是JavaScript的简单版本。他们不知道无法用jQuery代替JavaScript。过于依赖jQuery表明您对基本的JavaScript概念缺乏深入的了解。如果您想成为一名成功的Web开发人员，那么学习JavaScript 非常重要。
忽略移动用户
开发网站时，始终至关重要的是为移动用户优化它。如果您未能将其包括在目标受众中，那么您将失去50亿移动用户。开发网站时，您必须考虑移动用户的体验。您的Web应用程序必须具有无缝导航并可以访问所有设备类型的内容。为避免Web开发人员犯的一个错误，您可以使用Bootstrap，这是一个免费的开源HTML，JavaScript和CSS框架。如果您遵循Bootstrap惯例，则可以轻松实现响应式Web应用程序。
广泛使用Bootstrap
Bootstrap是通常用于网站建设的用户界面框架。许多Web开发人员使用Bootstrap作为样式化网站应用程序的一种方法。尽管它可能有有益的用途，但是仅凭它来代替CSS是不够的。设计网站时，您的目标是使它尽可能地响应。为此，Web开发人员必须学习CSS的基础知识。一旦熟悉CSS，他们应该开始着手完善其Saas知识。
Web开发人员犯的错误–缺少SEO
这是Web开发人员犯下的最严重的错误之一。网站上缺乏SEO最佳做法的原因是SEO专家的信息不正确。许多Web开发人员认为他们具有适当的SEO知识，因此可以轻松地将其纳入网站中。掌握SEO是一个挑战，并且Web开发人员没有看到需要真正的SEO专家。如果要创建最大化的网站，则应在开始构建网站时立即考虑SEO。如果最后推迟，则可能必须重写整个系统。
无法模块化代码
Web开发人员必须完成的最关键任务之一就是确保其代码模块化。不要将所有代码放入一个HTML文件中。将CSS，HTML和JavaScript合并在一个文件中也不是一个好习惯。最好将JavaScript分解为一个外部文件以分离功能。JavaScript的本机组件可改善您的项目体系结构，使您可以更轻松地编写单元测试。
将便携性视为理所当然
经验丰富的Web开发人员应始终计划可移植性。您不能仅假设服务器上存在数据库连接字符串，硬编码的文件路径或库。当您认为本地开发计算机与生产环境匹配时，可能会导致大量问题。为了避免这种情况，您必须确保您的Web应用程序可以使用负载平衡的多服务器环境进行扩展。如果可以，请允许一个配置文件并准备在Web服务器配置有所不同时处理异常。
无法优化带宽使用
Web开发和测试通常在本地网络系统中进行。因此，在下载大图像时，在开发区域中可能看不到高速Internet连接的任何问题。但是，当用户尝试使用3G连接加载您的网站时，可能会出现问题。忽视用户体验可能会对您不利。如果这样做，则必须准备接受投诉和不良的网站排名。当优化带宽使用率时，可以提高性能。
要实现这一提升，您需要执行以下操作。
- 缩小所有CSS
- 缩小所有JavaScript
- 优化图像尺寸和分辨率
- 压缩服务器端HTTP
很容易假设您应该始终将最小可行产品（MVP）投放市场。但是，这导致Web开发随意地在其应用程序上工作。匆忙提供产品的目的忽略了用户现在要求更高的事实。他们想要可以轻松使用的东西。因此，如果您的网站不考虑扩展性，那么您将遇到严重的问题。启动应用程序后，您甚至可能不得不重写应用程序的大部分区域，这是Web开发人员讨厌的。作为熟练的Web开发人员，您必须考虑最终用户。
一个示例是您选择继续在特定的Web服务器上上传用户的图片。这种做法是可以接受的，因为它可以快速访问应用程序中的文件，每个开发平台都提供文件处理方法，并让您有机会将图像显示为静态内容，同时对Web应用程序的负载最小。
但是，当您的应用程序增长并处理更多Web服务器时，这可能不是理想的设置。即使扩展数据库存储，Web服务器和会话状态服务器，可伸缩性也有可能失败。为避免这种情况，您必须放置文件同步服务。您也可以尝试将文件分布在Web服务器上。如果从一开始就使用共享文件存储或远程存储解决方案，将更加容易。
Web开发人员犯的错误–破碎的RESTful模式
Web开发包含RESTful API的使用。它反映在大多数Web应用程序中，无论是与外部系统集成还是内部使用。但是，仍然有些人没有遵循预期的做法，并犯了编写RESTful API的错误，从而导致模式损坏。
模式损坏的原因可能包括。
- 错误的HTTP动词的使用。您可能正在使用GET写入数据。当您使用一种资源调用GET时，答案保持不变，并且您不会看到应用程序状态的任何变化。这样做的原因是因为HTTP GET的设计是安全的。
- 无法发送适当的HTTP状态代码。例如，您不能仅发送带有代码200的错误消息，因为您只能在请求中没有错误时发送它。如果有错误，请发送400或401。您必须熟悉今天可用的HTTP状态代码。
Web开发人员犯的错误–最后的决定
Web开发人员尽管在提供无缝的Web应用程序以供用户使用方面做得很出色，但有时可能无法交付最终用户。这些常见的错误可能会成败自己的职业。Web开发人员犯错误的关键要点：Web开发人员一定不能不熟悉最新的应用程序。当您在一个日新月异的快节奏行业IT世界中工作时，您必须紧跟最新发展。否则，您将争先恐后。谷歌，例如，定期介绍其算法的大量变化。您必须在必要时知道并适应这些更改。
现在，请仔细检查您的程序，看看是否犯了这些错误。在启动前立即修复它们，因此您不必重写它们。最后，保护您的数据隐私，这对于您进行的任何项目都是最重要的！
近期评论