曾几何时，“多终端适配”即将颠覆整个互联网行业。前端开发项目可以运行在浏览器（PC和移动）、服务器、iOS和系统中。但随着项目的实际实施，与原生App相比，混合开发技术本身的缺点逐渐显现出来。

目前，工程师们正在逐步克服这些困难。因此，混合开发部分的面试题主要考察考生对混合开发的理解程度。如何实现混合开发，如何匹配环境，以及混合开发中的一些常见问题值得开发者关注。

1、如何保证能够完整调用？

添加到HTML文件中调用外部资源的标签中

type=" text/javascript"  charset="utf-8"  src="cordova. js">

确保插件能够完全调用，否则底部的返回按钮不会出现。

2、如何使用插件调用外部资源？

通过将 href="*"/> 添加到 . xml文件（即把任何外部资源放入白名单），就可以使用插件调用外部资源了。

3、混合开发中如何实现上拉刷新。下拉刷新加载？您遇到过哪些问题？

用它来实现上拉刷新、下拉刷新和加载，但效果比较差。页面只能上下滑动，不能左右滑动。如果将页面嵌入到客户端的选项卡下，就会阻止客户端左右滑动。如果要左右切换，则需要更改

onBeforeScrollStart:function（e）{ e.preventDefault ( )；}

更改为

onBeforeScrollStart:null

缺点：虽然实现了上拉刷新和下拉刷新，但是效果不是很好。有时会“弹起”，回不去，这和原来的有些不一样。

4、如何实现 和 之间的交互？

它已经支持与Java的相互调用。只需要开启脚本执行功能，并通过代码向页面注入Java对象即可。 ce(new(),"")，然后就可以在页面中调用该函数了。

5.微信是开发得最好的应用程序之一。它如何相互作用？

在微信开发者文档中可以看到，微信JS-SDK封装了微信的各种功能，比如分享到朋友圈、图片接口、音频接口、支付接口、地理位置接口等。

开发者只需调用微信JS-SDK中的函数，然后JS-SDK统一调用微信中的函数。这样做的好处是，开发者编写的应用程序或网页都可以在iOS版本的微信中正常运行。 。

6. 哪些功能适合开发？

开发就是将HTML App的功能嵌入到客户端中。微信在这方面应该是最好的。

由于效率和功耗问题，用户可能对Web App体验不满意，并且App仅适合某些场景。

将一些基础功能（如调用手机摄像头、获取地理位置、登录注册等）做成函数，调用起来更方便，体验也更好。

如果将登录注册功能也做成版本化的App，在弱网络环境下，体验会很差，用户可能要等待很长时间才能加载页面。

有些活动页面（如“闪购”、团购等）适合开发，因为这些页面可能非常眼花缭乱，设计也很复杂。开发非常简单，而且这些页面的生命周期较短，更新也比较快，因为一个活动可能只持续一周，下周就下线了。而如果采用开发的话，成本是非常高的。

7. Web应用程序和混合应用程序有什么区别？

差异如下。

(1)Web App是指用某种语言编写的、需要安装触摸屏的Web应用程序。

优点包括：开发成本低、迭代速度快、能够跨平台终端。

缺点包括：临时入口、获取系统级通知和提醒的效率低、用户留存率低、设计有限、体验差。

（2） App是指需要安装才能访问Web内容的半原生、半Web混合App。

例如，新闻应用程序和视频应用程序通常使用带框架的网页内容。混合应用努力创造与本机应用类似的体验，但它们仍然受到技术和网络速度等许多因素的限制。

8.什么是混合开发？如何申请许可？

混合开发采用Java和H5共同开发界面。通过通信，先在本地编写部分界面，然后通过网络请求获取数据进行显示。当然，也可以完全是H5界面，以.

权限可以在.xml中应用，6.0及以上版本可以通过代码动态应用。

9. 什么是混合开发？

混合开发（开发）相当于框架开发。这种模式通常由“云网站+App应用客户端”两部分组成。 App应用客户端只需要安装应用的框架部分，每次打开App时都会从云端获取数据呈现给手机用户进行混合开发。另一种形式是 应用程序。

App使用H5网页封装成App。

虽然App可以安装在手机上，但每个界面都是通过网页开发的。这类App数据存储在云端，用户每次访问都需要从云端检索所有内容，很容易导致响应缓慢。每次打开网页或单击按钮时，加载网页都需要很长时间。

10. 混合应用开发有哪些优势？

优点如下。

时间很短。基本上，模板直接嵌套或打包到应用程序中，这样可以节省大量时间。

价格便宜。代码不需要重写，界面不需要重新设计。这些都是固定的，可更换的零件很少，所以价格相对便宜。

11. 混合应用程序开发有哪些缺点？

缺点如下。

(1) 功能和界面无法定制。所有内容都是固定的，因此不可能更改界面或添加新功能。

(2)加载慢、网络要求高。所有混合App数据都需要从服务器检索，每个页面都需要重新下载。因此打开速度慢，占用网络带宽高，缓冲时间长，很容易得罪用户。

(3)安全性较低。代码都是以前的代码，与最新的手机系统兼容性不好，安全性较低。互联网发展迅速，病毒也很多。如果不实时更新并定期检查，很容易出现漏洞，造成经济损失。

12. 如何选择开发原生应用程序还是混合应用程序？

选择方法如下。

（1）根据预算选择：您目前的预算是多少？您打算花费多少资金、时间和精力进行应用改造？

如果你的预算在几千元到一万元之间，建议选择混合型应用。混合应用程序有其存在的理由，而且它们并非毫无价值。许多混合应用程序被开发出来，然后转化为本机应用程序。

（2）根据需求选择：如果只是想简单卖个小产品，可以选择混合型App；如果你想建立像淘宝一样的大型商店，用户多，商店多，现金流量多，你可以选择原生App。

13. 如何判断一个App是原生App、混合App还是Web App？

从以下几个方面来判断。

(1)检查断线情况。

通过断开网络，刷新页面，观察内容缓存，就可以做出粗略的判断。原生App可以正常显示，Web App可以显示404或错误页面。

(2)查看页面布局编辑。

如果页面布局比较简单，可能是原生App；如果页面布局复杂，页面动画较多，则可能是Web App。

（3）看抄文章的技巧，需要对比才能得出结果。

例如，长按文章信息页面，如果出现文本选择和粘贴功能，则为Web App，否则为原生App。

有些原生应用启用了复制粘贴功能或关闭这些功能，而Web应用中的CSS则屏蔽了复制和选择功能等，需要通过对比目标测试应用来区分。

(4)看加载方式。

如果导航栏下方有一条打开新页面的加载线，则该页面是一个Web App；如果没有，那么它就是一个原生应用程序。

(5) 检查App顶部导航栏是否有关闭按钮。

如果App顶部导航栏出现关闭按钮或关闭图标，则当前App为Web App，不会出现在原生App（除非设计者专门设计）、美团、大众点评、微信App中。当H5页面加载过多时，左上角会出现“关闭”字样。

(6) 检查页面刷新状态。

如果页面没有明显刷新，则为原生App。如果有明显的刷新现象（比如闪烁），那就是Web App，比如淘宝的众筹页面。

下拉页面时，显示的URL提供者必须是Web App。

(7)利用系统开发工具。

在手机的“设置”中，选择“开发者选项”→“显示布局边界”，选择开启并再次查看App的整体布局边界，这样所有应用控件的布局就会一目了然。一眼。

14、混合应用的实现原理是什么？

在本地应用中添加Web View来显示(CSS,)部分的内容，并在本地代码中实现逻辑运算。本地代码和 .

15.谈谈和的区别。

并共享一些抽象层，但有很多具体的差异，目标平台也不同。

用于开发网页。为了将前端视图层组件化并使其更好地可重用，它可以使用简单的HTML标签创建许多自定义组件标签。

在组件内部绑定事件，只需要操作数据就可以改变对应的DOM渲染结果。

目前只能开发iOS/App。它是一个项目框架，允许程序员使用前端技术开发运行在不同平台（如iOS等）上的项目。

使用抽象的、iOS原生的UI组件而不是DOM元素来渲染，比如替换

， 代替

等待。

16.如何动态设置高度以适应响应式页面布局？

使用。

17. 与当地人常用的沟通方式有哪些？

常用的通讯方式如下。

(1)通过r事件进行通信。

(2)通过回调函数进行异步通信。

(3)通过规范实现沟通。

(4)直接通过传递常量数据。

18. 从数据发生变化到新数据渲染到页面中，生命周期函数是按照什么顺序执行的？

当组件数据发生变化时，就会进入存在期，从而执行组件生命周期方法。属性的变化和状态的变化有一个阶段的区别。

如果属性改变，会依次执行ros、e、、、、。

如果状态发生变化，e、 、 、 将依次执行。