文件名称：mui 亲测 ，h5混合打包
文件大小：463KB
文件格式：RAR
更新时间：2022-10-28 17:25:13
mui 混合开发
https://mp.csdn.net/postedit/102420640 基于subnview的原生tab选项卡方案 HBuilder8.8起提供了subnview，subnview顾名思义就是子原生view，也就是把一个全屏Webview的一部分区域切出来，渲染工作交给原生引擎渲染，不走Webview渲染。 此方案设计思路简单来说就是把首页的底部区域变成subnview，交给5+的原生引擎渲染，也就是说是要nview来绘制底部tab。 manifest里配置的首页作为第一个tab选项卡窗口，同时为这个Webview配置subnview，在这个subnview里编写nview的描述，就可以创建一个原生的选项卡，这个选项卡的绘制由5+引擎原生完成，在首页Webview渲染之前就由原生层渲染好了。 其余tab项子窗口在首页plus ready后创建，并同时监听tab点击。 原生view控件制作的tab，还可以轻松实现tab中部凸起大图标的效果，这种效果在双Webview模式下不好实现。 可见基于subnview的原生tab选项卡方案渲染更快、内存更少，并且自定义效果也更丰富。 当然也有一些缺点就是有点复杂，对于学习纯HTML5的程序员而言，首先需要学习subnview这些HTML5+独有的技术。 但nview真的是非常值得学习的技术，掌握nview后，你做出来的App体验绝对和原生一样好。
【文件预览】：
aa.png
nativeTab_5imoban
----manifest.json(15KB)
----.project(2KB)
----index.html(5KB)
----pages()
--------home.html(660B)
--------scan.html(2KB)
--------schedule.html(676B)
--------mine.html(660B)
--------goods.html(664B)
----.DS_Store(6KB)
----.eslintrc.js(561B)
----images()
--------mine_click.png(3KB)
--------goods_click.png(3KB)
--------icon_scan.png(2KB)
--------home_click.png(2KB)
--------60x60.gif(203B)
--------schedule_click.png(2KB)
--------schedule_nor.png(2KB)
--------home_nor.png(3KB)
--------mine_nor.png(3KB)
--------goods_nor.png(4KB)
----js()
--------mui.js(252KB)
--------mui.min.js(120KB)
--------util.js(4KB)
----fonts()
--------.DS_Store(6KB)
--------mui.ttf(29KB)
--------iconfont.ttf(5KB)
----README.md(1KB)
----css()
--------mui.min.css(74KB)
--------mui.css(95KB)
----unpackage()
--------res()
--------.confirmed_dependencies(2KB)
--------.dependencies(4B)