适用场景 kbone 是一个致力于微信小程序和 Web 端同构的解决方案。 微信小程序的底层模型和 Web 端不同，我们想直接把 Web 端的代码挪到小程序环境内执行是不可能的。...方案实现 方案设计有如下几个前提： 为了更好的复用组件，尽可能完整的支持 Web 端的特性 在小程序端的渲染结果要尽可能接近 Web 端 h5 页面 所以，与其他同构框架不同，kbone 是以适配器的方式来支持的...除此之外还需要一个 webpack 插件来根据原始的 Web 端源码生成小程序代码，因为小程序代码包和 Web 端的代码不同，它有固定的结构，而这个插件就是 mp-webpack-plugin。...提供了常用的 dom/bom 接口，让用户代码无需做太大改动便可从 Web 端迁移到小程序端。 在小程序端运行时，仍然可以使用小程序本身的特性（比如像 live-player 内置组件、分包功能）。...腾讯工蜂源码系统为开源开发者提供完整、最新的腾讯开源项目国内镜像 本文来源：腾讯开源（ID：tencentopen） ? ? 腾讯智慧校园推硬核“停课不停学”方案 ?
适用场景 kbone 是一个致力于微信小程序和 Web 端同构的解决方案。 微信小程序的底层模型和 Web 端不同，我们想直接把 Web 端的代码挪到小程序环境内执行是不可能的。...方案实现 方案设计有如下几个前提： 为了更好的复用组件，尽可能完整的支持 Web 端的特性 在小程序端的渲染结果要尽可能接近 Web 端 h5 页面 所以，与其他同构框架不同，kbone 是以适配器的方式来支持的...除此之外还需要一个 webpack 插件来根据原始的 Web 端源码生成小程序代码，因为小程序代码包和 Web 端的代码不同，它有固定的结构，而这个插件就是 mp-webpack-plugin。...提供了常用的 dom/bom 接口，让用户代码无需做太大改动便可从 Web 端迁移到小程序端。 在小程序端运行时，仍然可以使用小程序本身的特性（比如像 live-player 内置组件、分包功能）。...腾讯工蜂源码系统为开源开发者提供完整、最新的腾讯开源项目国内镜像
wepy WePY 是一款让小程序支持组件化开发的框架，通过预编译的手段让开发者可以选择自己喜欢的开发风格去开发小程序。...框架的细节优化，Promise，Async Functions的引入都是为了能让开发小程序项目变得更加简单，高效。...Functions 支持多种编译器，Less/Sass/Styus、Babel/Typescript、Pug 支持多种插件处理，文件压缩，图片压缩，内容替换等 支持 Sourcemap，ESLint等 小程序细节优化...小程序组件化开发框架wepy 正式开源 Github地址: https://github.com/Tencent/wepy 官网地址： https://tencent.github.io/wepy/
mpvue——美团开源的小程序开发框架，从我11月份提到它，直到如今才姗姗来迟，但自上周在github发布以来，短短几天收获了3600多的Star，可以说是本年度国内上升最快的开源项目也不为过。...如果说wepy是类vue开发，那mpvue是无限接近vue开发，使得一套html5代码，实现打通app、web、小程序的目标越来越近，只是小程序的差异化特性，使得使用上有所限制，需要略作微调。...看看官方说明： 使用 mpvue 开发小程序，你将在小程序技术体系的基础上获取到这样一些能力： . 彻底的组件化开发能力：提高代码复用性 . 完整的 Vue.js 开发体验 ....然后我应该再来点试用细节和感受，但还是不写了，且看下面注释说明…… 注： 本来一早创建了【微信小程序】专题，想对小程序技术做一些介绍，但发现早已有人在做且做得很好，所以不重复做工，平时只发布一些看法，有兴趣了解微信小程序开发的...，我推荐一斤代码的【微信小程序专栏】。
在小程序风行的这一年，腾讯开源的项目中Wepy小程序开发框架 （https://github.com/Tencent/wepy）脱颖而出成为众多开发者的选择。...本次与FreeCodeCamp社区联合举办腾讯开源线下沙龙，特邀了Wepy小程序开发框架的作者龚澄来分享Wepy小程序开发实践以及开源的那些事。...活动信息 活动主题：微信小程序开发开源实践---Wepy专场 活动时间：2018年5月19日 14:00-17:00 活动地点：深圳市南山区深南大道腾讯大厦2楼多功能厅（image咖啡门口楼梯） 报名名额
框架 小程序开发框架的目标是通过尽可能简单、高效的方式让开发者可以在微信中开发具有原生 APP 体验的服务。 整个小程序框架系统分为两部分：逻辑层（App Service）和 视图层（View）。...二、页面管理 框架 管理了整个小程序的页面路由，可以做到页面间的无缝切换，并给以页面完整的生命周期。...逻辑层 App Service 小程序开发框架的逻辑层使用 JavaScript 引擎为小程序提供开发者 JavaScript 代码的运行环境以及微信小程序的特有功能。...注意：小程序框架的逻辑层并非运行在浏览器中，因此 JavaScript 在 web 中一些能力都无法使用，如 window，document 等 一、小程序生命周期 每个小程序都需要在 app.js...七、页面路由 在小程序中所有页面的路由全部由框架进行管理。 八、页面栈 框架以栈的形式维护了当前的所有页面。
图片 想要开发出一套高质量的小程序，运用框架，组件库是省时省力省心必不可少一部分，随着小程序日渐火爆，各种不同类型的小程序也渐渐更新，其中不乏一些优秀好用的框架/组件库。...小程序开发中最常用到的一款框架，受广大开发人员的欢迎。...：mpvue是一个使用 Vue.js开发小程序的前端框架。...图片.png 5：Tina.js 一款轻巧的渐进式微信小程序框架 Tina.js 开源框架地址： https://github.com/tinajs/tina 官方介绍：是一款轻巧的渐进式微信小程序框架...我要没记错的话，是最近刚刚开源的。 使用 Taro，我们可以只书写一套代码，再通过 Taro 的编译工具，将源代码分别编译出可以在不同端（微信小程序、H5、App 端等）运行的代码。
分享一款开源的小程序代码，目前已经开源到git跟码云上面，包含了多端小程序(wx/QQ/百度/今日头条)，记得从最开始的wx到后面多端的衍生小程序，本着开源的精神一直做下去，下面我先介绍下基本的功能跟小程序的界面截图...本程序的数据基于wordpress程序，同时也需要你有一款wordpress程序的网站，才可以完美的运行哦。 小程序功能： 这次的开源小程序功能不多，界面清新，简洁。...开源小程序的功能体验如下： 支持搜索关键词文章 支持文章点赞 / 收藏 / 评论 支持查看个人点赞 / 收藏 / 评论文章列 没有太复杂的功能，除了简洁还是简洁，除了清新还是清新，重要的是，如此优雅的小程序...以wx小程序为例截图： 开源在线演示查看： 开源程序查毒截图，分别为哈希系统跟virscan的在线查毒 以下为小程序开源下载地址: 我们已经把这款开源小程序发布到了开源平台上，如果你对这款小程序有兴趣
H5以及小程序越来越多，你的自动化测试跟上了吗？ ?...随着业务的发展，许多项目中H5以及小程序占比逐渐增多，因为快速建设相关的自动化来提高项目的效率和质量成为许多项目中的重中之重，因此，FAutoTest（以下简称FAT）应运而生。...FAT作为一套成长中的自动化测试框架，主要解决微信内UI的自动化测试问题，主要包括微信内H5页面和小程序，提升自动化测试的易用性与稳定性，提高测试的效率与质量。...全面支持微信H5页面，能识别常见H5控件，能获取页面任意内容（常见的如文字、图片、链接等） 支持微信小程序内控件识别，操作，页面内容获取等 支持安卓Native页面组合操作使用 简单的API设计，使用门槛低...提供日志等级开关，方便调试定位 支持基础的性能测试监控 功能扩展性强，扩展门槛低 Github开源地址： https://github.com/Tencent/FAutoTest 请给 FAutoTest
Mpx是一款致力于提高小程序开发体验和效率的增强型小程序框架，目前在滴滴公司内部支撑了包括滴滴出行小程序，滴滴出行广场小程序，青桔单车，黑马电单车，小桔养车，小桔加油在内的小程序生态；自去年11月开源以来...同业内主流的小程序跨端框架相比，Mpx更专注于小程序开发本身，在小程序开发中具备以下优势： 基于小程序自身的技术标准进行增强，没有进行过重的DSL转换，开发时遇到的坑会更少； 完全兼容原生小程序技术规范...设计理念 Mpx框架的核心设计理念在于增强，增强是指在小程序已有的原生能力基础上做加法，拓展小程序的开发能力，提高小程序的开发体验和效率。...Mpx跨平台开发流程示意图 Mpx跨平台能力设计思路明显区别于业内已有的其他小程序跨平台框架，主要差异在于： Mpx以小程序本身的DSL作为基准，而没有使用web框架(React,Vue)的DSL； Mpx...未来规划 作为滴滴公司内部小程序生态的基础设施，我们会对Mpx框架进行长期的维护更新，确保能在第一时间支持各个小程序平台最新的技术特性。
| 导语 前端的框架太多让人眼花缭乱，很多相似的地方，优秀的地方大家都会借鉴，同时又会有各自的一些特点。小程序也好，其他框架也好，理解他们的设计缘由、实现原理，还是能学到很多很多东西的。...而这样完整的一套框架，基本上都是通过小程序的基础库来完成的。 小程序的基础库 小程序的基础库是 JavaScript 编写的，它可以被注入到渲染层和逻辑层运行。...Exparser 框架 Exparser 是微信小程序的组件组织框架，内置在小程序基础库中，为小程序的各种组件提供基础的支持。...结束语 这节里大概讲了小程序设计中比较重要的一个模型——双线程，关于双线程的出现、设计、数据通信，到基础库、Exparser 框架，都是一个个相关而又相互影响的选择。...关于小程序的底层框架设计，其实还涉及更多更多我们未能一时半会掌握完的内容，自定义组件、原生组件，还有他们做了很多的性能优化工作，都不是只言片语能讲完的。我们能做的，就是多去思考。
今天我们就来盘点下我们开发小程序的时候经常使用的开发框架。...mpvue 美团技术团队开源的小程序框架，一款基于vue.js开发的框架。它支持H5和小程序代码的共用，基于vuex的状态管理让它非常适合处理一些复杂的业务逻辑。...Taro 它是京东团队基于react框架开发的一款小程序框架。同样地，它也是一份代码多端运行，它可以支持多个平台的小程序，并且因为是基于react开发的，它也支持生成react native本地应用。...因为有着"流应用"的开发经验，所以该团队对于小程序的开发是非常擅长的。 wepy 最早的小程序框架之一，提出的预编译思想被很多框架所借鉴。...WMPF 微信推出的小程序硬件框架。众所周知，我们的小程序是需要有对应的客户端来运行的，比如微信小程序是需要安装微信客户端才能运行的，而WMPF的出现，为我们不使用微信就打开小程序提供了一种可能。
小程序也好，其他框架也好，理解他们的设计缘由、实现原理，还是能学到很多很多东西的。 一切始于双线程 --- 技术选型 上一节《小程序的诞生》中，我们也提到了小程序的双线程设计。...而这样完整的一套框架，基本上都是通过小程序的基础库来完成的。 小程序的基础库 小程序的基础库是 JavaScript 编写的，它可以被注入到渲染层和逻辑层运行。...这样可以： 降低业务小程序的代码包大小 可以单独修复基础库中的 Bug，无需修改到业务小程序的代码包 Exparser 框架 Exparser 是微信小程序的组件组织框架，内置在小程序基础库中，为小程序的各种组件提供基础的支持...关于基础库和 Exparser 框架，更多的也可以参考：《小程序开发指南》 结束语 --- 这节里大概讲了小程序设计中比较重要的一个模型——双线程，关于双线程的出现、设计、数据通信，到基础库、Exparser...关于小程序的底层框架设计，其实还涉及更多更多我们未能一时半会掌握完的内容，自定义组件、原生组件，还有他们做了很多的性能优化工作，都不是只言片语能讲完的。我们能做的，就是多去思考。
由于mpvue框架是完全基于Vue框架的（重写了其runtime和compiler） 运行时框架 runtime 和代码编译器 compiler 实现 mp：mini program 的缩写 mpvue...px2rpx-loader 样式转化插件 mpvue-quickstart mpvue-quickstart mpvue-simple 辅助 mpvue 快速开发 Page / Component 级小程序页面的工具...image.png https://wendux.github.io/dist/#/doc/flyio/readme vuex的定义 Vuex 是一个专门为 Vue.js 应用程序开发的状态管理模式 集中存储和管理应用的所有组件的状态
“ 关键字: “开源商城小程序" 01—开源商城小程序 基于 微信小程序 + springboot + vue 技术构建 ，支持单店铺，多店铺入驻的商城平台。项目包含 微信小程序，管理后台。...3、所有软件和资源源码都有时效性，如果遇到失效的请，到公众号后台留言反馈或者直接联系小编微信，微信在下边二维码！...春节到 小编作了一些红包封面送给各位粉丝朋友 程序员专属红包封面 大家捧场 如何领取微信红包啊 01 — 扫描并关注“视频号“ 02 — 关注公众号回复“ 领取封面 ” 【联系方式】 — 联...文章发布源代码和文章均来源于各类开源网站社区或者是小编在项目中、学习中整理的一些实例项目。主要目的是将开源代码分享给喜欢编程、有梦想的程序员，希望能帮助到你们与他们共同成长。...如果涉及开源程序侵犯到原作者相关权益，可联系小编进行相关处理。
Anim小程序开发框架 介绍 Anim 框架是基于原生小程序 Mina 框架开发的，采用 rollup 打包，只需要引入 anim.js 即可快速使用。...特点： 基于小程序 runtime 的增强型开发框架，无需引入各类编译环境，开箱即用。 可兼容原生使用，无需对项目进行大改，按需使用即可。...补充多种原生小程序开发框架缺失功能，提高大型工程化项目的可维护性，让开发更省心。 引入压缩后的文件大小不到 10 kb。 # 使用 # 普通引入 通过 CDN 下载后，放置到小程序项目内部任意地方。...npm 方式引入 正在开发小程序 npm 方式引入。...$route.query) } }) # 突破小程序 10 层限制 通过 Anim 维护的路由栈，还可以突破 10 层限制，超过十层路由时自动通过 Redirect 方法来进行路由跳转。
介绍开源框架 这是一款搜索插件，该搜索框组件基于开源项目wxSearch 进行了改进，主要有以下几个修改点： 增加了注释，修改了一些bug，项目可以跑起来。...PS：本次主要对插件进行了一次集成，其实不太负责，也是第一次在小程序里面使用插件，之前听同事说过，有了插件搬砖的工作发现可以轻松很多。
最近一直在开发微信小程序，经过几个版本的迭代开发，代码终于能够达到框架级别，动态配置。除了界面有些寒酸以外，功能上还是挺完备的。 ?...不仅如此，这套框架还内含近200个API调用。参考下面的API列表页面 ? 打开其中一个，可以看到某个API的具体调用方式，点击“测试”按钮，返回结果如下。 ? ?...最后炫耀下，用这套框架做了下面这些小程序，非常高效。 ? 同时，也不需担心不同文件夹中的文件复制问题。例:联系我们这个模块（4个文件）有改动时，如保同步至其他小程序里？...使用下面这个小助手就可以，完美解决了文件复制问题 ? 这套框架还有另一个特点，就是兼容QQ小程序，代码需要变动的很小。即使有差异的地方，只需按照如下做差异化即可。 ?...以上介绍的是小程序的前端框架，后端提供标准的WebAPI输出，支持所有编程语言调用。 ? 扫描下面小程序，可以看框架效果图 ?
前言 mpvue 是一款使用 Vue.js 开发微信小程序的前端框架。使用此框架，开发者将得到完整的 Vue.js 开发体验，同时为 H5 和小程序提供了代码复用的能力。...目前， mpvue 已经在美团点评多个实际业务项目中得到了验证，因此我们决定将其开源，希望更多技术同行一起开发，应用到更广泛的场景里去。...小程序本身定位为一个简单的逻辑视图层框架，官方并不推荐用来开发复杂应用，但业务需求却难以做到精简。...mpvue 是一套定位于开发小程序的前端开发框架，其核心目标是提高开发效率，增强开发体验。使用该框架，开发者只需初步了解小程序开发规范、熟悉 Vue.js 基本语法即可上手。...mpvue 来源于开源社区，饮水思源，我们也希望为开源社区贡献一份力量，为广大小程序开发者提供一套技术方案。
今天在github上发现了一个当下比较流行的小程序开源框架，可能是最好的小程序开源框架。...开源项目地址：https://github.com/Tencent/kbone 开源项目作者：JuneAndGreen 微信小程序的底层模型和 Web 端不同，我们想直接把 Web 端的代码挪到小程序环境内执行是不可能的...支持更为完整的前端框架特性，因为 kbone 不会对框架底层进行删改（比如 Vue 中的 v-html 指令、Vue-router 插件）。...提供了常用的 dom/bom 接口，让用户代码无需做太大改动便可从 Web 端迁移到小程序端。 在小程序端运行时，仍然可以使用小程序本身的特性（比如像 live-player 内置组件、分包功能）。...提供了一些 Dom 扩展接口，让一些无法完美兼容到小程序端的接口也有替代使用方案（比如 getComputedStyle 接口）。
领取专属 10元无门槛券
手把手带您无忧上云
云服务器
ICP备案
对象存储
即时通信 IM
实时音视频
