这5个大坑,在HTML5开发过程中你遇到过吗?

作者 : 开心源码 本文共1890个字,预计阅读时间需要5分钟 发布时间: 2022-05-11 共82人阅读

作为初入职场的我们,在学习与工作中,总是会遇到不同的挫折。尽管有些错误与某一个具体的行为相关,但有些错误却是所有HTML5开发人员都需要面对的挑战。因而,通过研究、体验和观察,千锋武汉HTML5培训老师总结了HTML5开发人员常犯的5个错误,以及应如何避免这些错误,分享给大家。

这5个大坑,在HTML5开发过程中你遇到过吗?

错误一、转件所谓“应该可以行”的代码

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

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

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

假如我们够仔细,那么就可以捕捉到服务器端的代码失败,而不被使用户发现。只显示必要的信息,并且肯定要确保设置友好的错误页面,如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服务器本身?在例如Microsoft Azure Web Apps的帮助下,你能快速创立一个网站,几乎所有的开发场景都能很轻轻松松地规模化到你的业务中!

这5个大坑,在HTML5开发过程中你遇到过吗?

最后结语

通过识别这些常见的错误,HTML5开发人员能避免很多让其余人饱受煎熬的挫折。我们不仅需要承认错误,还应该清楚错误的影响,并采取措施避免错误,这样才可以有更好的开发体现——并有信心完成任务!假如你对HTML5感兴趣,就赶快来学吧。

说明
1. 本站所有资源来源于用户上传和网络,如有侵权请邮件联系站长!
2. 分享目的仅供大家学习和交流,您必须在下载后24小时内删除!
3. 不得使用于非法商业用途,不得违反国家法律。否则后果自负!
4. 本站提供的源码、模板、插件等等其他资源,都不包含技术服务请大家谅解!
5. 如有链接无法下载、失效或广告,请联系管理员处理!
6. 本站资源售价只是摆设,本站源码仅提供给会员学习使用!
7. 如遇到加密压缩包,请使用360解压,如遇到无法解压的请联系管理员
开心源码网 » 这5个大坑,在HTML5开发过程中你遇到过吗?

发表回复