移动前端概述
移动行业现状
浏览器种类繁多,参差不齐
除了系统原生浏览器,还有很对第三方浏览器。如UC,百度,腾讯,360,遨游等等,这些浏览器对HTML5的支持度不一,对网页的渲染和交互各有不同,还有一些浏览器性能堪忧,从而增加了前端开发成本。
网速仍然是性能瓶颈
在pc时代,网速是困扰用户和开发者的一大难题。到了移动时代,这个问题更是被加倍放大。移动终端所处的网络环境差,是客观存在的现象,无论是3G,还是4G,网速都是阻碍移动前端发展的瓶颈。
多框架造成高门槛
在众多开发技术中,由于前端没有服务器错综复杂的业务逻辑,也不用配置臃肿的开发环境,所以比较简单易学。但是现如今,为了解决前端开发工程化,模块化,开发和维护成本等一系列的问题,出现了一大批前端框架,这就为学习者带来了学习难度。
移动网页开发和PC网页开发的区别
移动端浏览器类型
移动端浏览器内核
移动开发测试环境
通过谷歌浏览器可以测试不同型号,不同分辨率,及不同操作系统中的网页。
其实,在实际开发中不可能同时需要这么多项测试,一般变换型号,网络,分辨率即可。
移动端像素
移动端视口
布局视口和视觉视口
理想视口
meta标签的语法规则
meta视口标签的使用
移动网页开发
使用相对长度单位em布局网页内容
示例
<html>
<head>
<meta chars