余晖落尽暮晚霞,黄昏迟暮远山寻
本站
当前位置:网站首页 > 编程知识 > 正文

前端开发人员常犯的5个错误,赶紧进来避雷!

xiyangw 2023-10-05 16:27 12 浏览 0 评论

在学习Web前端的过程中,一定要避开这五大坑!有哪些?知道吗,就看一眼,以后不吃亏!

作为一名新工人,我们在学习和工作中总会遇到不同的挫折。虽然有些错误与特定的行为有关,但有些错误是所有Web开发人员都需要面对的挑战。因此,润天教育通过调研、经验和观察,总结了web开发人员——常见的五个错误以及如何避免。

一、所谓的“应该工作”代码的错误副本。

错误:无论是Java还是服务器上运行的代码,开发人员都需要测试确认是否正常运行,而不是认为部署后就应该从头到尾运行。

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

如何避免:每个人都会犯错,这个哲学也适用于编码。使用Java,我们必须实现好的技术来防止和捕捉错误。虽然这篇文章描述的是用Java编写Windows应用程序,但是大部分内容也适用于web开发,很多技巧都非常好!另一种使代码可靠并经受住未来变化的方法是单元测试。


如果我们足够小心,我们可以在不被用户发现的情况下捕捉到服务器端的代码故障。只显示必要的信息,一定要设置友好的错误页面,比如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服务器本身?例如,借助微软Azure Web Apps,您可以快速创建一个网站,几乎所有的开发场景都可以轻松扩展到您的业务!

相关推荐

华为交换机配置命令总结

1、配置文件相关命令[Quidway]displaycurrent-configuration显示当前生效的配置[Quidway]displaysaved-configuration显示fla...

解决账户无法登录的故障
解决账户无法登录的故障

在优化系统时错误地根据网上的提示,将唯一的Administrator账户设置为禁用,导致重启后无法进入系统。类似的故障还有使用组策略限制本地账户登录,导致重启后...

2023-10-11 17:16 xiyangw

S5720交换机登录提示初始密码存在安全风险
S5720交换机登录提示初始密码存在安全风险

问题描述客户每次登录输密码时,提示初始密码不安全,现在客户嫌麻烦想要去掉:Username:huaweiPassword:Warning:Theinitia...

2023-10-11 17:15 xiyangw

Springboot,Mybatis修改登录用户的密码
Springboot,Mybatis修改登录用户的密码

一、Mybatis.xml<updateid="changePassword"parameterType="string...

2023-10-11 17:15 xiyangw

PHP理论知识之沐浴更衣重看PHP基础(二)
PHP理论知识之沐浴更衣重看PHP基础(二)

接上篇,咱们继续讲解PHP基础八、标准PHP组件和框架的数量很多,随之产生的问题就是:单独开发的框架没有考虑到与其他框架的通信。这样对开发者和框架本身都是不利的...

2023-10-11 17:15 xiyangw

新鲜出炉UCloud云主机“数据方舟”评测报告(5)— — 关其城
新鲜出炉UCloud云主机“数据方舟”评测报告(5)— — 关其城

2015年10月29日,UCloud云主机黑科技——“数据方舟”功能正式上线,首轮内测随即开放。截止至2015年12月6日,我们共收到了534位用户的评测申...

2023-10-11 17:14 xiyangw

业余无线电Q简语及英文缩语
业余无线电Q简语及英文缩语

Q简语:语音通信及CW通信通用(加粗为常用)QRA电台何台QRB电台间之距离QRG告之正确频率QRH频率是否变动QRI发送音调QRJ能否收到QRK信号之可...

2023-10-11 17:14 xiyangw

非常详细!如何理解表格存储的多版本、生命周期和有效版本偏差
非常详细!如何理解表格存储的多版本、生命周期和有效版本偏差

表格存储在8月份推出了容量型实例,直接支持了表级别最大版本号和生命周期,高性能实例也将会在9月中旬支持这两个特性。那么,最大版本号和生命周期以及特有的...

2023-10-11 17:14 xiyangw

H3C交换机恢复出厂和各种基本配置,这20个要点你知道吗?
H3C交换机恢复出厂和各种基本配置,这20个要点你知道吗?

私信“干货”二字,即可领取138G伺服与机器人专属及电控资料!H3C交换机不知道密码如何恢复出厂设置1、开机启动,Ctrl+B进入bootrom菜单,选择恢复出...

2023-10-11 17:13 xiyangw

在使用移动支付系统的时候如何保护信息安全?

移动支付的方式近年来不断被更新,使得Venmo(据嘉丰瑞德理财师了解,此为美国的“支付宝”)之类的支付方式已经可以某种意义上代替随身携带现金了。但是你必须防范那些第三方应用程序轻松地获取你的银行卡以及...

界面控件DevExpress WinForms MVVM入门指南——登录表单(下)

从本文档中,您将了解如何向应用程序添加登录表单。在本节教程中着重讨论了如何实现此任务,这基本上是附加应用程序功能的一部分。DevExpressUniversalSubscription官方最新版免...

linux基础命令(一)
linux基础命令(一)

为啥要学linux?您可能熟悉WindowsXP、Windows7、Windows10和MacOSX等操作系统。Linux就是这样一种强大的操...

2023-10-11 17:13 xiyangw

MySQL数据库密码忘记了,怎么办?

#头条创作挑战赛#MySQL数据库密码忘记了且没有其他可以修改账号密码的账户时怎么办呢?登录MySQL,密码输入错误/*密码错误,报如下错误*/[root@TESTDB~]#mysql-u...

MobaXterm忘记Session密码,如何查看已保存的密码
MobaXterm忘记Session密码,如何查看已保存的密码

MobaXterm工具登录过SSH终端后,如果存储了Session(存储后再连接ssh的时候只需要输入账号不需要输入密码就可以直接连接上ssh),则可以...

2023-10-11 17:12 xiyangw

华为交换机密码丢失修改方法
华为交换机密码丢失修改方法

华为S2300交换机找回密码设置一、目的交换机的console和telnet密码丢失,无法登录设备。交换机已进行过数据配置,要把密码恢复而数据配置不能丢失。二、...

2023-10-11 17:12 xiyangw

取消回复欢迎 发表评论: