用恰当的方式玩技术

  我一直以为,一个成功的网站是绚丽的,给人好的用户体验与美的视觉感受,随着不断对网页的优化,一次次看到残缺的页面,我疑惑了,难道用户只是来你的网站看风景的???如果是,那些华丽丽的效果带来的加载时长也未必有人愿意去等待。作为一个喜欢前端的人来说,华丽的网站的确常常带给人眼前一亮的感觉,惊叹并想一探究竟,便会打开网页代码查看器,但是对于一个学习者,常常开十几个网页,开几个浏览器做测试,如果让我在效果与内容上做选择,我宁愿越简洁越好~直截了当的把我想要的给我就行~再美的网站,死等等不出来,就只看得到缓冲标志孤零零的在页面上自娱自乐,这样的网站,那些闪光点估计难以示人,所以,我觉得有必要探究一下WEB开发模型~

  好的网站我想应该是在给人所想要的基础上,设计好的用户体验方案,然后才是适当的增加美甚至开辟一个绮丽的空间~内容才是王道,内容才是人们访问网站最根本的需求,这里就不得不说一下web开发模型,主要偏向于前端的理解:

  渐进增强:一种分层设计网页的方式,以内容为主角,力求提高易访问性。

  优雅降级:一种强调系统容错性的软件开发方式,以浏览器为主角去开发网页,即完成最完整的页面效果,再根据浏览器分别修正删减。

  从定义可以看出,渐进增强是我所推崇的,可以说渐进增强是从优雅降级演化而来的,其实也就是我们常说的HTML,CSS,JS分离独立开的开发方式,结构层(struct),表现层(presentation),行为层(behavior)的分离就是一种渐进增强,html负责最基本的内容表达,在保证内容的基础上用CSS丰富页面,最后就是js来负责页面动态表现与基本交互,即使用户端关闭js甚至是css,也不影响网页完成它的基本任务,这就是渐进增强,并不是什么深奥难懂的概念~

  渐进增强好在哪?1.用户可以更好的获取自己想要的内容。

          2.解决性能问题,对于未启动JS的用户,可以不用浪费带宽去下载JS文件。

          3.易于访问,尤其是网速缓慢,带宽紧张时,用户能更快的获取自己想要的内容。

          4.代码可读性强,开发维护相对容易。

          5.各文件可被浏览器缓存,复用。当再次访问时不必再次加载相关文件,提高网页加载速度~

  

  套用最近在书上看到的一句话做总结吧,蛮有感触的:我们设计网站的理想境界是让未经专业训练的用户几乎无法察觉某个优秀网站背后所用的技术。如果这些技术被刻意地凸显出来,那么网站的整体目标反而会变得模糊~

  其实一开始我是被一些网页效果迷住而爱上前端的,我喜欢创造性的东西,可是实践告诉我的是,要用最恰当的方式玩技术~学习也应该是个渐进增强的过程,一步步走踏实了~

原文地址:https://www.cnblogs.com/pada/p/3661093.html