有关Web前端开发人员常犯错误之汇总的其他几点,详情可以点击查看Web前端开发人员常犯错误之汇总(上)
3.注意调整格式
错误:通过提示的方式向用户索取信息(特别是以输入文本字段的方式),并单纯假设该数据能够如预期般从用户处获得。
影响:在默认信任用户输入信息时,我们有可能面临大量意料之外的麻烦。如果所要求的数据未能被正确获得,或者所获得的数据与底层数据格式不兼容,那么页面很可能发生错误。更为严重的是,某些针对网站数据库的故意违反行为甚至足以构成注入式攻击。
如何避免:条建议就是要确保用户能够清晰地了解到网站要求其输入哪种数据类型。就目前而言,单纯给出“请输入地址”的提示可能代表着用户需要输入公司地址、家庭住址甚至是电子邮箱地址!除了作出针对性说明之外,我们还应当充分发挥现代HTML当中所提供的数据有效性验证技术。无论数据在浏览器端是否被视为有效,我们务必要在服务器端同样对其进行验证。永远不要在未确认字段内容符合数据类型要求的情况下,允许用户所输入的多行索引T-SQL语句使用站点数据。
4.反应速度太过缓慢
错误:对于包含有大量高品质图像以及/或者图片的页面,我们应当利用<img>元素对其高度及宽度属性进行调整。而来自页面中的CSS以及JavaScript等文件链接往往也体积庞大。另外,源HTML标记的存在经常会带来不必要的复杂性与加载负担。
影响:如何某个页面的完全渲染时间过长,那么一部分用户可能会放弃访问甚至不耐烦地重新加载整个页面。在某些情况下,如果页面的处理时耗太长,甚至可能引发其它未知错误。
如何避免:不要以为互联网的传输速度越来越快就可以毫无顾忌地设计出臃肿的页面成果。相反,将往返于浏览器与站点之间的每一点流量都视为运营成本。图片可以说是页面臃肿问题的罪魁祸首,因此为了限度降低图片给页面带来的加载成本,请从以下三个角度进行考量:
问问自己:“页面中所包含的所有图片都是必要的吗?”如果答案是否定的,那么去掉那些不必要的图像。大家也可以点击此处对自己的网站进行扫描,从而获取建议以了解哪些图片可以进行压缩。
利用ShrinkO’Matic或者RIOT这类工具来将自己的图片尺寸控制在低水平。
采取图片预加载方案。这虽然不会降低初始下载的具体成本,但却能够让站点上其它使用相关图片的页面拥有更出色的载入速度。
另一种降低成本的方式则是压缩CSS与JavaScript链接文件的体积。目前我们可以选择大量工具来帮助自己完成这项评估工作,其中包括MinifyCSS以及MinifyJS。
在结束第四点错误之前,我们还得提一句,请在HTML当中使用<style>或者<script>标签之前做出准确的判断(同点)。
5.编写出“应该能够起效”的代码
错误:无论是JavaScript还是运行在服务器端的代码,作为开发人员我们都应当通过测试来验证其实际运行效果,从而保证其一定能够在部署之后发挥预期作用。大家的代码在执行时不应引发任何错误,因为在此之前我们已经对其进行了充分测试。
影响:包含未经测试代码的站点很可能以极其糟糕的方式在供终用户使用时产生各类错误。这不仅会严重影响到用户的实际感受,同时错误信息内容的具体类型也可能会向打算入侵站点的黑客透露那些本该受到严格保护的细节线索。
如何避免:人是不可避免会犯错的,因此我们应当将这种哲学思维带入编程工作。在JavaScript当中,我们应当确保利用一切佳技术手段来避免错误的发生,并在其实际出现后及时捕捉。另外一种有助于提高代码质量的办法就是针对未来可能出现的变更对代码进行单元测试。
服务器端的代码错误必须要在用户尚未察觉时即被发现并加以修复。只向用户显示必要的错误提示,而且请大家再用点心,把自己的HTTP404错误页面设计得漂亮一点。
想要知道Web前端开发人员常犯错误还有那些,记得时刻关注我们,下篇我们将详细讲解Web前端开发人员常犯错误汇总。
================================================================
黑马先锋联系电话:400-8787-031
黑马先锋官方网址:http://www.heimaxf.com/
本页关键词:黑马 黑马先锋 郑州Java培训 郑州UI培训 郑州Web培训 Java培训 UI培训 Web培训 Java软件开发 UI/UE全能设计 Web前端移动开发 大数据技术开发 人工智能Python 平面视觉设计