太阳集团5493conlogo
  • 微博
  • 微信
  • QQ好友
  • QQ空间
  • 百度

S

滚屏网站

crolling  website

太阳集团2138手机版
太阳集团2138手机版新闻
行业新闻
专业知识
太阳集团2138手机版教育
太阳集团2138手机版游记
详细内容

微信小程序多端框架Kbone开源-杭州网站建设网站优化为你转播

适用场景

Kbone 是一个致力于微信小程序和 Web 端同构的解决方案。
微信小程序的底层模型和 Web 端不同，我们想直接把 Web 端的代码挪到小程序环境内执行是不可能的。Kbone 的诞生就是为了解决这个问题，它实现了一个适配器，在适配层里模拟出了浏览器环境，让 Web 端的代码可以不做什么改动便可运行在小程序里。这样，我们就可以借助 Kbone 快速实现 Web 项目转化为微信小程序项目。

方案实现

方案设计有如下几个前提：

  • 为了更好的复用组件，尽可能完整的支持 Web 端的特性
  • 在小程序端的渲染结果要尽可能接近 Web 端 h5 页面

所以，与其他同构框架不同，Kbone 是以适配器的方式来支持的。

3.png

适配器包含两部分：负责提供 dom/bom api 的 js 库和负责渲染的自定义组件，也就是 Kbone 中的 miniprogram-render 和 miniprogram-element，可以看到 Kbone 最终生成的小程序代码里会依赖这两个 npm 包。除此之外还需要一个 Webpack 插件来根据原始的 Web 端源码生成小程序代码，因为小程序代码包和 Web 端的代码不同，它有固定的结构，而这个插件就是 mp-webpack-plugin。

miniprogram-render、miniprogram-element 和 mp-webpack-plugin 这三个包即是 Kbone 的核心。

4.jpg

框架优势

因为 Kbone 是通过提供适配器的方式来实现同构，所以它的优势很明显：

  1. 大部分流行的前端框架都能够在 Kbone 上运行，比如 Vue、React、Preact 等。
  2. 支持更为完整的前端框架特性，因为 Kbone 不会对框架底层进行删改（比如 Vue 中的 v-html 指令、Vue-router 插件）。
  3. 提供了常用的 dom/bom 接口，让用户代码无需做太大改动便可从 Web 端迁移到小程序端。
  4. 在小程序端运行时，仍然可以使用小程序本身的特性（比如像 live-player 内置组件、分包功能）。
  5. 提供了一些 Dom 扩展接口，让一些无法完美兼容到小程序端的接口也有替代使用方案（比如 getComputedStyle 接口）。

不是所有的方案都是无懈可击的，就像每个人都有优缺点，Kbone 也不例外。

Kbone 是使用一定的性能损耗来换取更为全面的 Web 端特性支持。


开源交流

我们期望通过 Kbone 开源，能够帮助更多有多端需求的项目解决实际问题，也希望更好的完善 Kbone 本身，如果你对 Kbone 感兴趣，欢迎提出 Issue 和 PR ！关于 Kbone 你有什么使用问题或建议，欢迎访问Kbone社区主页发帖交流（PC网页端可发帖）。查看更多 Kbone 相关干货内容，欢迎来到Kbone文章专区。

5.png





Github 开源地址：

https://github.com/Tencent/kbone

请给 Kbone 一个 Star !

欢迎提出你的 issue 和 PR！

 国内镜像地址：

https://git.code.tencent.com/Tencent_Open_Source/kbone

6.jpg

腾讯工蜂源码系统为开源开发者提供完整、最新的腾讯开源项目国内镜像

Kbone官方社区地址：
https://developers.weixin.qq.com/community/minihome/mixflow/1213301129006825473
7.png


阅读原文


相关信息
  1. 派，发一点春-杭州APP开发为你呈现
  2. 最新财报：增！-杭州网站建设为你呈现
  3. 这3个微信功能，谢谢老朋友！-杭州网站建设为你呈现
  4. 深圳大学，刷个掌-杭州网络公司为你呈现
  5. 挖一挖！5个微信“隐藏”功能-杭州网络公司为你呈现
  6. Q1财报，主要说两点：-杭州APP开发为你呈现
  7. 5.17-5.23 节目单是......杭州抖音短视频直播商城制作开发为你呈现
  8. 这份名单，第一次发布-杭州微信小程序开发为你呈现
  9. 今天，一起推广这个公众号-杭州网站建设为你呈现
  10. 微信帮帮“零”-杭州网络公司为你呈现
太阳集团2138手机版
更多
  • 2022 Q4 用户最喜爱的朋友圈广告-

    2022 Q4 用户最喜爱的朋友圈广告-

    基于用户的互动行为及广告效果数据指标，我们找出了2022年第四季度用户最喜爱的朋友圈广告TOP 10(排名不分先后)，期待更多好创意与你相见。TOP朋友圈广告用

  • 生活特辑 Vol.14 ᅵ

    生活特辑 Vol.14 ᅵ

    Good Life生活广告榜吃喝玩乐品生活，发现身边新乐趣。快来看看本季最受欢迎的身边广告。今天“吃”什么?吃喝福利,任你选新的一年不如用味觉拉开序幕不知道吃什

  • 速速集合，新年红包封面领取攻略来了-杭州

    速速集合，新年红包封面领取攻略来了-杭州

    新年怎样发红包姿势最帅？当然是用上最炫的红包封面！今年，红包封面又又又升级啦，全新动态红包封面上线，祝福更“动”人心。微信广告将携手众多品牌派发多款精美别致的红

  • 视频号互选好内容｜11月-杭州网络公司为

    视频号互选好内容｜11月-杭州网络公司为

    精选11月优秀视频号互选案例，为创作者指引好内容的风向，洞悉好商单的秘诀。理想汽车× 所长林超通俗科普，干货满满科技自主的路上，理想汽车的答案是什么。所长观察敏

  • 微信创作者营销价值与营销策略白皮书发布-

    微信创作者营销价值与营销策略白皮书发布-

    腾讯广告互选平台始于内容致远商业一图读懂微信创作者营销方法论微信创作者四大特点长久创作,深耕原创内容长久创作87.2%公众号运营超过2年垂类丰富体育 媒体 财经

  • 精华笔记｜2022 腾讯广告创作者营销峰

    精华笔记｜2022 腾讯广告创作者营销峰

    12月22日，腾讯广告以直播形式举办首届创作者营销峰会（以下简称“峰会”）。无论对广告主 / 代理商，还是创作者 / MCN机构，今年的峰会可谓是“一场及时雨”

  • 烟花贺岁：朋友圈点赞互动广告上线-杭州微

    烟花贺岁：朋友圈点赞互动广告上线-杭州微

    新年有新喜，微信广告全新推出朋友圈点赞互动广告，让品牌和用户一起放烟花，迎新年。品牌领赞，首枚烟花惊喜绽放；用户跟赞，个性化品牌烟花跃然出框；双向互动中激发更强

  • 即刻预约｜2022 腾讯广告创作者营销峰

    即刻预约｜2022 腾讯广告创作者营销峰

    连接放大价值腾讯广告创作者营销峰会2022/12/22邀请函尊敬的嘉宾:在内容创作者的黄金时代，无数品牌借力优质内容开辟出了商业增长新路径。作为微信商业内容官方

  • 搞笑与搞钱，这些创作者都很认真-杭州网络

    搞笑与搞钱，这些创作者都很认真-杭州网络

    在微信视频号上有着许多视频创作者，他们因为热爱，而创作出非常多有趣的视频。然而每一个视频背后，创作者都要付出无数的心血和努力。当粉丝达到一定数量，也具备相对成熟

  • 朋友圈橱窗广告上线-杭州APP开发为你呈

    朋友圈橱窗广告上线-杭州APP开发为你呈

    微信广告上线朋友圈橱窗广告，满足广告主更丰富的素材展示诉求。广告支持配置一个主素材和三个副素材，组合形式突破原生形态，更易吸引用户停留点击。朋友圈橱窗广告示意橱

太阳集团5493con是一家专门致力于为企业提供全方位网站建设服务。年轻的我们带着梦想和对网络的热情走在互联网道路的前沿，一路走来，我们的努力和真诚得到了更多客户的认可。在未来的发在未来的发...

浙公网安备：33010602011153

seo seo