“渐进增强”和“优雅降级”都是我们在前端开发中常见的一种策略,他主要是用户处理不同浏览器以及设备的兼容性问题,给用户一个良好的用户体验
渐进增强
先确保用户的核心需求可以满足,再这个基础之上,逐步增强用户体验。
举例来说,用户渴了,可以先给他一杯白开水解决他口渴的基本需求,然后往白开水里加入柠檬片,来提升口感,最后再给上一根吸管,诶,用户的体验就是这样逐步增强的。
我们回到前端世界,先实现基础的页面布局,接着使用css来美化页面,最后加入js实现更复杂的交互和动态效果。
优雅降级
给出一个功能丰富的版本,如果遇到能力较低的浏览器,则提供一个稍微简化的版本。
举例来说,还是用户渴了,我们直接给他一杯冰柠檬水,结果用户不能喝柠檬?那就把柠檬去掉,然后用户不能喝冰的?那就给一杯不加冰的白开水。
我们再次切换到前端世界,给出一个适用于大多数浏览器的版本,对一些比较老旧的浏览器,再给出一个基本但是能正常使用的版本。
哦对了,我最近开发了一个叫
牛马工作器的chrome拓展插件,很好玩哦,感兴趣的话,给我的公众号回复牛马即可免费获取。