本文转载至官方，如有侵权请删：链接https://wechat-miniprogram.github.io/kbone/docs/qa/#%E7%AD%94%E7%96%91
1.限制
此方案虽然将整个 Web 端框架包含进来并提供了适配层，但是也不是银弹，无法满足所有场景，限制的原因主要出于以下两种：
- 开发资源不足，比如小程序部分内置组件暂不支持。
- 小程序本身的运行机制限制。
2、答疑
Q：kbone 主要有哪些依赖包？如何安装升级 kbone 依赖？
A：kbone 依赖主要包含三个：mp-webpack-plugin、miniprogram-element 和 miniprogram-render。其中 mp-webpack-plugin 是一个 webpack 插件，需要安装在项目目录中。miniprogram-element 和 miniprogram-render 则是小程序代码的依赖，需要安装在小程序目录中。默认情况下，使用 webpack 和 mp-webpack-plugin 生成小程序代码的时候，会在小程序目录生成 pakckage.json，直接在小程序目录执行 npm install 就会在小程序目录下安装 miniprogram-element 和 miniprogram-render。升级过程和安装同理。
Q：对于像 getBoundingClientRect 等接口，有没有什么兼容方案？
A：部分无法直接适配的接口会以 dom/bom 扩展 api 的方式提供。
Q：是不是小程序里的所有页面必须同源？
A：目前的设计是这样的，遇到不同源的页面会提供事件提示和异常页面跳转配置。
Q：能否支持异步组件？
A：受限于小程序环境，目前无法支持。
Q：为什么无法支持 scoped style？
A：因为小程序不支持动态追加未声明的属性。
Q：为什么使用 reduce-loader 不生效？
A：请检查一下是否给 script 标签设了 type="ts"，如果是的话可以去掉这个属性再试试，目前 ts-loader 对行内 loader 的支持不够完善。
Q：为什么 iframe 标签无法支持？
A：小程序里的 web-view 组件提供了类似 iframe 标签的实现，但是 web-view 组件不支持自定义大小，故放弃了对 iframe 的支持。
Q：为什么 vue 的 transition 组件的使用效果不如预期？
A：transition 组件内部使用了同步接口 window.getComputedStyle，故无法完美支持。
Q：对于异步请求要如何兼容？
A：可以使用第三方请求库来实现，比如 axios 和 axios-miniprogram-adapter 就是一个不错的选择。当然，你也可以自己编写 adapter。
Q：能否使用小程序内置组件？
A：目前代码里预埋进了能力，但是仅支持部分组件，用法可阅读开发文档，后续会慢慢补齐。
Q：是否支持 sitemap？
A：暂未支持，不过已经计划之中。
Q：为什么 img 标签有 mode 属性和没有 mode 属性表现会不太一样？
A：因为 img 标签有 mode 属性在底层会被渲染成 background-image 模式（即小程序 image 组件默认的形态），没有 mode 属性会被渲染成和 web 端相同的 img 模式。
Q：为什么不支持 radio-group/checkbox-group 内置组件？
A：因为 radio-group/checkbox-group 内置组件下的 radio/checkbox 不支持跨自定义组件，可以使用 input 的 change 事件来替代 radio-group/checkbox-group 的 change 事件，通过获取 input 的 checked/value 也可以获取到其状态（类似 web 端的表现）。
Q：项目中用到的图片等静态资源要如何处理？
A：目前暂不支持相对路径，故静态资源可以考虑转成 base64 或者使用网络地址。
Q：能否支持分包？
A：分包和分包预下载已支持，具体可参考 mp-webpack-plugin 的 runtime 配置项。独立分包可通过 generate.app 配置变相支持。
Q：为什么 label 不支持 button 组件？
A：因为小程序 label 组件不支持跨 shadow-tree 绑定，所以 label 标签的效果其实是在逻辑层监听点击事件后模拟出来。而 button 支持的复杂特性都需要用户亲自点击触发，无法在逻辑层模拟触发，故不支持。
Q：为什么使用小程序内置组件的时候，和父级节点或者子级节点相互影响的样式表现（比如 flex）会不太符合预期？
A：绝大部分小程序内置组件在渲染时会插入一层容器节点，所以会对部分样式有影响。对于这种情况，可以参考这篇文档里提到的的方式来处理。
Q: 为什么使用小程序内置组件的时候样式有时候会不生效？ A: 和上一个问题的原因相同，对于这种情况，可以参考这篇文档里提到的的方式来处理。
Q：为什么 scroll-view 的 scroll-into-view 有时可用有时不可用？
A：因为 scroll-into-view 找寻的节点只能在当前 shadow-tree 下，因此只有传入 domSubTreeLevel 配置对应层级内的 div、img 标签对应的 id 方能生效。如果 domSubTreeLevel 的值为 5，那么只有 scroll-view 下 5 层节点内的 div、img 标签上的 id 可以作为该 scroll-view 上 scroll-into-view 的值。
Q：vue 会将值为 false 的属性剔除，对于默认值为 true 的属性想要设置成 false 要怎么办？
A：可以将该属性设置成其他 falsy 的值，比如空串。例子：<textarea adjust-position="" />。
Q：页面做更新的时候，有时候很快，有时候很慢，这是怎么回事？
A：更新慢的时候，通常这是一棵比较矮胖的 dom 树，所有节点都在一个自定义组件里面了，导致小程序基础课做更新 diff 时，特别慢。这种情况可以将频繁更新的部分包裹在一个 wx-view 标签内，这样会强制创建新的自定义组件。此方法有利有弊，自定义组件过多也会导致渲染变慢，所以需要根据实际情况进行调整，不能一味的使用 wx-view。
