小程序

标签: 小程序

LiteApp Native Component实现原理

引述 LiteApp中有一种类似微信小程序Native的控件,像地图、Canvas等等,覆盖在WebView层级之上,比所有网页的层级都高。这种原生控件是怎么实现的呢?我们今天就从LiteApp的qy-input控件入手分析下原理 分析 先看下qy-input的关键源码 <template> <qy-native-base :hover="hover" :nativeData="nativeData" nativeTag="QiyiInput" @bindinput=""/> </template> 布局里面引用了qy-native-base, 并输入了hover、nativeData、nativeTag 3个属性,对于属性作用后面会介绍到,还是看下qy-native-base的实现, 实现类在mp-fe-core/src/platforms/qy/runtime/components/qy-native-base.js import * as nativeOps from '../../bridge/qnode-ops.native';

阅读全文...