手机现在是互联网的最大入口。根据，手机网民已经超过8亿，人均每天上网三个多小时。

毫不奇怪，手机应用软件（mobile application，简称 mobile App）的开发工程师供不应求，一直是 IT 招聘的热门。

如果你开始学习手机 App 开发，就一定会听到 H5 这个词。它是目前的主流开发技术之一，容易上手，开发周期短、成本低、兼容传统 Web 开发。但是，很少有文章详细介绍，H5 到底是什么技术，有什么原理，跟其他技术的差异在哪里。

本文就是 H5 的入门教程，今天是第一篇，介绍基本概念。内容尽量通俗，不过本来也没有太复杂的东西。我希望这篇文章可以帮助新手入门，也可以供熟练开发者回顾和整理知识点。

感谢国内最大的在线教育平台之一 赞助这个系列教程。他们现在启动了，推广优质课程资源。希望提高前端技术水平的朋友，可以留意一下本文结尾的课程"一元钱"课程信息。

表面上看，手机 App 都是同样的东西，就是手机上的应用程序，点击图标就能运行，但是它们的底层技术不一样。按照开发技术，App 可以分成三大类。

这三类 App 的技术模型都不一样，各有优缺点。企业一般会选择其中一种作为主要技术栈，构建自己的手机 App。

H5 这个词，可以理解成就是混合 App 模型，只不过它特指混合 App 的前端部分。 因为混合 App 的前端就是 HTML5 网页，所以简称 H5。这个词是国内独有的，基本上都是前端程序员在用，国外不用这个词，就直接叫混合 App。

真正理解 H5 开发，需要先搞清楚什么是原生 App、什么是 Web App，因为混合 App 是在它们的基础上诞生的。

原生 App 是专门为特定手机平台开发的应用程序 ，无法在其他平台运行。一个手机软件如果要同时支持苹果手机和安卓手机，就需要为它们各写一个原生 App。

历史上，原生 App 最早出现，跟智能手机系统一起诞生。2007年6月 iPhone 诞生，2008年9月安卓诞生，就同时发布了自家平台的原生 App 开发方法。

原生 App 使用与手机操作系统相同的语言。iOS 的原生 App 使用 Objective-C 语言或 Swift 语言，安卓使用 Java 语言或 Kotlin 语言。由于跟底层系统的语言和技术模型一致，所以原生 App 的性能和用户体验都很好。

原生 App 的优点主要是两个：（1）较好的性能和体验；（2）可以使用系统的所有硬件和软件 API，比如 GPS、摄像头、麦克风、加速计、通知推送等等，能充分发挥系统的潜力。

原生 App 的缺点主要是成本，每个手机平台都要建立一个独立的开发团队，大公司一般都有 iOS 和安卓两个开发团队。如果出现第三个平台（以前的 Windows Phone，也许将来的华为鸿蒙 OS），就要组建第三个团队，成本就更高。

第二个缺点是，原生 App 使用底层操作系统的语言，都是很重的编译型语言，开发和调试成本相对较高，时间周期长。

第三个缺点是，原生 App 必须下载安装才能使用，只要升级版本，就必须重新下载安装。用户往往不愿意更新版本，厂商被迫不得不长期支持很久以前的旧版本。

Web App 是使用网页做的应用程序，必须在浏览器中使用。 比如，你在浏览器中收发邮件，就是在使用 Web App。

Web App 主要使用网页技术，即 HTML、JavaScript 和 CSS。2008年，w3c 组织发布了 HTML 第5版，简称 HTML 5，该版本大大增强了网页的功能，使得网页可以当作应用程序使用，而不仅仅是展示文字和图片，这就是 Web App 的由来。

Web App 的优点是：（1）不需要下载安装，打开浏览器就能使用，而且总是使用最新版本；（2）对于开发者来说，Web App 写起来比较快，调试容易，不需要应用商店的批准就能发布。

Web App 的主要缺点有两个。首先，浏览器提供的 API（即 Web API）很有限（目前只有相机、GPS、电池等少数几个），大部分系统硬件都不能通过网页访问，也无法直接读取硬盘文件，所以 Web App 无法充分利用平台的硬件。

第二个缺点是，网页通过浏览器渲染，性能不如原生 App，不适合做性能要求较高的页面。

Web App 需要打开浏览器才能使用，这意味着，用户必须记住如何导航到它，要么直接输入网址，要么翻找书签。这使得进入 Web App，远不如原生 App 方便。这点很致命，事实表明，用户偏好原生 App。

谷歌曾经调查了原生 App 和 Web App 各一千个，发现 Web App 可以覆盖更多的用户（1100万 vs 400万），但是原生 App 的用户使用时间（188分钟）远超 Web App（9分钟）。

另一项调查发现，用户87％的时间用在原生 App，13％的时间用在 Web App。由于这个原因，企业很少开发 Web App，都把原生 App 当作首选。

但是，Web App 也不是毫无竞争力。根据调查，普通用户每月平均使用27个原生 App，但访问了100多个手机网站。这意味着，用户的 App 使用时间都被头部 App 占据了，小公司的 App 使用频率非常低，获客成本极高，最终变成僵尸 App。因此，小公司开发 Web App 更划算，不仅成本低，而且可以服务更多的用户，以及更好地宣传自己（可以被搜索引擎收入）。

为了推广 Web App，谷歌公司的 Chrome 浏览器团队做了很多努力。他们认为，Web App 足以满足大多数 App 的需求，但是三大缺陷阻碍它的推广。

1. 不能从手机的首屏直接进入。
2. 缺乏手机状态栏和锁屏时的通知推送能力。
3. 不支持脱机访问（即断网也能使用）。

为了解决这些问题，Chrome 团队开发了新技术"渐进式 Web App"（Progressive Web App，缩写 PWA）。它可以把网站缓存在手机里面，供离线时使用，还能在手机首屏生成图标，直接点击进入，并且有通知推送能力，也不带有浏览器的地址栏和状态栏，跟原生 App 的使用体验非常接近。

但是，PWA 需要浏览器访问一次网站，才能在首屏生成图标，并且目前 iOS 系统的支持还不够理想，所以还只是一项探索性质的技术，迄今为止缺乏足够的成功案例。

混合 App （hybrid App）顾名思义就是原生 App 与 Web App 的结合。它的壳是原生 App，但是里面放的是网页。 可以理解成，混合 App 里面隐藏了一个浏览器，用户看到的实际上是这个隐藏浏览器渲染出来的网页。

混合 App 的原生外壳称为"容器"，内部隐藏的浏览器，通常使用系统提供的网页渲染控件（即 WebView 控件），也可以自己内置一个浏览器内核。结构上，混合 App 从上到下分成三层：HTML5 网页层、网页引擎层（本质上是一个隔离的浏览器实例）、容器层。

混合 App 里面的网页不同于普通网页，可以调用底层系统所有的 API。奥秘就在于外层容器提供了 API Bridge，充当底层 API 的中介，允许内部的网页调用底层。

所谓 API Bridge 就是容器在底层接口和网页之间，建立一座桥梁，让双方通信。容器一旦接到网页的请求，就根据请求去调用底层系统的 API，然后再返回结果给网页。API Bridge 往往以 JavaScript 语言提供，方便网页调用，这时又称为 JSbridge。

不同容器的 API Bridge 是不一样的。为某个容器写的网页，不能放在另一个容器使用，也无法在浏览器使用，除非网页脚本做了兼容处理。

容器提供的 API Bridge 必须跟着平台更新。比如，iOS 发了新版本，有了新的硬件 API，容器也必须跟着推出新版的 API Bridge。如果容器没有跟上，开发者为了使用新的硬件，就只能想办法自己来写缺失的 API Bridge。

混合 App 同时具有原生 App 和 Web App的优点，又可以避免它们的一些缺点。具体来说，可以总结为三点。

Web 技术是跨平台的，开发者只写一次页面，就能支持多个平台。也就是说，混合 App 只需要一个团队就够了，开发成本较低。

混合 App 的灵活性大，很容易集成多种功能。一方面，混合 App 很容易加载外部的 H5 页面，实现 App 的插件结构；另一方面，Web 页面可以方便地调用外部的 Web 服务。

Web 页面的调试和构建，远比原生控件简单省时。页面的更新也容易，只要在服务器上发布新版本，触发容器内更新就可以了。另外，Web 开发人员也比较容易招聘，传统的前端程序员可以承担开发任务。

混合 App 的主要缺点是，由于存在网页引擎的中间层，所以性能比较欠缺，不仅不如原生 App，而且由于 WebView 不是全功能浏览器，可能比 Web App 都要慢一些。

另一个缺点是，由于页面跨平台，就无法使用只有特定平台提供的功能，导致体验不如纯的原生 App。举例来说，早期的时候，安卓有物理的后退按钮，iPhone 没有，页面设计不得不考虑这一点。

上图是 iOS 页面。

上面是安卓页面，左上角的后退按钮，跟系统的后退按钮重复了。

最后，再来谈谈微信小程序。

所谓小程序，可以看作是针对特定容器的 H5 开发。微信本身是一个容器，开放自己的接口（JSbridge），外部开发者使用规定的语法，编写页面，容器可以动态加载这些页面。

小程序对于微信官方的好处是，扩展了功能和应用场景，吸引外部开发者加入，繁荣了生态。对于外部开发者的好处是，有了流量入口，可以直接调用微信的各种功能（比如支付）。

今天对于 H5 相关概念的介绍，就到这里为止，下一篇文章将介绍 H5 相关开发工具和框架。

腾讯课堂推荐课程《你不知道的 Vue.js 性能优化》

当今时代，IT 教育蓬勃发展，各种课程层出不穷，知识唾手可得。你可能经常领取到海量的前端开发资料包，往往收藏起来就再也没看过。

Vue.js 就是这种情况，作为前端的主流框架之一，国内有着广泛应用，市场招聘需求大。前端培训机构几乎一定有它的课程，而且都是重点推广，每个学员都会拿到一大堆学习资料。

怎样才能做出有特色的 Vue.js 教程呢？北京的京程一灯现在就推出了一个专项课程 《你不知道的Vue.js 性能优化》 。他们是腾讯课堂前端培训 TOP 机构之一，专注培养年薪40万的高级前端工程师，目前和腾讯课堂联合运营，毕业生平均薪水可以达到25.5K。

为了与市场上其他课程区隔，保证输出优质内容，让学员真正有收获，本次专题课深度讲解 Vue.js 性能优化，以及 Vue3.0 那些值得关注的新特性。高级前端岗位面试中，性能优化是一个必问的知识点，本课程通过对 Vue 面试核心知识点的拆解，带你解锁 Vue.js 性能优化，目标是帮助学员拿到大厂 offer。下面是课程部分内容。

1. 核心优化方案和工程化剖析
2. 面试常问的 Vue 双向数据深度解析
3. 深度对比 Vue2 & 3 的双向数据绑定

扫描下图二维码，进群领取优惠券，原价98元的课程，现在只需要 1 元 。

购课之后，还将赠送价值196元的《Webpack 从入门到精通》全系列教程（点击看大图）。

线上体育网课心得体会（通用29篇）

　　有了一些收获以后，马上将其记录下来，这样我们就可以提高对思维的训练。那么心得体会怎么写才恰当呢？以下是小编为大家收集的线上体育网课心得体会（通用29篇），欢迎大家借鉴与参考，希望对大家有所帮助。

　　线上体育网课心得体会 篇1

　　2月17日，本该开学的日子，不能走进校园的我们，开始了上网课，直到今天我们上网课已经快三个星期了。

　　对以前没有上过网课的我来说，网课是新鲜的事。本来我在家就没有什么机会可以上网，现在能够每天长时间坐在电脑面前上网，对于我都是有巨大吸引力的。可是一天都坐在电脑前看着电脑，这样会不会近视呀，所以不能长时间都盯着电脑，要保护自己的眼睛。有一次，语文张老师要写一篇作文，对于这几天疫情的情况，写写感受、体会。我趁下课时间，就拿起笔，津津有味地写起作文来。第二节上课了，老师竟让我连麦念我的作文，我兴奋的拿起本子，滔滔不绝地念起我的杰作，念完后，老师还表扬了我，夸我的作文写的好，我心里美滋滋的。这真是一节难忘又高兴的语文课啊！

　　在这段时间里，想必我的老师们都辛苦了吧！每天既要熬夜备课，第二天又要早早起床给我们上课，每天起早贪黑真的好辛苦，老师真是太不容易了，所以我们要听老师的话，上课时认真听讲，按时完成作业，不惹老师生气，学会体谅她们。

　　线上体育网课心得体会 篇2

　　因为肺炎疫情的干扰，我们不能像春姑娘一样迎着风走进校园学习，只能通过手机听、看老师讲课，也就是停课不停学。通过这些天的网课学习呢，我觉得网课缺点还是有点多，要不请听我慢慢道来。

　　昨天下午上数学课时，讲的是计算题，用简便方法算，我听得也是似懂非懂。当数学老师出题做的时候，我看一下题，一脸茫然，都不会做，这可怎么办？我只能等下节课老师再讲时可认真听。

　　于是，我就坐在那硬等着，当秦老师用那真切的声音，慢慢地一个步骤、一个步骤讲时，可惜的是中间突然网卡了，我只好退出再进。数学真是环环相扣，几分钟不听就不会做题了。

　　我突然想起我们家的“数学高手”一妈妈。我就把妈妈请了进来，给我讲讲。谁知刚一开口，妈妈就对我说：“你们老师每次都讲得那么清楚，你怎么就不会呢？是不是不监督你都不学了。”我一脸委屈地说是网卡，没听清。

　　妈妈这才耐心帮我讲题，我慢慢地明白了！如果这个时候，我能在温暖的教室里面对面请教老师或同学们，该有多好呀！人们常说，在快乐的环境下学得更好，记得更牢。

　　唉！想念校园，想念慈爱的老师，想念同学们再一起快乐的学习气氛。希望疫情快点离去，让我们尽快回到有趣课堂，结束这网课带来的不便！

　　线上体育网课心得体会 篇3

　　因为新型冠状病毒的传播，我们学校开展了线上教学活动。按照课程表的安排，我们在家上起了网课。手机上学习通，钉钉，智慧职教等APP严阵以待。

　　上网课的第一天，我们是迫不及待的。签到，看视频，完成作业。本来应该井然有序的安排，却因为系统的崩溃，变得一团糟，大家都很焦急。老师们针对这个状况，对教学时间进行了调整之后，教学便渐入佳境。

　　我们按老师的要求在规定的时间里完成观看视频，回复讨论，提出问题，完成作业等任务。没上网课之前，我感觉上网课是没有效率的，很难让人集中注意力，效果远远没有在学校上课来的好。开始上网课之后，有了些许改观。我们有不会可以将ppt和视频再看一遍，看多少遍都可以。老师依旧可以为你答疑解惑。老师会放一些知识点的补充视频，或者相关的新闻视频，让人可以更好的理解知识点。上网课并没有想象中那么糟，唯一不太方便的就是没有纸质的教材了。

　　虽然，渐渐适应了上网课的模式。但我还是希望可以早日回到校园，和同学们一起坐在教室里上课。

　　线上体育网课心得体会 篇4

　　经过半个月的网课学习，我感受到了线上教学与传统的教学方式大有不同，线上教学可以说是一个全新的教学模式，全靠自己自觉。

　　我们的老师采用了“学习通”平台学习+线上讨论等方式授课。为了让同学们更好地吸收知识，每次上完课，老师们都会收集学生们的课程反馈，开展线上答疑，讲解课程重点、难点。课后，同学们参与老师布置的讨论话题，进一步强化学习效果。在学习过程中，偶尔会遇到服务器卡顿等问题，老师们积极寻找有效的解决方法，如错峰学习，更换平台，开直播课等，保证了同学们线上学习的效果。

　　疫情当前，我们应该积极配合学院安排，按时完成线上教学，勤勉自律，学好知识，为夺取防控斗争胜利贡献自己的力量！

　　线上体育网课心得体会 篇5

　　不知不觉中，一周的网课结束了。往日熟悉的课堂变了模样，老朋友“课程表”也换了新装，精彩绝伦的课程，让我感到莫大的惊喜！疫情期间，我们做到了停课不停学，感恩老师为我们编排丰富多彩的网课，感谢老师们的辛苦付出！

　　一天的网课内容虽然被安排的很满，但老师是劳逸结合排课的，所以我并不觉得累，反倒觉得很轻松很有意思。因为在疫情期间，网课是我们继续学习的一种途径。

　　在网课上老师也没忘给我们安排古诗词的学习，有的是我们素读学的，有的是跟视频朗诵学的，有的是视频讲解学的。我们学习古诗词不仅仅是应付考试，学习古诗还可以陶冶情操，能让我们更好地了解体会到古代的文学风采，积累更多的文学知识，能够增强语文素养。

　　在一周的网课学习中，通过德育系列课程视频，我学到了很多知识。疫情防控片增强了自我防护意识，明白了疫情期间尽量呆在家中，做到不出门，勤洗手，出门必须戴口罩。防疫教育片让我看到了，眼有家国、心有情怀的英雄群体。我们要关注疫情新闻，通过鲜活的教材、阅读等方式培养家国情怀。

　　网络上课有好处，也有不足之处，好处是网上上课，我们可以继续学习收获新知识，不足之处是课上和老师互动有限，课下也不能和伙伴们打成一片开心玩耍。期待疫情早日结束，我们能早日重返美丽的校园。

　　线上体育网课心得体会 篇6

　　由于新冠病毒疫情的影响，作为学生的我们不得不在家通过网络上课。虽然我们不能像医护人员一样，冲击一线，为抗击疫情做贡献，但我觉得只要把自己的事做好，就是最大的担当！所以这次网课让我看到了我们这个集体的担当。

　　我们上的每一节课，课前课件的准备，上课时的组织，课后对课上问题的收集及讲解，课后作业的布置与批阅都离不开老师的责任心。班主任更是早起晚睡，负责我们的纪律，及时组织班会，反馈同学们每天的情况，对学生，家长的问题总能及时回复。小组长也充分显示了上传下达的重要作用，督促同学交作业并及时传给老师作业，及时将班里的各项活动要求传达给每位同学，正因为有了老师和同学们的共同努我们班的网课才可以正常进行。请为我们的班主任李老师，各科代课老师及各小组长道声辛苦了，谢谢你们。由于你们的担当给了咱们班良好的学习环境。

　　通过这四周的网课学习，我也由最初管不住自己偷玩游戏，聊天到现在的自律越来越高。由于近期爸爸忙没时间管我，所以每当我有所懈怠时，总被妈妈那一双火眼金睛所识破，近而对我进行苛责和耐心教导，当然有时也免不了皮肉之痛，有时我也烦躁，但静下心来想，妈妈也是为了我呀。有时想想现在的自律性确实也是妈妈“管”出来的，过程虽然一言难尽，但结果却是令大家都高兴的。所以我也要谢谢我的妈妈。

　　妈妈常说改变不了环境就去适应它。我相信，虽然我们现在还不能正常开课。但会珍惜这每一次网课，珍惜每一节课前课后，老师同学的默默付出。在以后的学习中一是认真听讲、做好笔记，努力在规定时间内完成并上交每科作业。二是加强纪律，严格遵守班级的各项制度并认真执行。三是珍惜和家人的相处时间，做好自己的事不给父母添负担。

　　疫情虽给我们带来了不便，但我相信，有了我们师生，家校的勇于担当，共同努力，我们的网课会越来越好，给学校，给老师，给家长，给社会交一份满意的答卷。

　　线上体育网课心得体会 篇7

　　这次入学考试的成绩出来了，我的成绩很不理想，各科成绩普遍偏低。于是，我进行了认真的思考，我认为，这是因为我在家自学的不认真导致的。

　　开学已经两个星期了，我却始终不在状态。由于老师不在身边，家长又有自己的事要忙，不能时时刻刻地进行监督，所以导致我上网课时总是神游天外，上网课就像走一个过场，很少落实自己是否学到了该学的知识，而且，我总是快进自以为懂的知识的视频片段，殊不知，就算是懂的知识也需再三的进行复习，但是我很少复习，包括当天所学习的内容，看过了就看过了，也从没想到过复习，这导致我的基础很不牢固，并且直接体现在了这次入学考试里。我之所以退步，有很大一部分原因是我没有复习，甚至连这个学期学的知识都有些遗忘。还有，我的笔记做的也不认真。俗话说得好，好记性不如烂笔头。我压根没有领悟到这点，由于懒惰，我总是不记小的知识点，大的知识点也总是一笔带过，记得一点都不详细。而且总是安慰自己没关系，等下课后再把笔记补上。结果下课后又去做其他事情了，把笔记补上这件事抛到了九霄云外去了。一次又一次，要补的笔记逐渐

应用介绍应用截图相关版本网友评论下载地址
单机100手游网为您推荐：

• 腾讯课堂老师极速版手机版 v3.6.0.2 安卓版