管理好一个网站确实不多不少让人头疼,特别是我们这种前端web工作者,每天都要根据网站人流浪,网站的设计,网站内容的上存等等事情进行操作,那么我们的工作就是让用户更好的进行网上体验及网站的维护,它要求前端开发工程师不仅要掌握基本的web前端开发技术以便更好的让用户体验的一个工作。
一使用表达submit事件,不要用click事件;请用表单标签form
但是我都不知道自己遇到了多少次这种原因,当我提交一个表单时候,无论是在手机还是在电脑方面都没有反应,那么我又只能再重新操作一次,那么这次可以了,根据我多年的经验得出,这么简单的网页可用性操作一看就知道是一些业余的人做出来的,其实只要设置为鼠标按钮点击就可以了,非要在手机关键键盘的情况下滚动到页面底部来找到表单提交的按钮。这不就是显得操作有点多余吗?那么我教你一个方法就是用submit事件来设置。那么会使你的页面流畅翻倍。可以通过这个事件看出问题出现的原因并且迅速解决。
二不要阻止当有[control]或[meta]键按下时的点击事件
我平常比较喜欢在标签哪里打开想要的网页,我近也在找房子,所以我们打开页面的时候往往会点击进入网站去搜索网页,但是当我查找的网站出来的都是相同的网页标签,那么我就觉得这样很多余,那么问题只有一个就是当你对网页链接点击处理上没有使用preventdefault方法。那么麻烦你在检查用户是否按下了[control]或[meta]键:这样的好处就是当你的用户用标签打开网页的时候在用户浏览完成后不用重复的后退返回。
三在设置text-overflow:ellipsis的时候,请在你的网页元素上添加title属性
css属性和属性值其实对网站是很有帮助的,例如text-overflow:ellipsis。难么你可以在网站上很多方面使用text-overflow:ellipsis,程序员对于在css属性的使用情况也能够从测试出来不如你是通过鼠标点击出来的按钮,那么我建议你用title的属性来显示出完整的信息。为了避免内容出现2次错误,那么我建议你用下面的这个动态设置。因为你的最终目的都是为用户带来方便。
四不要忘了:focus和:active!
你们有没有在对页面元素的设置上忽略了一个东西,你们想到的是用户浏览页面都是差不多是利用鼠标来操作,就是这样你们忽略了同样还有键盘的存在,那么我们就要利用focus和:active标注说明。
作为一名web的开发者,我们要为用户做更多的事情,就好像在你下次开发网站的时候tab页面元素按不动不键或者页面没有任何聚焦点变化,那么可能是逆的样式出现问题,那么看看是否忘了给它们添加一些状态样式。
五请使用search/文本框类型
越是先进的东西就是越麻烦,有一次我在平板电脑或者电子设备中增加填充表格的时候,那么我要用键盘来输入,我希望web开发人员能够把它弄得方便点,学会使用正确的文本框类型来表达,免得用户操作上有问题。一个小小的改动能给你的用户带来大大的便捷。