混合开发工程师考试试卷及答案

混合开发工程师考试试卷及答案一、填空题（每题1分，共10分）1.Flutter的核心渲染引擎是______。2.ReactNative（iOS端）原生模块与JS通信的核心协议是______。3.AndroidWebView与H5交互的常用方法是______（举1种）。4.微信小程序逻辑层默认使用______语言编写。5.Flutter中无状态Widget的类型是______。6.ReactNative打包AndroidAPK的命令是______。7.iOSWKWebView与H5交互的核心类是______。8.微信小程序页面配置文件是______。9.Flutter状态管理常用库______（举1种）。10.ReactNative路由管理库______（举1种）。二、单项选择题（每题2分，共20分）1.以下不是混合开发框架的是？A.FlutterB.ReactNativeC.Vue.jsD.Cordova2.Flutter不支持的平台是？A.iOSB.AndroidC.WebD.WindowsPhone3.RN中JS调用原生方法的正确方式是？A.直接调用原生类B.通过RCTBridgeModule暴露方法C.无法调用D.修改原生代码4.微信小程序页面最先执行的生命周期是？A.onLoadB.onShowC.onReadyD.onInit5.WebView性能优化不包括？A.预加载B.缓存静态资源C.关闭硬件加速D.压缩JS/CSS6.Flutter热重载快捷键（常见）是？A.Ctrl+SB.Ctrl+RC.Ctrl+Shift+RD.Ctrl+D7.RN核心UI库是？A.reactB.react-nativeC.expoD.redux8.微信小程序全局配置文件是？A.app.jsonB.app.jsC.app.wxssD.app.wxml9.混合开发跨域问题解决方式是？A.WebView允许跨域B.不处理C.用iframeD.用WebSocket10.StatelessWidget的特点是？A.有可变状态B.无状态不可变C.可修改自身状态D.依赖State类三、多项选择题（每题2分，共20分）1.混合开发优势包括？A.跨平台复用代码B.开发效率高C.性能接近原生D.完全替代原生2.Flutter支持的平台有？A.iOSB.AndroidC.WebD.macOS3.RN状态管理库有？A.ReduxB.MobXC.ProviderD.Zustand4.微信小程序组成部分包括？A.页面PageB.组件ComponentC.全局AppD.插件Plugin5.WebView与原生交互方式有？A.addJavascriptInterfaceB.WKUserContentControllerC.URL拦截D.原生调用JS6.Flutter常用UI组件有？A.ContainerB.TextC.ButtonD.ListView7.RN路由管理库有？A.react-navigationB.react-router-nativeC.expo-routerD.redux-router8.微信小程序生命周期函数有？A.onLaunchB.onShowC.onHideD.onUnload9.混合开发框架有？A.FlutterB.ReactNativeC.CordovaD.Ionic10.Flutter热重载特点是？A.保留应用状态B.不重启应用C.仅更新UID.重新编译所有代码四、判断题（每题2分，共20分）1.Flutter基于WebView渲染UI。（）2.RN可直接调用所有原生API。（）3.微信小程序支持TypeScript。（）4.WebView性能比原生差很多。（）5.Flutter热重载可修改所有代码。（）6.RN中JS线程与原生线程独立。（）7.小程序页面配置可覆盖全局配置。（）8.原生与H5仅能通过JS接口通信。（）9.Flutter支持桌面端开发。（）10.RN打包iOS需Xcode。（）五、简答题（每题5分，共20分）1.简述Flutter与RN的核心区别。2.混合开发中WebView与原生交互的常用方式。3.微信小程序生命周期分为哪几个阶段？4.如何优化WebView性能？六、讨论题（每题5分，共10分）1.原生开发与混合开发如何选择？结合实际场景分析。2.如何解决混合开发的性能差距问题？答案部分一、填空题1.Skia2.RCTBridgeModule3.addJavascriptInterface4.JavaScript5.StatelessWidget6.npxreact-nativerun-android7.WKUserContentController8.page.json9.Provider（或Riverpod）10.react-navigation二、单项选择题1-5:CDBAC6-10:BBAAB三、多项选择题1.ABC2.ABCD3.ABD4.ABCD5.ABCD6.ABCD7.ABC8.ABCD9.ABCD10.ABC四、判断题1.×2.×3.√4.×5.×6.√7.√8.×9.√10.√五、简答题1.Flutter与RN核心区别：Flutter基于Dart+自绘引擎Skia，直接渲染UI，性能接近原生；RN基于JS/TS+桥接，依赖原生组件，性能受桥接限制。Flutter状态管理灵活（Provider/Bloc），RN依赖第三方（Redux/MobX）。Flutter热重载更快，RN需重新桥接。Flutter跨平台一致性强，RN因原生组件差异存在适配问题。2.WebView与原生交互方式：①JS接口：Android用addJavascriptInterface，iOS用WKUserContentController注入JS；②URL拦截：H5修改URL（如自定义scheme），原生监听触发逻辑；③原生调用JS：AndroidevaluateJavascript，iOSevaluateJavaScript；④本地存储：通过SharedPreferences/UserDefaults或LocalStorage共享数据（需同步）。3.小程序生命周期：全局：onLaunch（初始化，仅一次）、onShow（前台）、onHide（后台）、onError（报错）；页面：onLoad（加载，传参）、onShow（显示）、onReady（渲染完成）、onHide（隐藏）、onUnload（卸载）；组件：created（创建）、attached（挂载）等。4.WebView性能优化：①预加载：提前初始化WebView并加载常用页面；②缓存：启用disk/memory缓存，压缩JS/CSS；③硬件加速：按需开启/关闭；④懒加载：非首屏延迟初始化；⑤减少桥接：批量处理原生-H5通信；⑥轻量WebView：Android用Chrome自定义标签，iOS用WKWebView替代UIWebView。六、讨论题1.原生与混合选择：若追求极致性能（游戏、复杂动画）、深度系统API（指纹、蓝牙），选原生；若迭代快、跨平台（iOS/Android/Web）、团队成本有限，选混合。例如：电商（迭代快）用RN/Flutter；车载（性能要求高）用原生；小程序（轻量）用微信小程序。也可采用“混合+原生”架构（核心原生，非核心混合）。2.混合开发性能优化方