什么是 WebApp

  1. 早期要开发手机应用，需要 根据不同的手机系统使用不同的技术来开发，使用这些技术所开发的手机应用，称之为原生应用（Native App）

    • 如果是开发 IOS 应用，早期是使用 Objective-c，后来苹果推出了自家的 Swift 语言，成为了开发 IOS 应用的标准语言；
    • 如果是开发 Andriod 应用，早期是使用 Java 来进行开发，后面 JetBrains 推出了 Kotlin，被称之为 Android 世界的 Swift；

  2. 无论从性能和体验上来讲，都是最好的，唯一的缺点就是成本比较高，因为现在 IOS 和 Andriod 的使用人群都很多，导致一个公司如果想要推出一个产品，需要找两拨人开发两份；

  3. 因此现在所说的 WebApp，总结起来就是移动端的网站或 H5 应用，说白了就是特定运行在移动端浏览器上的网站应用；

  4. 因为 SPA 开发模式的出现，整个网页只有一个页面，所以给人的感觉像是一个应用一样，从而出现了 WebApp 的说法。另外由于现在开发一个 Web 网站一般都使用 HTML5、CSS3 等新的技术，因此 WebApp 又被称之为 H5 应用；

WebApp 的优缺点

优点

  1. 开发成本低，可以跨平台，调试方便，开发速度最快：WebApp 一般只需要一个前端人员开发出一套代码，然后即可应用于各大主流浏览器（特殊情况可以代码进行下兼容），没有新的学习成本，而且可以直接在浏览器中调试；

  2. 维护成本低：如果代码合理，只需要一名前端就可以维护多个 WebApp；

  3. 更新最为快速：由于 WebApp 资源是直接部署在服务器端的，所以只需要替换服务器端的文件，用户访问是就已经更新了（当然需要解决一些缓存问题）；

  4. 无需安装 App，不会占用手机内存：通过浏览器即可访问，无需安装，用户就会比较愿意去用；

缺点

  1. 性能低，用户体验差：由于是直接通过的浏览器访问，所以无法使用原生的 API，操作体验不好；

  2. 依赖于网络，页面访问速度慢，耗费流量：WebApp 每次访问都需要去服务端加载资源访问，所以必须依赖于网络，而且网速慢时访问速度很不理想，特别是在移动端，如果网站优化不好会无故消耗大量流量；

  3. 功能受限，大量功能无法实现：只能使用 HTML5 的一些特殊 API，无法调用原生 API，所以很多功能存在无法实现；

  4. 临时性入口，用户留存率低：这既是它的优点，也是缺点，优点是无需安装，缺点是用完后有时候很难再找到，或者说很难专门为某个 WebApp 留存一个入口，导致用户很难再次使用；

开发 WebApp 需要哪些技术

  1. 虽然主要使用的是前端技术，但是对比以前开发 PC 端网页，会有如下的区别：

    1. 系统
      • PC：Windows/Mac（区别不大）
      • 移动端：ios/Android/Windows（有区别）
    2. 浏览器
      • PC：区别很大
      • 移动端：区别不大
    3. 分辨率（尺寸）
      • PC：有区别
      • 移动端：区别很大

  2. 因此在开发 WebApp 的时候，主要需要解决的有以下几方面的问题：

    • 适配
    • 响应式
    • H5 调用原生接口
    • 兼容性
打赏作者
您的打赏是我前进的动力
微信
支付宝
评论

中午好👏🏻，我是 ✍🏻   疯狂 codding 中...

粽子

这有关于前端开发的技术文档和你分享。

相信你可以在这里找到对你有用的知识和教程。

了解更多

目录

  1. 1. 什么是 WebApp
  2. 2. WebApp 的优缺点
    1. 2.1. 优点
    2. 2.2. 缺点
  3. 3. 开发 WebApp 需要哪些技术