移动端页面总结

关于前端移动端页面开发的总结

从两种情况来看：
一、单页面（落地页之类的）
1.一般都是分为几个大的模块，可以延续之前的做法，每个模块都用一个语义化的ID表示出来，更加便于维护；
2.可以像之前一样搭好一个大的框架，在框架里面填内容就可以了；
3.对于字体、颜色等尽量从蓝湖中取得，如果没有那么最好在写页面之前先统一全页面字体大小、背景颜色等；
4.关于图片压缩的问题，之前都有过几次这种情况的出现，目前正在寻找更好的方法。
现在的做法是根据屏幕大小（750px为基准），将甲方所给的图片按比例进行缩放，如果在适应性问题中出现了图片压缩，采用媒体查询的方式修正；
5.关于页面规范的问题：正常情况下html代码中不要太多css样式，在写单页面中为了快速完成我们一般习惯写行内样式，
这种在后期最好是单独列入style标签中或者是一个单独的css文件，会使得整体代码更加整洁，结构更加清晰，
还有一种情况是每一个板块下单独写了一个style标签放样式，这种最好是写在head标签里的一个总的style标签中，更有利于页面整洁和后期维护；

二、非单页面（公众号之类的）
    1.公众号页面比较多，一般都可以通过蓝湖直接获取字体、颜色等基本样式，但是为了适应不同屏幕字体大小，一般通过引入js来控制字体大小，
      在这里我们将所有的px换算成rem来表示，对于自适应情况更加友好,同样，这种情况下图片压缩变形问题基本上不会出现；
    2.多页面一般会分为几个大的板块，我们在对html、css、js命名的时候就可以将其划分开，团队开发和维护会更加便捷；
    3.一个页面一般分为头部、主体部分和底部三大模块，在入手的时候可以先把复用性高的头部和底部模块写好，在写其他页面时直接引入修改部分内容就可以了；
      主体部分和单页面一样，可根据情况先构建好主体框架，再填内容；
    4.多页面中要用到的框架我们采用的是Vant框架，很多组件都可以直接拿过来用，再根据设计图改变一些样式就可以了，这样可以节省很多时间；