-
让品牌有温度、有情感
专注品牌策划15年
播放器/游戏：H5代替Flash，如Web Audio、Web Video、Canvas
日常办公软件（复杂应用，并且慢慢从桌面程序演化为Web）：Office、Email、文档管理、产品设计、项目管理、代码编辑器
大数据/AI配套软件（复杂应用，并且慢慢从桌面程序演化为Web）：需要大量的后台系统来做数据分析/机器学习
容器/小程序：支付宝/微信/钉钉容器，各种行业功能小程序（拥有大量原生APP功能的APP成为互联网新趋势）
产品信息展示类网站（炫酷应用）：各种智能设备官网、大企业官网
h5移动端开发（h5移动端开发框架）
发布时间：2023-03-19 02:20:21
稿源：
创意岭 阅读：
52
问大家
大家好！今天让创意岭的小编来大家介绍下关于h5移动端开发的问题，以下是小编对此问题的归纳整理，让我们一起来看看吧。
开始之前先推荐一个非常厉害的Ai人工智能工具，一键生成原创文章、方案、文案、工作计划、工作报告、论文、代码、作文、做题和对话答疑等等
只需要输入关键词，就能返回你想要的内容，越精准，写出的就越详细，有微信小程序端、在线网页版、PC客户端
本文目录:
一、H5游戏开发平台有哪些，国内有哪些成熟的H5游戏开发公司？
腾讯啊。网易啊
h5游戏
h5游戏是指移动端的web游戏。 h5游戏多以轻度休闲的小游戏为主，无需下载软件即可体验。
中文名
H5游戏
外文名
H5game
游戏平台
移动端的web游戏
游戏语言
Html5
基本内容
H5是一系列制作网页互动效果的技术集合，即H5就是
H5游戏
移动端的web页面。而H5游戏[1]，你可以看作是移动端的web游戏，无需下载软件即可体验，这就是H5在传播上的优势。对于许多手游玩家来说，H5可能是个十分陌生的名词，其实H5就是HTML的高级版本，目前H5技术正在不断完善。
现阶段H5游戏在国内还处于萌芽状态时，专注移动游戏[2]平台领域的掌锋科技就已经嗅到了味道，开始全面转型。
在技术方面，利用H5开发移动小游戏的门槛更低，所需时间更少。“你可以像写网页一样写游戏，而无需太多的额外学习，而且有大量文档与插件可用。”蜗牛数字科技股份有限公司陈芳曾如此形容H5的技术特点。事实也是如此，据媒体报道：风靡一时的“神经猫”只有一个设计加一个程序员，只用了一天半的时间。
世界上最大的H5游戏平台运营商SOFTGAMES公司CEO阿列克斯指出，开发H5游戏有三大难题：
一、不同手机的屏幕兼容性;
二、操作方式的兼容性;
三、H5游戏音频滞后，易导致移动浏览器载入时间过长、游戏卡顿、浏览器崩溃。
此外，用户手机的网速与流量费用，也是制约H5游戏深度发展的主因。所以，目前状态下，H5游戏多以轻度休闲的小游戏为主。“未来移动游戏的发展趋势，应该是H5生态与移动App共赢的状态。”Egret白鹭引擎联合创始人马鉴认为，而这正是畅梦游戏在做的事。
二、移动端H5页面点击穿透问题
最近移动端m站的开发中遇到了点击穿透问题，就此总结一番。
先说下我遇到的问题，项目使用react框架，并且引入了 react-fastclick 库，可以解决click事件的穿透问题，但是对于下层是 a标签 的情况，依旧存在穿透问题，会触发链接。
我的解决方法是把上层的事件放在了一个 setTimeout(() => {}, 0) 中。
下面说一下点击穿透问题是怎么来的。
点击穿透是指，在移动端H5页面中，当点击事件会切到一个新页面时（比如返回上一页面，或弹出弹窗页面，或关闭遮罩层），新页面中相应的位置如果有事件（或input等输入框），就会被触发。
这是因为在pc页面中，一次点击行为包括 mousedown -> click -> mouseup ，而在移动端，则是 touchstart -> touchmove -> touchend 。
在移动端，虽然没有 mouse，依然会响应 mouse 事件，但是有个300ms 的时延。于是移动端的一次点击其实是这样的： touchstart -> touchmove -> touchend -> 300ms ->mousedown -> click -> mouseup 。
之所以有时延，是因为在这 300ms 中，移动端会检测是否有双击行为。
正因如此，在这 300ms 之中，页面变成了新的页面，click 事件就会触发成新页面中的 click 事件了。
这种问题可以通过一些库来解决，比如 fastclick 库，其实现思路是，取消 click 事件（ 参看源码 164-173 行 ），用 touchend 模拟快速点击行为（ 参看源码 521-610 行 ）。其实就是在检测到 touchend 事件的时候，会通过 DOM 自定义事件立即出发模拟一个 click 事件，并把浏览器在 300ms 之后真正的 click 事件阻止掉。
但正如文章开头所讲，fastclick 对于 a 标签的情况依然存在问题，仍需自行解决。
对于浏览器点击事件更加详尽的介绍，可参考 这篇文章 ，虽是远古文，耐心读下来对夯实基础会有很大的帮助。
三、H5开发和web前端开发有啥区别啊？
在网络上，经常看见有同学在提问，H5前端与Web前端的区别。今天我们就来好好谈一下，他们之间究竟哪里不同？
1.开发页面时，主要使用的技术不同。Web前端在开发交互式页面时，主流的前端技术都会用到，像HTML、CSS、JavaScript、HTML 5、jQuery、JSon
这些最基础的技术都会涉及到。H5前端在开发页面时，大部分是通过HTML语言来设计页面。
2.涵盖范围不同。上面已经提到，Web前端开发会使用到当下主流的前端技术及框架。而H5前端是主要通过HTML标记语言来进行开发。我们也可以说H5前端是涵盖在Web前端开发里面。
实际上，在现实生活中，我们并没有把这两者分的这么清楚。因为在真正的项目开发过程中，会涵盖到前端各种主流的技术。所以，大家只需要明白H5前端是包含在Web前端中的就足够了。
四、h5前端开发前景怎么样？
前端入门学习门槛比较低，所以很多人认为HTML、CSS、JavaScript是很简单就掌握的东西，以为在网上看点乱七八糟的教程，随便看看书，用HTML、CSS做个网页布局就可以入门了。如果真是这样，那基本每个人只要花点时间，随便学一下，就可以入行前端了，就可以称为前端开发工程师了，那还得了。
现在很多人就是这样，想着软件开发行业可以拿高薪，想快速入门做开发，这种想法其实没有错。但是只看一点点基础，随便学点东西，只会一点点皮毛就不再深入拓展，这样的技术水平，就算数量再多，市场对专业的前端开发需求依然是只增不减，不会有任何影响的。
仅以北京为例：
就这两年来看，移动互联网在持续发展，前端开发技术也是在不断进步的，前端应用市场越来越广泛了，前端现在正在走向工程化发展，无论是大小公司企业，对前端开发的需求都是越来越大的了，也越来越专业了。
技术无论怎么发展，整体市场是不会饱和的，饱和的也只会是低端饱和，高端始终缺人。在未来，全栈型前端开发工程师才是企业真正争夺的香饽饽。而被淘汰的不是前端开发，而是淘汰技术落后和技术不精的开发者。
那么前端开发工程师的未来路在何方？
随着前端开发技术发展，移动端应用、小程序、H5游戏出现。前端开发应用场景不断拓展。走向更专业和工程化的发展。
在以后，互联网的大量工作将会需要前端开发来完成：
以上就是关于h5移动端开发相关问题的回答。希望能帮到你，如有更多相关问题，您也可以联系我们的客服进行咨询，客服也会为您讲解更多精彩的知识和内容。
推荐阅读：
赣公网安备 50019002502384号
