php设置php头,php

前端总结mobile篇

根据之前开发的一些h5项目，总结了一些可以重复利用的资源并加以归纳，以便后续使用，减少填坑数量，提升效率并可持续发展。

项目前端主要是：html+div+js，所以从这3个方面归纳：

html：

因为是h5项目，所以都是用的html5，头部声明更简单了且向下兼容，meta标签增加了viewport，设置页面缩放比例等，具体可以看本页面代码。其他的是新增了一些html5标签和功能等，本文章不具体讨论。

css：

这个分为2个方面：

1：基础样式base.css，这个主要是重置css元素，使各浏览器表现一致，并定义一些常用的原子样式；

2：基础样式common.css，这个主要是一个通用的样式模板；

3：通用组件css.html，这里面包含日常使用的按钮等css组件；

4：字体图标应用，这里介绍一些矢量图标字体的使用，如果只是移动端，可以只要ttf字体文件，减少加载文件。

js：

js主要实现页面的交互，这个同样分为2个方面：tab切换

1：基础库，这个根据不同需求，使用不同，还可以自己写。主要是封装了一些基础操作，提高效率。主要有：zepot.js、jquery、angular、vue等，根据需求使用。

2：增强库，这个主要是一些日常使用的通用函数，插件等，可以直接使用，省了不时间。

common.js：封装了一些日常使用的函数；

device.js：封装了通过浏览器的userAgent来获取客户端的相关信息；

extend.js：封装了transitionEnd,transform,requestAnimationFrame等一些扩展；

html2canvas.js：可以通过纯JS对浏览器端经行截屏，但截图的精确度还有待提高，部分css不可识别，所以在canvas中不能完美呈现原画面样式；

layer-weui.js：基于layer封装的一些常用的弹窗操作；

picker：原生下拉选择，城市选择和日期时间选择插件；

swiper：常用于移动端网站的内容触摸滑动(90KB有点大)；

infinite：常用语移动端滚动加载；

mock.js：mock模拟ajax加载获取数据；

other：

example 其它的一些常见问题解决方案。

plug：