全国热线

025-86901720

全国监督投诉热线:9:00-23:00

Web前端初学者需要避开的五个坑

南京学码思web培训学校老师为大家总结了web前端初学者需要避开的五个坑,希望大家能避免这些误区,学习的时候也能少走一些弯路,一起来了解一下。

Web前端是互联网+时代的重要技能,近些年才兴起,高校尚没有相关人才培养,所以很多学习web前端的人都是零基础转行而来的,对于这个行业了解还不是很多,学习的过程中也容易遇到一些错误和挫折,这是我们需要面对的挑战。今天南京学码思web培训学校老师为大家总结了web前端初学者需要避开的五个坑,希望大家能避免这些误区,学习的时候也能少走一些弯路,一起来了解一下。

Web前端初学者需要避开的五个坑

错误一转件所谓“应该能行”的代码


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


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


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


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


错误二写分叉代码


错误:本着支持所有浏览器和版本的崇高理念,开发人员立志创建可对任意可能情况作出回应的代码。代码中if语句成堆,所有方向都有分叉。


影响:随着浏览器新版本的更新,代码文件会变得越来越笨拙和难以管理。


如何避免:实现代码的功能检测和浏览器/版本检测。功能检测技术不仅可以显著减少代码量,还更易于阅读和管理。不妨考虑使用如Modernizr这样的库,不仅有助于功能检测,还能自动帮助提供不能跟上HTML5和CSS3速度的旧版浏览器的反馈支持。


错误三非响应式设计


错误:假设开发/设计人员在相同尺寸的显示器上开发网站。


影响:当在移动设备或在非常大的屏幕查看网站时,用户体验要么很难看到页面的重要方面,要么甚至要时刻注意着不导航至其他网页。


如何避免:响应式的思维方式。在网站中使用响应式设计。这里有一些关于这方面的实用教程,包括响应式图片,还有一个非常受欢迎的库,那就是Bootstrap。


错误四网站过多刷新


错误:创建的网站需要为每一个互动而全面刷新页面。


影响:类似于页面臃肿(参见#4),页面加载时间的性能会受到影响。用户体验缺乏流畅性,并且每次互动都可能导致网页短暂(或长时间)的复位。


如何避免:快速避免这种情况的一个方法就是,通过测定回发到服务器的内容是否是真正需要的。例如,当不依赖服务器端资源的时候,客户端脚本可用于提供直接结果。你也可以应用AJAX技术或进一步使用单页的应用程序“SPA”方法。流行的JavaScript库/框架,如JQuery、KnockoutJS和AngularJS,能让这些方法的采用变得容易得多。


错误五做了太多的无用功


错误:开发人员花了很长的时间来创建web内容。大量的时间花在了重复的任务上,或者自己敲代码写了很多。


影响:初始网站的发布和后续的更新时间过于冗长。如果其他开发人员也在在做同样的工作,却用了更少的时间和精力,那么你的开发价值显然就低了。手动劳动很容易出现错误,而排除故障错误需要更多的时间。


如何避免:探索你的选择。在开发的每一个阶段考虑使用新的工具和新的流程技术。例如,你目前使用的代码编辑器相比SublimeText和Visual Studio,如何?不管你使用的是什么样的代码编辑器,你非常近有好好钻研它的功能吗?也许只投入稍稍一点时间去仔细阅读文档,就可以发现做事的新方法,为今后节省一个又一个小时的时间。例如,在这篇文章中,扩展Visual Studio可以为web开发人员提高生产效率。


不要错过网上可用的帮助工具!例如,检查在dev.modern.ie上的工具以简化测试(跨多个平台和设备)以及排除故障。


你也可以通过实现流程自动化以减少时间和错误。这方面的例子是使用Grunt工具,例如它的自动化功能可以减小文件(见第4点)。另一个例子是Bower,可以协助管理库/框架(参见第9点)。至于web服务器本身?在例如Microsoft Azure Web Apps的帮助下,你可以快速创建一个网站,几乎所有的开发场景都可以很轻轻松松地规模化到你的业务中!


以上这六个就是web前端开发中常见的几个错误,让不少人饱受挫折,只有及早认识到这些错误,并积极采取措施避免错误,这样才有利于前端开发更好地进行。如果你对此还有什么疑问或者想学习更多前端开发技巧,获得学码思免费web前端教程的话,可直接咨询在线老师,也欢迎你亲自前来南京学码思实地考察了解。


上一篇:Web前端中必学的10款HTML5/CSS3菜单
下一篇:初学编程掌握这几个小工具可事半功倍

相关推荐

免费试听 | 学费咨询 | 在线报名 | 申请补贴 | 软件培训 | 网站地图

2016-2020 南京学码思教育科技有限公司 .All Rights Reserved

苏ICP备16033487号 www.njxms.com.cn

全国热线

400-080-3312

全国监督服务热线:9:00-23:00