移动端Web开发

最近在学习移动端Web开发，还是个小白，有不对的地方请评论指导～😝

你你你 你怎么穿了品如的衣服！

移动端Web开发属于前端开发中的一个子集，指移动设备上的Web前端开发工作，顺应着互联网和硬件的升级，在智能手机出现后，用户每天的上网方式发生了很大的改变。原本是固定的PC(Personal Computer，个人计算器)互联变成了现在的随时随地的移动互联。几乎人人都有一台自己的智能手机，时时刻刻的与世界的任何一个角落发生着联系。

浅谈移动Web 与 (HTML 5) 不得不说的关系！

HTML 5 ，其中的数字代号“5” 表示 超文本标记语言 HTML 的版本号，也就是第五次(重大修改)。
HTML 5的特性：(标签语义化、本地存储(locatStorage)、网页多媒体、图形特效(Canvas、WebGL))
HTML 5个人常用的技术：(视口控制(Viewport)、媒体查询(@media)、音视频播放(Audio、Video))

移动Web 与 原生应用的优劣势

一、移动 Web 的优势

• 跨平台: 网页应用运行在浏览器上，不会直接和系统打交道
• 开发成本低: Because 没有平台问题，开发者不需要掌握多种开发语言和框架
• 更容易迭代: Web应用所有的资源都在服务器，不需要用户主动安装和更新就可以实现产品的升级迭代

二、移动 Web 的劣势

• 功能有限: 因为没有和系统直接打交道所以只能使用浏览器提供的部分功能
• 操作体验欠佳: 由于运行在浏览器上，很多浏览器的质量参差不齐，操作体验势必有所下降
• 无法离线使用: 虽然 HTML 5 提供了离线存储，但是不代表客户在第一次首次访问应用的时候，本地已经存在
• 很难被发现: 用户获取APP的方式一般都是通过应用商店下载、APP桌面图标，而Web App 并不具备这些的条件

三、 原生应用的优势

• 功能完善: 几乎具备设备的所有功能的访问权限
• 体验更好: 速度快、性能高
• 可离线使用: 在无网络的情况下，客户也可以进行部分操作，因为原生App的所有程序代码和静态资源在用户安装app时就已经下载到了本地
• 发现机会高: 应用商城下载、桌面应用图标展示

四、原生应用的劣势

• 开发成本高: 有多少操作系统就得开发多少套应用程序，维护成本也会相对增加
• 迭代不可控: 安装首先需应用商城审核，其次需要用户即使的升级
• 内容限制: 应用商城审核规范条例

移动Web 现需解决的问题

• 浏览器种类太多，参差不齐
  除了系统原生的浏览器，还有很多第三方的浏览器，而且那些第三方的浏览器对HTML 5 的支持程度不一，对网页的渲染与交互也各不相同，增加了Web前端开发的成本。不止是web前端 PC端的IE就是一个魔鬼🙂️
• 网速仍然是性能的瓶颈
  在PC时代网速是困扰用户和开发者的最大难题，到了移动时代，这个问题更加被放大，很多时候开发者都需要为网页加速加载做更多的优化
• 多框架造成门槛高
  不管是移动端还是PC端，框架的更新速度以及新框架的出现速度都是很快的。