今天小编跟大家讲解下有关web前端新手最容易出现的4个错误 ,相信小伙伴们对这个话题应该有所关注吧,小编也收集到了有关web前端新手最容易出现的4个错误 的相关资料,希望小伙伴们看了有所帮助。
错误一、转件所谓“应该能行”的代码错误:无论是JavaScript 还是在服务器上运行的代码 开发人员都需要测试并确认它是否可以正常工作 而不是在部署了之后 就认为它应该就能从一而终地运行。
影响:不经过适当错误检查的网站就是对最终用户耍流氓。不仅会极大地影响用户体验 而且其错误消息内容的类型可能会给黑客线索来渗透这个站点。
如何避免:是人都会犯错 这个哲理同样适用于编码。使用JavaScript 一定要实施好的技术来防止并抓住错误。虽然这篇文章描绘了用JavaScript编码Windows应用程序 但是大部分的内容也适用于web开发 许多提示都很不错!另一种能让代码变得可靠又能在未来变化中存活下来的方法是单元测试。
如果我们够仔细 那么就能捕捉到服务器端的代码失败 而不被用户发现。只显示必要的信息 并且一定要确保设置友好的错误页面 如HTTP 404s。
错误二、写分叉代码错误:本着支持所有浏览器和版本的崇高理念 开发人员立志创建可对任意可能情况作出回应的代码。代码中if语句成堆 所有方向都有分叉。
影响:随着浏览器新版本的更新 代码文件会变得越来越笨拙和难以管理。
如何避免:实现代码的功能检测和浏览器/版本检测。功能检测技术不仅可以显著减少代码量 还更易于阅读和管理。不妨考虑使用如Modernizr这样的库 不仅有助于功能检测 还能自动帮助提供不能跟上html5和css3速度的旧版浏览器的反馈支持。
错误三、非响应式设计错误:假设开发/设计人员在相同尺寸的显示器上开发网站。
影响:当在移动设备或在非常大的屏幕查看网站时 用户体验要么很难看到页面的重要方面 要么甚至要时刻注意着不导航至其他网页。
如何避免:响应式的思维方式。在网站中使用响应式设计。这里有一些关于这方面的实用教程 包括响应式图片 还有一个非常受欢迎的库 那就是Bootstrap。
错误四、网站过多刷新错误:创建的网站需要为每一个互动而全面刷新页面。
影响:类似于页面臃肿 页面加载时间的性能会受到影响。用户体验缺乏流畅性 并且每次互动都可能导致网页短暂(或长时间)的复位。
如何避免:快速避免这种情况的一个方法就是 通过测定回发到服务器的内容是否是真正需要的。例如 当不依赖服务器端资源的时候 客户端脚本可用于提供直接结果。你也可以应用AJAX技术或进一步使用单页的应用程序“SPA”方法。流行的JavaScript库/框架 如JQuery、Knockoutjs和Angularjs 能让这些方法的采用变得容易得多。
总结:在学习与工作中 总是会遇到不同的挫折。虽然有些错误与某一个具体的行为相关 但有些错误却是所有Web开发人员都需要面对的挑战。
来源:爱蒂网