前端开发过程中非常重要的知识点和框架

小技巧:

  1.美工大图片不超过100KB
  2.静态页加载时间不超过1s
  3.页面加载时间不超过5s
  4.白屏时间不超过1.5s
  5.超过两屏以上的页面要加totop

头部:

  1.业务类页面头部使用 lvheader 插件

  2.专题使用 ztheader 插件。

定位:

  1.城市数据的获取和赋值统一使用前后端的定位选择插件 positionUtil(location),实现整站城市的数据流转(特殊城市列表除外)

统计:

  1.业务类布码,在调用统计方法之前引入 statisticsUtil-x.x.min.js

  2.专题类布码,在页面底部引入 mlosc.js 。

多页加载:

  1.对于超过两屏的页面,需在页面底部异步引用 toTop 插件

  2.加载下一页数据时,需使用 toTop 插件中相应的类名展示不同的状态(lvLoading-over、lvLoadinghide)

  3.列表子元素需新增 lvAddBgcolor 类名,点击时会有统一底色(需引用 toTop 插件

  4.有超过一屏的图片展示,需使用 lazyload 插件,实现懒加载;


  参考地址:驴妈妈H5开发手册,  https://github.com/LVMM-H5/front-end-style-guide 

原文地址:https://www.cnblogs.com/xianxianxxx/p/8477810.html