目前有几个方案:
1、使用 Bootstrap 之类的 CSS 框架,自动化实现 “响应式” 前端
问题:这样前端页面代码是一样的,在定义一些细节会不会有局限性?
2、为移动端与 PC 端各自单独写一个前端页面。
问题:维护难度大,比如网站有三个主要页面:首页、列表页、内容页,就要各自写三份。。头大。
3、套用模板系统,为移动端与 PC 端各自单独写一个前端页面模板
问题:如上,维护难度略小于方法2
各位有什么实现不同终端不同页面的优雅的方法?
方案四,自己造輪子,實現一個輕量級類 Bootstrap CSS 框架。
優勢:無限的靈活性與可重用性。
缺點:可能與原有項目重複,造成浪費。
若造不出與原有輪子截然不同的輪子,不建議選擇方案四。
什麼是優雅?優雅就是將複雜難看的實現細節統統隱藏,只暴露簡潔抽象的宏觀接口,這是方案一與方案四的共通之處。
至於方案二和三,完全可以自己將響應式的統一模式提煉出來,達到結合方案一和四的效果,即在 bootstrap 等現有框架的基礎上再構建一層。
不過最後還請注意:
Abstract layer can solve many problems, except problem of having too many abstract layers.
版权声明:本文内容由阿里云实名注册用户自发贡献,版权归原作者所有,阿里云开发者社区不拥有其著作权,亦不承担相应法律责任。具体规则请查看《阿里云开发者社区用户服务协议》和《阿里云开发者社区知识产权保护指引》。如果您发现本社区中有涉嫌抄袭的内容,填写侵权投诉表单进行举报,一经查实,本社区将立刻删除涉嫌侵权内容。