新手必踩5大坑,避过你将是下一个Web前端高薪大牛!
作为初入职场的我们,在进修与事变中,老是会碰着差异的荆棘。固然有些错误与某一个详细的举动相干,但有些错误却是全部Web开拓职员都必要面临的挑衅。因此,通过研究,体验和调查,总结了Web开拓职员常犯的5个错误——以及怎样停止这些错误分享给各人。 错误一 转件所谓“应该能行”的代码 错误:无论是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,可以帮忙打点库/框架。至于web处事器自己?在譬喻Microsoft Azure Web Apps的辅佐下,你可以快速建设一个网站,险些全部的开拓场景都可以很轻轻松松地局限化到你的营业中! 最后结语 通过辨认这些常见的错误,web开拓职员可以停止许多让其他人饱受煎熬的荆棘。我们不只必要认可错误,还应该清晰错误的影响,并采纳法子停止错误,这样才气有更好的开颁发明——并有信念完成使命! 【编辑保举】
点赞 0 (编辑:湖南网) 【声明】本站内容均来自网络,其相关言论仅代表作者个人观点,不代表本站立场。若无意侵犯到您的权利,请及时与联系站长删除相关内容! |