- 综合排序
- 最热优先
- 最新优先
- 来自专栏自动化测试工具
二、小程序框架
框架 小程序开发框架的目标是通过尽可能简单、高效的方式让开发者可以在微信中开发具有原生 APP 体验的服务。 整个小程序框架系统分为两部分：逻辑层（App Service）和 视图层（View）。 二、页面管理 框架 管理了整个小程序的页面路由，可以做到页面间的无缝切换，并给以页面完整的生命周期。 逻辑层 App Service 小程序开发框架的逻辑层使用 JavaScript 引擎为小程序提供开发者 JavaScript 代码的运行环境以及微信小程序的特有功能。 注意：小程序框架的逻辑层并非运行在浏览器中，因此 JavaScript 在 web 中一些能力都无法使用，如 window，document 等 一、小程序生命周期 每个小程序都需要在 app.js 七、页面路由 在小程序中所有页面的路由全部由框架进行管理。 八、页面栈 框架以栈的形式维护了当前的所有页面。
81630编辑于 2023-10-17 - 来自专栏程序那些事儿
盘点小程序开发框架
今天我们就来盘点下我们开发小程序的时候经常使用的开发框架。 mpvue 美团技术团队开源的小程序框架，一款基于vue.js开发的框架。它支持H5和小程序代码的共用，基于vuex的状态管理让它非常适合处理一些复杂的业务逻辑。 Taro 它是京东团队基于react框架开发的一款小程序框架。同样地，它也是一份代码多端运行，它可以支持多个平台的小程序，并且因为是基于react开发的，它也支持生成react native本地应用。 因为有着"流应用"的开发经验，所以该团队对于小程序的开发是非常擅长的。 wepy 最早的小程序框架之一，提出的预编译思想被很多框架所借鉴。 WMPF 微信推出的小程序硬件框架。众所周知，我们的小程序是需要有对应的客户端来运行的，比如微信小程序是需要安装微信客户端才能运行的，而WMPF的出现，为我们不使用微信就打开小程序提供了一种可能。
1.3K20编辑于 2023-03-07 - 来自专栏腾讯NEXT学位
小程序的底层框架
| 导语 前端的框架太多让人眼花缭乱，很多相似的地方，优秀的地方大家都会借鉴，同时又会有各自的一些特点。小程序也好，其他框架也好，理解他们的设计缘由、实现原理，还是能学到很多很多东西的。 而这样完整的一套框架，基本上都是通过小程序的基础库来完成的。 小程序的基础库 小程序的基础库是 JavaScript 编写的，它可以被注入到渲染层和逻辑层运行。 Exparser 框架 Exparser 是微信小程序的组件组织框架，内置在小程序基础库中，为小程序的各种组件提供基础的支持。 结束语 这节里大概讲了小程序设计中比较重要的一个模型——双线程，关于双线程的出现、设计、数据通信，到基础库、Exparser 框架，都是一个个相关而又相互影响的选择。 关于小程序的底层框架设计，其实还涉及更多更多我们未能一时半会掌握完的内容，自定义组件、原生组件，还有他们做了很多的性能优化工作，都不是只言片语能讲完的。我们能做的，就是多去思考。
96520发布于 2018-12-07 - 来自专栏小程序·云开发专栏
小程序的底层框架
小程序也好，其他框架也好，理解他们的设计缘由、实现原理，还是能学到很多很多东西的。 一切始于双线程 --- 技术选型 上一节《小程序的诞生》中，我们也提到了小程序的双线程设计。 而这样完整的一套框架，基本上都是通过小程序的基础库来完成的。 小程序的基础库 小程序的基础库是 JavaScript 编写的，它可以被注入到渲染层和逻辑层运行。 这样可以： 降低业务小程序的代码包大小 可以单独修复基础库中的 Bug，无需修改到业务小程序的代码包 Exparser 框架 Exparser 是微信小程序的组件组织框架，内置在小程序基础库中，为小程序的各种组件提供基础的支持 关于基础库和 Exparser 框架，更多的也可以参考：《小程序开发指南》 结束语 --- 这节里大概讲了小程序设计中比较重要的一个模型——双线程，关于双线程的出现、设计、数据通信，到基础库、Exparser 关于小程序的底层框架设计，其实还涉及更多更多我们未能一时半会掌握完的内容，自定义组件、原生组件，还有他们做了很多的性能优化工作，都不是只言片语能讲完的。我们能做的，就是多去思考。
1.8K40发布于 2018-11-14 - 来自专栏达达前端
mpvue搭建小程序框架
由于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 应用程序开发的状态管理模式 集中存储和管理应用的所有组件的状态
3K20发布于 2019-07-15 - 来自专栏kifroom
Anim小程序开发框架
Anim小程序开发框架 介绍 Anim 框架是基于原生小程序 Mina 框架开发的，采用 rollup 打包，只需要引入 anim.js 即可快速使用。 特点： 基于小程序 runtime 的增强型开发框架，无需引入各类编译环境，开箱即用。 可兼容原生使用，无需对项目进行大改，按需使用即可。 补充多种原生小程序开发框架缺失功能，提高大型工程化项目的可维护性，让开发更省心。 引入压缩后的文件大小不到 10 kb。 # 使用 # 普通引入 通过 CDN 下载后，放置到小程序项目内部任意地方。 npm 方式引入 正在开发小程序 npm 方式引入。 $route.query) } }) # 突破小程序 10 层限制 通过 Anim 维护的路由栈，还可以突破 10 层限制，超过十层路由时自动通过 Redirect 方法来进行路由跳转。
99620编辑于 2023-02-27 - 来自专栏小特工作室
微信小程序框架 同时兼容QQ小程序
最近一直在开发微信小程序，经过几个版本的迭代开发，代码终于能够达到框架级别，动态配置。除了界面有些寒酸以外，功能上还是挺完备的。 ? 4、源码中也加入常用的功能模块源码，如：联系我们、Page页面预览、图片通用页面等。 ? 不仅如此，这套框架还内含近200个API调用。参考下面的API列表页面 ? 最后炫耀下，用这套框架做了下面这些小程序，非常高效。 ? 同时，也不需担心不同文件夹中的文件复制问题。例:联系我们这个模块（4个文件）有改动时，如保同步至其他小程序里？ 使用下面这个小助手就可以，完美解决了文件复制问题 ? 这套框架还有另一个特点，就是兼容QQ小程序，代码需要变动的很小。即使有差异的地方，只需按照如下做差异化即可。 ? 以上介绍的是小程序的前端框架，后端提供标准的WebAPI输出，支持所有编程语言调用。 ? 扫描下面小程序，可以看框架效果图 ?
1.7K30发布于 2019-09-29 - 来自专栏小程序类
小程序遇上Flutter 3.0框架
小程序与 Flutter 最密切关联还是在渲染优化上，先来看看整个框架：在这个架构下，我们就将 Layout 层的 LV-CPP 专门的作为小程序的 UI 体系处理器，将 UI 信息布局计算好再提交给抽象的后端去渲染 ，LV-CPP 作为小程序的框架和渲染器的中间层，集中的在 C++ 层去处理与 Web 相关的复杂特性。 通过结合 Flutter 和 LV-CPP，我们把实现代码收敛在 C++ 和 Dart 上，进一步简化了基于小程序技术栈实现跨平台业务开发的框架维护成本。 再来看看各家厂商是如何开展的：京东：把Flutter扩展到微信小程序端的探索京东发起了Flutter_mp的开源项目，此框架主要做到两件事情：1.需要根据Flutter生成相关的小程序wxml模板文件。 构建（XML），兼容互联网主流小程序技术，可采用Vue、react基础上的DSL框架。
1.6K10编辑于 2022-07-12 - 来自专栏快乐阿超
小程序框架vue-mini
——阿基米德 分享一个基于 Vue 3 的小程序框架 https://vuemini.org/ https://github.com/vue-mini/vue-mini Vue Mini 是一个基于 Vue 3 的小程序框架，它能让你用组合式 API 写小程序。 与某些小程序开发方案不同的是 Vue Mini 核心仅仅是一个轻量的运行时库，它既不依赖任何编译步骤，也不涉及任何 Virtual DOM。 并且 Vue Mini 从一开始就被设计为能跟小程序原生语法协同工作，你甚至能在同一个页面或组件内混用原生语法与 Vue Mini，这能让你很轻松的将其整合进既有项目中。 当然，你也能完全使用 Vue Mini 开发一个小程序。 Vue Mini 仅聚焦于小程序逻辑部分，也就是 JS 部分，它并不影响小程序的模版、样式及配置。
43610编辑于 2024-08-23 - 来自专栏epoos.com
聊一聊小程序框架
此类方案很多，我将这些方案称为“小程序开发框架”。 一、小程序开发框架比对 最近花了点时间调研了一下小程序的各个框架。 框架的问题 了解过小程序的同学应该都知道，小程序本身其实可以看做是特殊的 web 应用。 小程序的开发语言语法其实就可以看做是定制化的 js、css、html。 也就是说，小程序本身就是对 web 应用的二次封装。 而各大框架又是在小程序开发语法的基础上再一次进行封装。 一旦框架没有人维护了，使用这些框架开发小程序应用的开发者和公司就会很尴尬了，小程序的新功能无法使用，框架有 bug 也无人修复。 3.赶时间上线 4.各个端模块功能大同小异，差别不大。 5.短期应用，预计存活时间不长。 有哪些是不可以使用框架需要考虑的因素呢？ 1.无跨端需求或者跨端少的，比如只需要微信小程序。
1K30编辑于 2023-04-01 - 来自专栏少年郎编程之路
主流小程序框架性能分析
部门最近有开发小程序的需求，需要做一些小程序的调研。通过研读小程序官网文档和收集流行小程序框架的耗时数据，分析主流小程序框架的性能，我获得了一些收获。 这里跟大家一起探讨下如何分析小程序框架的性能以及如何选择合适自己的小程序框架。收集数据使用的小程序框架不是最新版本，数据仅作为参考。1. 在使用小程序框架的时候，小程序框架会在操作触发更新到setData调用之间，执行小程序框架自己的运行时代码，所以对比小程序框架运行时数据的比较合适的口径是，触发更新时间-setData回调时间。 这里使用的oppo reno r4手机在安卓微信8.0.19 wifi网络环境下采集数据。 图片 删除场景下，重编译时的性能也是比较接近native，重运行时框架在数据量大的情况下，性能数据不太理想。4.
1.5K30编辑于 2022-08-01 - 来自专栏测试开发真货
测试平台分支-小程序端-4-小程序登录（下）
继续我们的小程序登录功能。 上一章获取的用户信息是返回的模拟的，这是因为游客模式需要我们切换下。 这时候获取到的就是真实的用户信息了。 输出用户code。 按照官方文档UnionID 需要在开放平台绑定小程序。 重新调试下。 登录成功了，刚刚微信名字段忘加了加上。 import { createStore } from "vuex"; const store = createStore({ state: { // 小程序配置, userInfo: null /config.js' // 导出 createApp 函数，用于创建 Vue.js 应用程序实例 export function createApp() { // 使用 createSSRApp $config=config; // 返回应用程序实例 return { app } } // #endif 重新运行： 还需要刚加载时候就判断下token,修改APP.vue：
1.2K30编辑于 2023-09-15 - 来自专栏LaravelCode
微信小程序安装 WePY框架
微信小程序安装 WePY框架 我们在做传统的 Web 开发，会使用到许多框架来提升工作效率，比如：Laravel、Yii等，同样我们开发小程序也应该会使用小程序的一些框架，而 WePY则是专门为小程序而生 ，由腾讯团队研发 让小程序支持组件化开发的框架,一个最受欢迎的小程序框架. 指令自动编译生成，请不要直接修改该目录下的文件） src 目录 代码编写的目录（该目录为使用WePY后的开发目录） 源码文件 src/app.wpy 目录 项目入口文件 src/pages 目录 存放小程序页面 src/components 目录 存放小程序组件 src/mixins 目录 存放 Mixin 文件 node_modules 目录 NPM 依赖模块 src/index.template.html src/components 存放小程序组件 src/mixins 存放 Mixin 文件 node_modules NPM 依赖模块 src/index.template.html
1.7K20发布于 2019-12-17 - 来自专栏达达前端
认识WebStorm-小程序框架wepy
WebStorm具有对JavaScript，HTML， CSS及其现代替代品以及Angular或React等框架的高级支持。 WebStorm集成了各种Web开发工具和版本控制系统。 支持现代框架：React，Angular，AngularJS，Vue.js，Express等。 用于客户端代码和Node.js的内置调试器。 <PRODUCT><VERSION> 窗口的主要元素 1.主菜单 2.主工具栏 3.导航栏 4.上下文菜单 5.弹出菜单 查看| 导航栏 Alt+Home ? 选择配色方案 ? 颜色方案设置下的“语言默认值”部分 小程序框架wepy 安装 wepy 命令行工具。 npm install wepy-cli -g 在开发目录生成开发DEMO。 npm app必须有三个文件app.json，app.js，app.wxss，页面有4个文件 index.json，index.js，index.wxml，index.wxss。
2K20发布于 2019-07-03 - 来自专栏陶士涵的菜地
小程序框架的简单页面布局
1.首先下载小程序开发工具 2.小程序中的wxml就相当于html , wxss就相当于css 3.布局和html布局几乎一样 4.宽度使用百分比 5.input框里的文字上下居中是用padding撑出来的 ; font-size: 20px; } .indexInput{ margin-bottom: 15px; border: 1px solid #ccc; padding:11px 4px ; width: 90%; border-radius: 4px; } .indexButton{ padding:0 4px; width: 93%; } .indexNologin{ color: #049c4d; font-size: 14px; margin-top: 10px; text-align: right; width: 93%; } ?
1.3K30发布于 2019-09-10 - 来自专栏软件开发
微信小程序开发学习笔记（二）——小程序框架、组件、WXML
一、整体认识小程序框架 小程序开发框架的目标是通过尽可能简单、高效的方式让开发者可以在微信中开发具有原生 APP 体验的服务。 整个小程序框架系统分为两部分：逻辑层（App Service）和 视图层（View）。 小程序提供了自己的视图层描述语言 WXML 和 WXSS，以及基于 JavaScript 的逻辑层框架，并在视图层与逻辑层间提供了数据传输和事件系统，让开发者能够专注于数据与逻辑。 1.3、基础组件 框架 提供了一套基础的组件，这些组件自带微信风格的样式以及特殊的逻辑，开发者可以通过组合基础组件，创建出强大的微信小程序 。 ，增加了开发效率高，但是由于weex坑比较多，建议还是使用局部渲染优化； 4、通用前端技术栈,学习成本更低 5、支持vue语法，微信小程序API 6、内嵌mpvue 7、开发生态,组件更丰富 8、支持通过
3.5K40编辑于 2023-04-28 - 来自专栏达达前端
微信小程序框架与组件
标题图 查看官方文档：https://developers.weixin.qq.com/miniprogram/dev/component/ 前言： 学习微信小程序应该不怎么难吧~下面我来记录一下学习笔记 ，在学微信小程序的时候，如果你有html+css+javascript的基础，那么你就很快地上手掌握的。 下面提供微信小程序官方地址：https://developers.weixin.qq.com/miniprogram/dev/framework/structure.html 下面一起学一学，微信小程序的框架吧 正文： 微信小程序的文件结构，有一个描述整体的app和描述多个页面的文件组合在一起的。给大家看一下打开微信小程序一般由什么： ? 示意图 一个文件项目中主体有 app.js 为小程序的逻辑代码 app.json 为小程序的公共设置 app.wxss 为小程序的样式 一个文件中如logs,index等，一般都有 xxx.js 页面逻辑代码如
1.6K30发布于 2019-07-03 - 来自专栏神葳总局
微信小程序学习（mpvue框架）
# 介绍 mpvue （github 地址请参见 ）是一个使用 Vue.js 开发小程序的前端框架。 框架基于 Vue.js 核心，mpvue 修改了 Vue.js 的 runtime 和 compiler 实现， 使其可以运行在小程序环境中，从而为小程序开发引入了整套 Vue.js 开发体验 # # 基于mpvue框架的微信小程序 # 页面需要文件介绍 # .vue文件 <template> => 原生小程序的 .wxml <script> => 原生小程序的 .js <style> => 原生小程序的 $mount() 1 2 3 4 5 6 7 8 9 10 11 12 13 14 复制 # .json文件 和原生小程序中的json文件一样 # src源文件 # 自动打包后的dist文件 # # 小程序应用App实例声明周期 onLaunch: 小程序应用初始化 onShow: 小程序启动获取后台进入前台 onHide: 小程序应用从前台进入后台 # 小程序页面Page实例生命周期 onLoad
1.6K20发布于 2021-01-22 - 来自专栏IT大咖说
WePY-小程序框架设计
这次分享内容包括：小程序开发基础内容；WePY框架说明，为什么要做这个框架以及框架介绍；WePY框架在我们业务开发中的实际应用和经验分享。 4、页面最多只能打开5层。 5、5个并发网络请求。 6、http特性不完善。 7、无法外跳。 主流框架特性 ? 小程序框架唯一的缺陷就是缺少组件系统，无法支持组件化开发。 组件化开发框架WePY WePY简介 WePY通过预编译手段使小程序支持组件化，类Vue.js风格的开发模式，让开发者可以像普通Web应用一样开发小程序。它是一款Github开源框架。 一方面是因为小程序不支持组件化，另一方面是因为其它框架有一些比较好的特性在小程序里是没有的。我们想借鉴其它框架的优秀特性，把它们引入到小程序的开发当中去。 小程序转Web时存在的问题 1、小程序的开发模式与Web端的开发模式不一样。 2、标签和样式存在差异。 3、小程序模版中的一些属性或者表达式在Web端原生并不支持。 4、Web原生不支持模块化。
1.8K60发布于 2018-04-03 - 来自专栏Bug生活2048
小程序版博客——整体框架搭建
本篇主要记录下自己搭建小程序版博客的整体框架过程及自己在搭建过程中学习到点和一些坑。 app.json文件用来对微信小程序进行全局配置，决定页面文件的路径、窗口表现、设置网络超时时间、设置多 tab 等。 好啦，到这里，小程序的架子基本上有了，通过手机预览感觉也还不错。 数据请求 页面基本上有点样子了，接着需要实现下数据交互了。 这里需要用到小程序的APIwx.request，具体参数说明可以参考官方文档。 小结 搭建过程中主要熟悉下小程序的API以及有赞UI库的使用，相关细节可以参考对应的文档，还是比较详细的。 由于目前博客小程序还在开发中，后期等上线后源码会分享出来。
1.2K30发布于 2018-08-31
腾讯云开发者
Copyright © 2013 - 2026 Tencent Cloud. All Rights Reserved. 腾讯云 版权所有
深圳市腾讯计算机系统有限公司 ICP备案/许可证号：粤B2-20090059 
粤公网安备44030502008569号
腾讯云计算（北京）有限责任公司 京ICP证150476号 | 京ICP备11018762号