从18年到现在,网站成立3年了,一直心心念念想优化移动端页面,但是由于种种原因一直没有动手,一是没有找到合适的移动端框架(自己手写移动端太丑了,和PC完全不一样的),另一个原因可能是因为移动端我不熟或者太懒不想接触这个领域。今天终于动手了!
极简移动端首页,有侧滑栏,支持上拉加载列表。
经验分享:
1、前端框架
移动端前端框架我用的mui ,号称最接近原生APP体验的高性能前端框架。
地址:https://dev.dcloud.net.cn/mui/, 有源码、文档、社区,很方便快速开发。
2、PC/移动端适配
适配到不同域名不同前端项目
因为我的前端是两个项目(或者你可以理解为同一个页面地址,PC和移动端访问是不同的两个页面),所以我特意为移动端新开了一个域名:m.hoscen.cn, PC端域名为www.hoscen.cn,关于利用nginx做适配跳转到不同域名,可以参考我之前写的一篇文章:nginx配置适配移动端和PC端访问网站
总结:
1、初步了解了移动端框架mui;
2、通过实战研究学会了nginx配置适配移动/PC网站;
3、不足之处是暂时只对首页做了单独的移动端页面开发,其他页面还是早期的通过css适配的那一套。以后有时间有精力再逐步对其它页面做移动端优化开发。