重磅！微信官方推出 Web 前端和小程序统一框架

最近微信官方重磅推出了一个统一 Web 前端和小程序的框架 —— Kbone。

微信小程序的底层模型和 Web 端不一样，开发者没法直接把 Web 端的代码挪到小程序环境内执行。

Kbone 的诞生就是为了解决这个问题，它实现了一个适配器，在适配层里模拟出了浏览器环境，让 Web 端的代码能够不作什么改动，即可运行在小程序里。

Kbone 有哪些优点？

由于 kbone 是经过提供适配器的方式来实现同构，因此它的优点很明显：

• 大部分流行的前端框架都可以在 kbone 上运行，好比 Vue、React、Preact 等。

• 支持更为完整的前端框架特性，由于 kbone 不会对框架底层进行删改（好比 Vue 中的 v-html 指令、Vue-router 插件）。

• 提供了经常使用的 dom/bom 接口，让用户代码无需作太大改动即可从 Web 端迁移到小程序端。

• 在小程序端运行时，仍然可使用小程序自己的特性（好比像 live-player 内置组件、分包功能）。

• 提供了一些 Dom 扩展接口，让一些没法完美兼容到小程序端的接口也有替代使用方案（好比 getComputedStyle 接口）。

如何选择？

业内其实已经出现了不少关于同构的解决方案了，每一个方案都有本身的优劣，不存在可以完美解决全部问题的方案。kbone 也同样，它的优点在上面提到过，而它的不足也是它的实现原理带来的。kbone 是使用必定的性能损耗，来换取更为全面的 Web 端特性支持。

因此关于性能方面，若是你对小程序的性能特别苛刻，建议直接使用原生小程序开发；若是你的页面节点数量特别多（一般在 1000 节点以上），同时还要保证在节点数无限上涨时仍然有稳定的渲染性能的话，能够尝试一下业内采用静态模板转译的方案；其余状况就能够直接采用 kbone 了。

Kbone 的使用方法，参见官方文档连接：

https://developers.weixin.qq....

往期

十几家大厂前端实习面经总结

你可能不知道的JS开发技巧