最近接触了一个移动端项目,用到和踩过的坑记录下来
1.移动端适配
移动端免不了也要适配,查过多方资料,最后采用淘宝的做法,flexible
用法:下载插件连接到HTML页面中,注意head里面不必写<meta name="viewport" content="initial-scale=1, maximum-scale=1, minimum-scale=1, user-scalable=no">,链接插件后会自己 生成的。<html data-dpr="1" style="font-size: 32px;"> data-dpr和font-size也是后来生成的。每个机型下的data-dpr数字都会不一样。
2.移动端的计算,在链接flexible后
链接flexible后,我们的计算可能会比较麻烦,但是sublime为我们提供了一个插件,cssrem,用法很简单,只需要把cssrem下载到sublime之后,我们正常的输入px,点击enter键,会自动把px转化为rem。
3.移动端选择年月日
移动端免不了要选择一些年月日,找了一些插件,最后觉得不错的是,datepicker,附上链接源码https://xingchou.github.io/pluginApp/dist/index.html#/list/datePicker,由于我的项目中涉及开始时间和结束时间,又在源码的基础上改了改。
4.移动端下拉刷新,上拉加载
这个也是经过大量的实践,最终选择mescroll,api很全,我们所做的就是根据api来需要我们所用的就OK