深圳Web培训
达内深圳罗湖中心

185-8886-4961

热门课程

Web开发人员常犯的10个错误(上)

  • 时间:2016-03-16
  • 发布:深圳Web培训
  • 来源:达内新闻

说到开发一个运行在现代网络中的网站:Web开发人员需要选择虚拟主机平台和底层数据存储,准备编写HTML、CSS和JavaScript用的工 具,要有设计执行方式,以及一些可用的JavaScript库/框架。在将任务分解为这几步之后,接下来要做的就简单多了,可以去网上找文章,浏览论坛, 看看那些能提供更好的Web体验提示的示例。

然而不管是走哪条路,犯错却是每一个开发人员都不可避免的。虽然有些错误与某一个具体的行为相关,但有些错误却是所有Web开发人员都需要面对的挑战。因此,通过研究,体验和观察,我总结了Web开发人员常犯的10个错误——以及如何避免这些错误。

以下要点没有特定的顺序。

1)写一些过时的HTML

错误:早期的互联网比起我们现在,标记的选择要少得多。然而,旧习难改,现在很多开发人员写的HTML就好像还身处20世纪一样。举例来说,我们使用元素用于布局,当其他特定语义标签更适合的时候使用span或div元素,在当前HTML标准不受支持的时候使用center或font标签,在页面上间隔项目,如果有大量 字符实体的话。

影响:遵从这种过时的HTML规则可能会导致标记过于复杂,结果是在不同的浏览器中发生不同的行为。而且没有了改进浏览器的动力,因为没有必要更新 到最新的浏览器,如Microsoft Edge,哪怕是Internet Explorer版本(11、10、9)也变得没有必要。

如何避免:停止使用元素用于内容布局,限制使用元素来显示表格数据。例如可以去whatwg.org了解当前可用的标记选项。使用HTML去描述内容是什么,而不是说明内容如何展现。

2)“明明在我的浏览器中是可行的……”

Web开发人员常犯的10个错误(上)

错误:开发人员往往会偏爱某一个特定的浏览器,或者特别讨厌某一个,可能主要是因为对测试网页视图有所偏见。也有可能是因为从网上找到的代码示例不能保证会如何呈现在其他浏览器中。此外,一些浏览器对风格有不同的默认值。

影响:以某一个浏览器为中心写的网站,在其他浏览器中显示时,其质量将会很差。

如何避免:在开发过程中,在所有浏览器和版本中测试网页是不切实际的。不过,每隔一段时间,在多个浏览器中检查网站的样子不失为一个好方法。现在,不管你偏好的是什么平台,总有免费的工具可用:免费的虚拟机、网站扫描仪。

3)不好的格式

错误:提示用户提供信息(特别是在输入文本字段的时候),并假设数据会如预期接收。

影响:很多事情会(或者很有可能将会)出错,当我们信任用户输入的时候。如果无法提供所需的数据,或接收到的数据不能与下面的数据模式兼容,页面可 能会失败。更为严重的是,有的用户可能会故意违背网站的数据库,例如可以通过注入式攻击(见OWASP:Top 10 2013-A1-Injections)。

如何避免:你首先要做的事是确保用户清楚你需要什么类型的数据。比如说,如果你只说要地址,那用户不知道指的是单位,家庭还是电子邮件的地址!除了 要具体,还要充分利用现在的HTML提供的数据验证技术。不管数据在浏览器端是如何验证的,确保它始终也在服务器端验证。不要让一个串接的T-SQL语句 使用来自于用户输入的,各个字段的类型没有经过确认的数据。

4)臃肿的响应结果

错误:页面充满了许多高品质的图形和/或图片,这些图形和/或图片借助img元素的高度和宽度属性按比例缩小。来自于页面链接的文件,如CSS和JavaScript,很大。源HTML标记也可能是不必要的复杂和全面。

影响:完全渲染页面的时间是如此之久,以致于一些用户放弃了,或者甚至于直接不耐烦地重新请求整个页面。在某些情况下,如果页面处理等待太久,会出现错误。

如何避免:不要抱有现在互联网接入越来越快的侥幸心态——从而允许臃肿的场景。相反,要将从浏览器到你的网站的来回当为一种成本。图像是网页臃肿的主要罪犯。为了最大限度地减少图像成本,减轻页面加载的压力,可以试试以下三个技巧:

问问你自己:“这些图形真的有必要吗?”删除不需要的图片。

使用例如Shrink O’Matic或RIOT的工具来减少图像文件大小。

预加载图像。这不会提高初始下载的成本,但可以让网站其他页面图像加载速度更快。

另一种减少成本的方式是压缩CSS和JavaScript链接文件

5)创建所谓“应该能行”的代码

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

影响:不经过适当错误检查的网站就是对最终用户耍流氓。不仅会极大地影响用户体验,而且其错误消息内容的类型可能会给黑客线索来渗透这个站点。

如何避免:是人都会犯错,这个哲理同样适用于编码。使用JavaScript,一定要实施好的技术来防止并抓住错误。虽然这篇文章描绘了用 JavaScript编码Windows应用程序,但是大部分的内容也适用于web开发,许多提示都很不错!另一种能让代码变得可靠又能在未来变化中存活 下来的方法是单元测试。

如果我们够仔细,那么就能捕捉到服务器端的代码失败,而不被用户发现。只显示必要的信息,并且一定要确保设置友好的错误页面,如HTTP 404s。

更多WEB培训、WEB就业、WEB薪资、WEB教程等内容,请访问达内深圳WEB培训官方网站!众多资深WEB大神级讲师为您答疑解惑!

上一篇:【达内学堂】怎么学习DIVCSS
下一篇:Web开发人员常犯的10个错误(下)

非科班程序员该如何提升技能

程序员必须遵守的 11 条规则

达内深圳web培训专家总结HR面试最看重的JS技术要点

6个Xcode技巧,掌握了就不愁啦

选择城市和中心
贵州省

广西省

海南省