Web as a App (WaaA)，Web既APP。灵感出于SaaS、PaaS、IaaS等~

最近在做一个PC项目，即便我的项目是to B的，用户量没那么大，但是我仍然很注重性能及用户体验，我把我的整个项目做成了SPA，添加页面加载进度条、优化页面加载速度、添加进出入动画、路由懒加载等，后期打算加入PWA相关的功能。对此我们能不能提出一个概念，Web as a App（Web既APP）。

原因如下：

  • To B业务越来越受到重视
  • To B业务很多是基于Web的
  • PWA越来越受到青睐
  • 浏览器支持了更多的PWA特性
  • 竞争之下必须提高用户体验，无论是PC还是移动端

主要的一点To B业务将会是下个互联网行业的热点，比如HR SaaS、互联网教育、阿里云等，而To B的业务由于变化比较快，甚至是可定制的，即便是C端，Native也不是最佳的解决方案，很多人会首选Web App，B端基本是PC，因此，Web在其中扮演了重要的角色，甚至取代了部分Native App。

Web在将来那么重要，我们怎样做才能获取到用户的认可？答案是有Native的用户体验，有Native没有的优点。PWA就是其中的解决方案之一，PWA的特点

  • 可靠 - 即使在不稳定的网络环境下，也能瞬间加载并展现
  • 体验 - 快速响应，并且有平滑的动画响应用户的操作
  • 粘性 - 像设备上的原生应用，具有沉浸式的用户体验，用户可以添加到桌面

是不是很像Native App？并且这些特点既支持移动端也支持PC端，添加到桌面，不占用设备内存，听起来就很爽~~~。我们在做Web项目的时候，都应该考虑到这些特点，用不同的方式实现，让Web的体验就像App一样，而我在PC项目中已经在这样运用了，后期会慢慢的分享出来......

Web as a App(Web既APP)的概念可以提出吗？的更多相关文章

  1. 轻应用、Web app 、Native app三者区别关系是什么？

    [龙友导读]最近百度公司在大会上宣布推出“轻应用”.轻应用到底是什么呢,和我们说的web app.native app到底有什么区别?是新生物的诞生还是概念的炒作?所以,今天特意为大家整理分享一篇这方 ...

  2. Native App、Web App 还是Hybrid App？

    一.什么是Native App? Native App即原生应用,即我们一般所称的客户端,是针对不同手机系统单独开发的本地应用,如需使用需要先下载到手机并安装,下载Native App的最常见方法是访 ...

  3. Native App, Hybrid App, Web App对比

    Native App,Hybrid App和Web App简介 目前基本所有的移动互联网app可以分为三类:Native App,Hybrid App和Web App. Native App是基于智能 ...

  4. 聊聊Web App、Hybrid App与Native App的设计差异

    目前主流应用程序大体分为三类:Web App.Hybrid App. Native App. 一.Web App.Hybrid App.Native App 纵向对比 首先,我们来看看什么是 Web ...

  5. Web App和Native App 谁将是未来

    未来是Web App的天下,还是Native App的天下?作为设计师,我们是应该努力把客户端的体验提升到最优,还是在网页应用层面上做更多的设计?这个一直是大家关心的话题.那么,我们首先应该立体的认识 ...

  6. 移动开发 Native APP、Hybrid APP和Web APP介绍

    高速区分定义: Native App 以基于智能手机本地操作系统如IOS.Android.WP并使用原生程式(SDK)编写执行的须要用户安装使用的第三方应用程序; Web APP 以HTML+JS+C ...

  7. 超赞！聊聊WEB APP、HYBRID APP与NATIVE APP的设计差异

    编者按:这3类主流应用你都了解吗?设计师除了要有视觉功夫,对不同形式的APP也应当了然于胸,今天百度的同学写了一篇非常全面的总结,帮你迅速搞定3类主流APP的设计方法,附带一大波避雷针,带你巧妙跳过A ...

  8. 【转】轻应用、Web App、Native App三者分别是什么？

      一.什么是Native app Native App是一种基于智能手机本地操作系统如IOS.Android.WP并使用原生程式编写运行的第三方应用程序,也叫地app.NativeApp因为位于平台 ...

  9. Web App、Hybrid App与Native App

    在这个App的时代,转战了前端,一直接触的都是pc, 离out不远了. 那么接下来,app是我接下来半年的重点,为什么是半年,因为时间不多了. 因为是前端,那么我的重心肯定是 Web App, Hyb ...

  10. 转转hybrid app web静态资源离线系统实践

    一.前言 目前的转转app是一个典型的hybrid app,采用的是业内主流的做法: 客户端内有大量业务页面使用webview内加载h5页面承载. 其优点是显而易见的,即:web页面上线频度满足快速迭 ...

随机推荐

  1. gcc标准，c++中的inline

    1. GCC的inlinegcc对C语言的inline做了自己的扩展,其行为与C99标准中的inline有较大的不同. 1.1. static inlineGCC的static inline定义很容易 ...

  2. mysql连接查看

    1:查看当前连接 mysql> show status like 'Threads%'; +-------------------+-------+ | Variable_name     | ...

  3. 网页URLs

    Extending Python Interpretor: https://docs.python.org/3/extending/index.html Aliyun Mriirors: https: ...

  4. kindeditor编辑区空格被隐藏，导致所见所得不一致的解决办法

    1.修改kindereditor-all.js中的 var re = /(\s*)<(\/)?([\w\-:]+)((?:\s+|(?:\s+[\w\-:]+)|(?:\s+[\w\-:]+=[ ...

  5. yield关键字的使用

    yield的中文是什么意思呢? 在金山词霸上面的翻译是: vt.屈服,投降: 生产: 获利: 不再反对 vi.放弃,屈服: 生利: 退让,退位 n.产量,产额: 投资的收益: 屈服,击穿: 产品 个人 ...

  6. js数组Array方法

    1. indexOf indexOf()方法返回在该数组中第一个找到的元素位置,如果它不存在则返回-1. var fruits = ["Banana", "Orange& ...

  7. JavaScript库 — — React

    React不支持IE6.IE7 React是什么?用于构建用户界面的JAVASCRIPT库,是MVC中的V(视图). React特点:1. 声明式设计2. 减少与DOM的交互,高效3. JSX - J ...

  8. 属性动画 常用属性及View常用方法

    View类中,常用于属性动画的属性: translationX and translationY: These properties control where the View is located ...

  9. js报错 object is not a function

    主要是js函数名重名了,重命名就可以了.

  10. 自顶向下理解Java集合框架（三）Map接口

    Map基本概念 数据结构中Map是一种重要的形式.Map接口定义的是查询表,或称查找表,其用于储存所谓的键/值对(key-value pair),其中key是映射表的索引. JDK结构中还存在实现Ma ...