最近在学习移动端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端,框架的更新速度以及新框架的出现速度都是很快的。