浅述html5和web app

题外话:最近跟不少产品解释技术术语,比如脚本、数据库、H5等等,我一般会把他们当成稍微了解这些技术的人,用专业的语言描述一遍,然后用通俗的语言解释一遍,最后举例子解释一遍。

肯定有人问,你把流程反过来是不是更好些呢

不管怎么样,只要有人问我,我会尽量想办法解释清楚一个他们不懂的概念,不管要多久(但讲的久了可能被认为表达能力不行吧,应该会吧,呵呵呵~)。但有时候可能会因双方的理解不同,导致不能正常进行下去。

作为技术大家都是怎样向不懂技术的产品解释技术术语呢?(在线等,急~)


开篇补充:

1)这一段是所有内容编辑好后补上的,为什么补上这一段呢?因为我的好多朋友看了这篇文章后说,你这写的是什么job玩意?废话一堆没有重点(对于刚刚“入行”的小编真是不错的打击呢),所以我先提前说明下有利于理解。

2)我把文章给好友看,不少人表示,看完后仍然不知道什么是webapp,我说文中不是有类比app的说明吗?然后追问之下发现,我以为提起app大家默认都会定位为手机软件,然而我错了,并不是所有人都这么想,有人认为所有的软件都应该是app。所以在此我申明下,文中所提app为智能手机软件(此时我的内心是崩溃的);

3)我对每一段内容最后都做了总结(黑体部分),不想看长篇废话可直接看总结,你肯定会问,为啥不直接上结论呢?因为我还是想多讲些关于某一部分的内容(其实很明显是为了装逼嘛!呵呵呵~)。


最近不少产品问我关于H5的内容,比如什么是H5啊、H5应用在哪些地方啊等等。这不最近又和一产品小伙伴讨论了下H5是什么,webapp是什么,它们之间有什么区别?其实懂技术都应该知道,它们之间的区别很明显:H5就是新一代的html,是一种标记语言;webapp,从名字就可以看出来,是web版的app。其实两者区别简单地说就像砖头和房子。砖头(H5)可以盖房子(webapp),但并不是所有的房子都用砖头来盖(不知道现在还有木有土方和草房)。

也许是沟通不畅(其实应该是怪本人语言表达有问题,本人是语文渣,高考语文99分,所以以下表达上有什么问题还望大家海涵),总感觉有什么没有说清楚,导致产品小伙伴到睡觉可能也没明白区别是啥,所以我打算睡前写篇文章说明下。

我也不知道能不能说清楚,呵呵呵


首先说说什么是H5

H5其实就是html5(虽然好多人很鄙视将html5缩写为H5,不过为了方便,我也按H5来表述吧)。学过网页的人应该都知道html是超文本标记语言(忘了说了,本人不光是个语文渣,英语也是渣的一流,所以不知道英文全称的请自行百度),而html5按照百度百科的解释是“万维网的核心语言、标准通用标记语言下的一个应用超文本标记语言(html)的第五次重大修改”,其实也就是html的最新版本。H5新增了不少语义话标签和很多牛逼的api。这些新增的api使得web应用更加接近于原生应用,当然复杂的交互还是用native去做比较好,毕竟过多的操作dom会很大程度地影响性能(产品可以忽略这句,不要对这句话提问啦)。

好像有点跑偏~

好吧,上面一大堆其实就一句话:H5其实就是html5,超文本标记语言的第五次重大修改。


下面说说什么是web app。

当然我又打开了百度百科,百度也是有解释的,百度的解释是“WebApp是指基于Web的系统和应用,其作用是向广大的最终用户发布一组复杂的内容和功能。”webapp简单说就是利用web技术,模仿的原生app的应用。

Web应用是指与桌面应用相似的web应用(Word、excel等等),简而言之,Web应用就是不直接在计算机上打开,而是通过Web浏览器来运行。

当然webapp也就是web版的app应用,即与app应用相似的web app,只不过它是运行在手机浏览器中的应用。

总结:webapp就是在手机浏览器里运行的、类似于app界面和交互的web应用。


说了这么多,那它俩有啥区别呢。

你要不说清楚我非打死你

我给同学最后的总结是:H5是一种技术,WebApp是由众多技术实现的应用(webapp当然是web应用啦~)


未完待续,错误和语言表达上还需要修改,如有问题可以提出来,我保证一定改。 

原文地址:https://www.cnblogs.com/binarytree-fe/p/5088349.html