[源码程序] kbone 免费最好的微信小程序开源框架认识一下!
作者:观棋日期:2022-06-28 07:35:01浏览:958分类:网站源码
业内其实已经出现了很多关于同构的解决方案了,每个方案都有自己的优劣,不存在能够完美解决所有问题的方案。kbone 也一样,它的优势在上面提到过,而它的不足也是它的实现原理带来的。kbone 是使用一定的性能损耗来换取更为全面的 Web 端特性支持。
所以关于性能方面,如果你对小程序的性能特别苛刻,建议直接使用原生小程序开发;如果你的页面节点数量特别多(通常在 1000 节点以上),同时还要保证在节点数无限上涨时仍然有稳定的渲染性能的话,可以尝试一下业内采用静态模板转译的方案;其他情况就可以直接采用 kbone 了。
现在的微信小程序依然十分火热,今天就和大家分享一下这个由官方出品的小程序框架——kbone。这个框架其实已经发布很久了,但是知道的人依然不多。微信小程序的底层模型和 Web 端不同,我们想直接把 Web 端的代码挪到小程序环境内执行是不可能的。kbone 的诞生就是为了解决这个问题,它实现了一个适配器,在适配层里模拟出了浏览器环境,让 Web 端的代码可以不做什么改动便可运行在小程序里。
微信小程序开发过程中,许多开发者会遇到小程序 与 Web 端一起的需求,但是微信小程序的底层模型和 Web 端不同,我们想直接把 Web 端的代码挪到小程序环境内执行是不可能的。为了解决这个问题,微信小程序推出了同构解决方案 kbone。
kbone方案设计有如下几个前提:
为了更好的复用组件,尽可能完整的支持 Web 端的特性
在小程序端的渲染结果要尽可能接近 Web 端 h5 页面
所以,与其他同构框架不同,kbone 是以适配器的方式来支持的。
适配器包含两部分:负责提供 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 的核心。
因为 kbone 是通过提供适配器的方式来实现同构,所以它的优势很明显:
大部分流行的前端框架都能够在 kbone 上运行,比如 Vue、React、Preact 等。
支持更为完整的前端框架特性,因为 kbone 不会对框架底层进行删改(比如 Vue 中的 v-html 指令、Vue-router 插件)。
提供了常用的 dom/bom 接口,让用户代码无需做太大改动便可从 Web 端迁移到小程序端。
在小程序端运行时,仍然可以使用小程序本身的特性(比如像 live-player 内置组件、分包功能)。
提供了一些 Dom 扩展接口,让一些无法完美兼容到小程序端的接口也有替代使用方案(比如 getComputedStyle 接口)。
使用方式
为了可以让开发者可以更自由地进行项目的搭建,微信小程序提供了三种使用方式,这里猿妹给大家介绍其中一种:
npm install -g kbone-cli
使用 kbone-cli 快速开发,对于新项目,可以使用 kbone-cli 来创建项目,首先安装 kbone-cli:
创建项目:
kbone init my-app
进入项目,按照 README.md 的指引进行开发:
// 开发小程序端 npm run mp // 开发 Web 端 npm run web // 构建 Web 端 npm run build
剩余两种方式是使用模板快速开发和手动配置开发,感兴趣的可以到GitHub上查看。
项目开源地址
猜你还喜欢
- 07-06 [源码] 云之道知识付费v2 3.1.1独立版小程序源码,带教程
- 05-30 [源码程序] 2023彩虹易支付最新原版开源网站源码(完全破解无后门)
- 09-22 [只有源码] 羊了个羊网页刷榜全解密html源码
- 06-28 [源码程序] kbone 免费最好的微信小程序开源框架认识一下!
- 06-27 [网站源码] 分享一个开源免费HTML静态导航源码,所长导航
- 06-23 [源码] 【完整的易支付源码】全开源+批量生成商户
- 09-29 超火的国庆红旗风头像源码
- 09-18 超火的人生重开模拟器小程序源码
- 01-21 100套精美HTML页面源码
- 07-28 天翼云盘快速下载解析源码
- 06-22 LYCMS自动采集影视源码
- 06-18 天翼云网盘源码,在线直链解析源码
取消回复欢迎 你 发表评论:
- 选域名困难症?精品域名推荐!
-
- 最新文章
- 热门文章
- 热评文章
[动画] [我是格鲁特 I Am Groot 第一、二季][共10集][英语中字][打包]
[音乐合集] 打包69G流行车载音乐1100曲和MV高清视频500个劲爆舞曲
[教程] 某马-Java微服务项目《黑马头条》
[资料] 生财有术1-6期完整版
【稀有,一个你没看过的完美版本】异形前传:普罗米修斯 [155 分钟粉丝剪辑版 / 公映国配 5.1 / 原声中英 & 国配中英字幕] 加长完美版
[课程] 边旅行边画画极简风景绘画课
[书籍] 紫微斗数一本通 : 中国传统最精准的吉凶预测术(内地首发精华版)
[课程] 笔记本电脑维修不是事儿(第一版)配套视频
墨西哥国会惊现两具千年外星尸体!官方首次公开外星文明真相
[3D制作] SolidWorks 2022 SP0-5.0 Full Premium 中文完美版(附激活补丁+教程) 64位
[压缩解压] WinRAR(压缩软件) v6.23 Stable 烈火汉化版
整点秒杀“拼多多”领5元无门槛券
[动画] [铃芽之旅 Suzume no Tojimari][铃芽户缔][Trial Version]【正式流媒体版】外挂中字 正式版
【稀有,一个你没看过的完美版本】异形前传:普罗米修斯 [155 分钟粉丝剪辑版 / 公映国配 5.1 / 原声中英 & 国配中英字幕] 加长完美版
[电脑软件 / 苹果软件] 阿里云盘小白羊版_v3.23.82722 免安装绿色版
[蓝光原盘] 银河护卫队3 4K蓝光原盘下载+高清MKV版下载/银河守护队3(港) / 星际异攻队3(台) / 银护3 2023 Guardians of the Galaxy Vol. 3 59.3G
[动画] [我是格鲁特 I Am Groot 第一、二季][共10集][英语中字][打包]
[电影] 碟中谍7:致命清算(上) Mission: Impossible – Dead Reckoning Part One (2023) [MP4] TC尝鲜版
[电影] 2023年国产6.4分悬疑犯罪片《消失的她》HD国语中英双字
[美剧] [秘密入侵][6集全][MP4][中文字幕][1080P]
[动画] [铃芽之旅 Suzume no Tojimari][铃芽户缔][Trial Version]【正式流媒体版】外挂中字 正式版
[电影] 碟中谍7:致命清算(上) Mission: Impossible – Dead Reckoning Part One (2023) [MP4] TC尝鲜版
【稀有,一个你没看过的完美版本】异形前传:普罗米修斯 [155 分钟粉丝剪辑版 / 公映国配 5.1 / 原声中英 & 国配中英字幕] 加长完美版
[美剧] [秘密入侵][6集全][MP4][中文字幕][1080P]
[动画] 2023年日本动画片《名侦探柯南 灰原哀物语~黑铁的神秘列车~》HD中英双字
[动画] [我是格鲁特 I Am Groot 第一、二季][共10集][英语中字][打包]
[蓝光原盘] 银河护卫队3 4K蓝光原盘下载+高清MKV版下载/银河守护队3(港) / 星际异攻队3(台) / 银护3 2023 Guardians of the Galaxy Vol. 3 59.3G
[动画] 2023高分动画《蜘蛛侠:纵横宇宙》1080p.HD中英双字
[电影] 2023年国产6.4分悬疑犯罪片《消失的她》HD国语中英双字
[电影] 犯罪都市1-3 合集!
- 最新评论
-
让我看看w12345678 评论于:08-30 コメント我喜双中国、万分感谢t3taira 评论于:08-30 好评推荐bbaa365 评论于:08-28 牛Bbbaa365 评论于:08-28 加油很好啊军子混混 评论于:08-20 感谢分享123yaonie 评论于:08-19 不知道算不算,毕竟这集早就有了,今年莫名又被拿出来播观棋 评论于:08-16 是今年的新剧场版吗Bernery 评论于:08-14 最新一集,等很久了Bernery 评论于:08-08 感谢分享好的资源铜陵姚 评论于:08-01
- 热门tag
暂无评论,来添加一个吧。