【轻松一刻】前端开发中的“渐进增强”与“优雅降级”


“渐进增强”和“优雅降级”都是我们在前端开发中常见的一种策略,他主要是用户处理不同浏览器以及设备的兼容性问题,给用户一个良好的用户体验

渐进增强

先确保用户的核心需求可以满足,再这个基础之上,逐步增强用户体验。

举例来说,用户渴了,可以先给他一杯白开水解决他口渴的基本需求,然后往白开水里加入柠檬片,来提升口感,最后再给上一根吸管,诶,用户的体验就是这样逐步增强的。

我们回到前端世界,先实现基础的页面布局,接着使用css来美化页面,最后加入js实现更复杂的交互和动态效果。

优雅降级

给出一个功能丰富的版本,如果遇到能力较低的浏览器,则提供一个稍微简化的版本。

举例来说,还是用户渴了,我们直接给他一杯冰柠檬水,结果用户不能喝柠檬?那就把柠檬去掉,然后用户不能喝冰的?那就给一杯不加冰的白开水。

我们再次切换到前端世界,给出一个适用于大多数浏览器的版本,对一些比较老旧的浏览器,再给出一个基本但是能正常使用的版本。

哦对了,我最近开发了一个叫牛马工作器的chrome拓展插件,很好玩哦,感兴趣的话,给我的公众号回复牛马即可免费获取。

我的微信公众号: 梨的前端小屋


  目录