㈠ App和h5的小知识
当app需要h5页面的时候，作为前端开发的我们不管是用原声js还是使用框架Vue、React，我们都只是给app提供一个页面而已。
一、当app只需要h5做展示的时候，我们就是写一个页面给他们就行了，非常容易。（注意做好兼容）
二、当app需要捕获h5获取的数据的时候，也很容易
例如：支付页面是h5
支付方式有三种：1、微信 ；2、支付宝；3:分期付款；
微信、支付宝需要调取原声app，分期是h5操作；
这个时候我们就在确认支付的以后在window上绑上payType就行了，app可以获取window；
三、当h5需要app数据的时候，最简单的方式就是app通过webView把h5需要的数据埋在cookie中；
但h5获取数据的时候直接在cookie中取就行了
export function getCookie(name) {
const reg = new RegExp(`(^| )${name}=([^;]*)(;|$)`);
const arr = document.cookie.match(reg);
if (arr) {
return arr[2];
}
return null;
}
当iOS和Android方式不同意的时候我们需要判断系统；
const u = navigator.userAgent;
app = navigator.appVersion;
var isAndroid = u.indexOf('Android') > -1 || u.indexOf('Linux') > -1; //android终端或者uc浏览器
const isiOS = !!u.match(/\(i[^;]+;( U;)? CPU.+Mac OS X/); // ios终端
根据不同的系统各自处理；
㈡ web前端与H5前端有什么区别
一、指代不同
1、h5：是Web中核心语言HTML的规范，用户使用任何手段进行网页浏览时看到的内容原本都是HTML格式的，在浏览器中通过一些技术处理将其转换成为了可识别的信息。
2、web前端：是创建Web页面或app等前端界面呈现给用户的过程，通过HTML，CSS及JavaScript以及衍生出来的各种技术、框架、解决方案，来实现互联网产品的用户界面交互。
二、发展不同
1、h5：结合了 HTML4.01 的相关标准并革新，符合现代网络发展要求，在 2008 年正式发布。
2、web前端：从网页制作演变而来，在互联网的演化进程中，网页制作是Web1.0时代的产物，早期网站主要内容都是静态，以图片和文字为主，用户使用网站的行为也以浏览为主。随着互联网技术的发展和HTML5、CSS3的应用，现代网页更加美观，交互效果显着，功能更加强大。
三、技术构成不同
1、h5：由不同的技术构成，其在互联网中得到了非常广泛的应用，提供更多增强网络应用的标准机。
2、web前端：掌握HTML是网页的核心，是一种制作万维网页面的标准语言，是万维网浏览器使用的一种语言，它消除了不同计算机之间信息交流的障碍
㈢ h5做app和原生app有什么区别
原生app和h5做的app的区别：
1、开发方面的区别
目前React Native开发越来越火，微信小程序是基于React Native开发的，体验接近原生APP，发展前景值得重视。不过好在现在非原生APP同样可以调用蓝牙、相机等硬件，也能顺利发布到苹果APP store。
移动Web App
1、因为运行在移动设备的浏览器上，所以只需要一个开发项目
2、这种应用可以使用HTML5,CSS3以及JavaScript以及服务器端语言来完成(PHP,Ruby on Rails,Python)
3、这里可没有标准的SDK，基本任意选择别忘了有一些跨平台的开发工具，比如PhoneGap, Sencha Touch 2以及Appcelerator Titanium等等。
原生App
1、每一种移动操作系统都需要独立的开发项目
2、每种平台都需要独立的开发语言。Java(Android), Objective-C(iOS)以及Visual C++(Windows phone)等等
3、需要使用各自的软件开发包，开发工具以及各自的控件
2、能力方面的区别
移动Web App
只能使用有限的移动硬件设备功能。
原生App
能够与移动硬件设备的底层功能，比如个人信息，摄像头以及重力加速器等等。对于这一点感触很深刻，2016年做新年H5营销小活动的时候，就是因为没有考虑到H5不能使用移动硬件端重力加速器而导致临时替换设计方案。
3、获取方法的区别
移动Web App
1、从移动设备上的浏览器访问
2、不需要安装额外的软件
3、软件更新只需要服务器就够了
4、因为现在没有什么商品或卖场提供这种App，不过一般都是嵌套在系统内部，或者内部系 统中使用
5、跨平台开发，用户不需要去卖场来下载安装App
6、需要过度依赖网络，没有任何缓存数据
7、任何时候都可以发布App，因为根本不需要官方卖场的审核
8、如果你已经有了一个Web App，你可以使用 responsive web design来辅助改进
9、所有的用户都是用同样的版本
原生App
1、直接下载到设备
2、以独立的应用程序运行(并不需要浏览器)
3、用户必须手动去下载并安装这些原生App
4、有一些商店与卖场来帮助用户寻找你的App，app store里面应有尽有。
5、原生型APP应用的安装包相对较大，包含UI元素、数据内容、逻辑框架;
6、手机用户无法上网也可访问APP应用中以前下载的数据。
7、原生型的APP可以调用手机终端的硬件设备(语音、摄像头、短信、GPS、蓝牙、重力感应等)
8、APP应用更新新功能，涉及到每次要向各个应用商店进行提交审核。
9、用户可以自由地选择是否更新软件版本，所以会出现不同用户同时使用不同版本的情况
如果企业选择商领云进行定制开发原生app，需要单独开发两套系统即ios和安卓系统。如果是通过商领云的在线制作app，则可以同时生成ios和安卓系统的app，并且还可以制作小程序、移动网站和微商城，非常方便，而且价格也只需几万左右，具体需要看功能需求。
㈣ H5前端学习后有前途吗
H5前端学习有前途，前景广阔是高薪行业。因此选择好的培训机构是重要的，好的培训机构推荐。【达内教育】历时一年，耗资千万，重磅推出“因材施教、分级培优”创新教学模式，同一课程方向，面向不同受众群体，提供就业、培优、才高三个级别教学课程，达内“因材施教、分级培优“差异化教学模式，让每一位来达内学习的学员都能找到适合自己的课程。感兴趣的话点击此处，免费学习一下
学习任何一门语言前，了解语言前景是很好的。【H5前端】在市场需求上面，虽然没有前几年那么火爆，但在中高级前端开发岗位上依旧有缺口，市场对于这类人才的需求依旧很大。并且，在待遇方面，中级开发大概在1w左右，高级开发基本算是年入百万并不少见，所以“钱”途还是很大的。要想就业好，就要多努力，老师领进门，修行在个人。勤于动手，去落实代码，才是不二选择。
想了解更多有关H5学习前途的相关信息，推荐咨询【达内教育】。该机构是引领行业的职业教育公司，致力于面向IT互联网行业培养人才，达内大型T专场招聘会每年定期举行，为学员搭建快捷高效的双选绿色通道，在提升学员的面试能力、积累面试经验同时也帮助不同技术方向的达内学员快速就业达内IT培训机构,试听名额限时抢购。
㈤ app内嵌h5页面：前端与原生语言的配合
var u = navigator.userAgent,
app = navigator.appVersion;
var isAndroid = u.indexOf('Android') > -1 || u.indexOf('Linux') > -1; //g
var isIOS = !!u.match(/\(i[^;]+;( U;)? CPU.+Mac OS X/); //ios终端
if(isAndroid) {//这个是安卓操作系统
}
if(isIOS) {//这个是ios操作系统
}
if(/(iPhone|iPad|iPod|iOS|Android)/i.test(navigator.userAgent)) {//移动端
//移动端打开
} else {
//pc端打开
}
function is_weixn_qq() {
var ua = navigator.userAgent.toLowerCase();
if(ua.match(/MicroMessenger\/[0-9]/i)) {
$('#weixin-tip').show();//微信引导图（点击右上角按钮选择浏览器打开）；
return true;
}
if(ua.match(/QQ\/[0-9]/i)) {
$('#weixin-tip').show();//qq引导图（点击右上角按钮选择浏览器打开）；
return true;
}
if (ua.match(/WeiBo/i) == "weibo") {
//在新浪微博客户端打开
return true;
}
return false;
}
获取当前url通用方法：
function getQueryString(name) {
var reg = new RegExp("(^|&)" + name + "=([^&]*)(&|$)", "i");
var r = window.location.search.substr(1).match(reg);
if(r != null)
return decodeURIComponent(r[2]);
return null;
}
var a = getQueryString('a') ? getQueryString('a') : ''; //a为拼接的参数名
if(a == 1) {
$('.myfooter').show();
$('.box').css('padding-bottom', '1.4rem');
} else {
$('.myfooter').hide();
$('.box').css('padding-bottom', '0');
}
㈥ H5开发和web前端开发有啥区别啊
在网络上，经常看见有同学在提问，H5前端与Web前端的区别。今天我们就来好好谈一下，他们之间究竟哪里不同？
1.开发页面时，主要使用的技术不同。Web前端在开发交互式页面时，主流的前端技术都会用到，像HTML、CSS、JavaScript、HTML 5、jQuery、JSon
这些最基础的技术都会涉及到。H5前端在开发页面时，大部分是通过HTML语言来设计页面。
2.涵盖范围不同。上面已经提到，Web前端开发会使用到当下主流的前端技术及框架。而H5前端是主要通过HTML标记语言来进行开发。我们也可以说H5前端是涵盖在Web前端开发里面。
实际上，在现实生活中，我们并没有把这两者分的这么清楚。因为在真正的项目开发过程中，会涵盖到前端各种主流的技术。所以，大家只需要明白H5前端是包含在Web前端中的就足够了。
㈦ h5和web前端有什么区别呀
h5其实只是web前端开发中重要的一部分技术。所以h5和web前端有什么区别这种说法本身就有问题。
web前端工程师主要是通过使用HTML、CSS、JavaScript等专业知识和工具将产品UI所设计的产品实现成网站产品并处理视觉和交互问题，它涵盖了PC端、移动端网页。换句话说所有用户终端产品与视觉和交互有关的部分，都是前端工程师所做的工作。所以说前端是最接近用户和产品设计的工作者。
同时前端还要解决许多界面和交互的问题，比如每个浏览器中的各个版本的兼容性、Web标准、移动设备、多终端适配等等这些问题都将是前端人员所要面临的挑战。所以说只有通过不断的学习积累创造才能给用户带来更好的体验。
㈧ web前端和前端的区别是什么
前端开发包括了移动前端开发和web前端开发，前端即网站前台部分，运行在PC端，移动端等浏览器上展现给用户浏览的网页。如需学习相关技术推荐选择达内教育，该机构致力于面向IT互联网行业，培养众多网络相关职场人才。
移动前端开发指的是Android和iOS的原生APP开发，移动前端开发属于HTML5开发，包括H5专题页、移动前端网页，广告落地页、HybridApp等
WEB前端开发属于HTML5开发，主要偏向PC端的网页开发，包括PC端网页开发、PC端后台管理页面等，也会涉及部分的移动端网页开发。
达内教育与众多国际知名厂商建立了项目合作关系。共同制定行业培训标准，为达内学员提供高端技术、所学课程受国际厂商认可，让达内学员更具国际化就业竞争力。
想了解更多有关IT技术的相关信息，推荐咨询达内教育。达内目前已在北京、上海、广州、深圳等70个大中城市成立了342家学习中心，拥有员工超过10000多人，累计培训量已学员已达100万人次。达内凭借雄厚的技术研发实力、过硬的教学质量、成熟的就业服务团队，为学员提供强大的职业竞争力，在用人企业中树立了良好的口碑。
㈨ 移动前端开发和web前端开发有什么区别
移动前端开发和 Web 前端开发的区别是:
1、前端是相对比较大的概念，一般是指用户能够看到、直接接触的界面都算是前端，比如iOS界面，安卓界面，网页界面，PC/Mac桌面软件的界面。最常见的是Web前端，也就是针对于网页端开发的工作。
2、Web App即Web application，也就是以浏览器作为客户端的软件。例如，用桌面客户端来收发邮件，但也可以直接用浏览器登陆gmail或者QQ邮箱，直接使用网页版的软件来使用。总之就是使用网页版代替本地软件。
Mobile Web App就是在手机端打开的Web App。例如Gmail的移动端软件
3、目前，移动客户端的开发主要包括三种类型：
Native App（原生APP）：也就是完全使用移动设备系统语言写的客户端。iOS系统就是使用Objective-C语言来编写本地应用，也可以使用苹果于2014年苹果开发者大会上发布的SWIFT语言；Android平台就是使用Java语言来开发。原生APP就是从界面到交互都是使用官方标准语言来编写，效率和稳定性都是最好的，但欠缺灵活性。
Web App：这个就是在移动浏览器里打开的，使用Web前端开发语言HTML CSS JavaScript来开发的，基本上就是个网页，
Hybrid App：主要使用HTML5实现。一般使用Native语言实现一个容器，然后使用HTML CSS JS来实现用户界面和交互。这样方式既克服了Web App容器暴露偏底层的接口这样的问题，同时比起原生的开发灵活性要高。这样就更新可以更方便快捷，也不依赖于市场。例如，豌豆荚其实是个PC端的hybrid app 。
对于以上三种开发方式的比较和分析搜索引擎里面有太多的内容了，这里也就不再赘述了。
4、移动端网页布局方法与pc的差异。
主要是css方面，外加如何做到同一url，不同客户端展现不一致的做法，俗称pc和mobile都兼容。还有会说一下rem的相关用法和一段比较经典的rem.js
最后总结一下：
其实这两者最显着的区别就是，web app是不依赖于具体的设备的，通用性较强，只要手机或PC有相应内核的浏览器就基本OK。而mobile的app则依赖于具体的设备，一旦更换设备，需要重新下载才能继续使用。
移动前端开发 主要来说的是Native Client的开发Android为Java，iOS为Objective-C，然后么HTML5应用号称跨平台其实差异很大。
Web前端开发么基本上就是HTML JavaScript CSS，不过有些人把Servelt/JSP, PHP,Ruby,Python,C#之类的只要关系到页面的也叫做Web前端开发。
app是应用，每个操作系统有专门的开发工具和语言
web是网页，使用html+css+js，有工具可以生成转化为app，不过效果一般