index.md

home	true
layout	homepageLayout
heroImage	/logo.png
title	首页
heroText	增强型跨端小程序框架
tagline	良好的开发体验，极致的应用性能，完整的原生兼容，一份源码跨端输出所有小程序平台及Web。
actionText	快速进入
actionLink	/guide/basic/intro.html
githubText	Github
githubLink	https://github.com/didi/mpx
features	title details icon micon 高性能 Mpx 高度关注小程序性能与包体积，深度整合了运行时性能优化与包体积分析优化能力，让开发者在大部分场景下只需专注于业务开发，就能生产出媲美甚至超出原生的高性能小程序应用。 https://dpubstatic.udache.com/static/dpubimg/PsrcQ_igBl/texing_icon_you.png https://dpubstatic.udache.com/static/dpubimg/BBQBgCRCOl/y_icon_you.png title details icon micon 优体验 以增强的方式将 Vue 中优良的开发特性引入到小程序开发中，如数据响应、组合式 api 等，配合强大的工程化能力，大大提升了小程序开发的体验与效率，同时保障了框架开发的可维护性与可预期性。 https://dpubstatic.udache.com/static/dpubimg/N7sc6TZnja/texing_icon_gao.png https://dpubstatic.udache.com/static/dpubimg/0S3n12uc1k/y_icon_gao.png title details icon micon 跨平台 Mpx 专注解决小程序跨端问题，通过静态转译与运行时适配结合，将一份源码跨端输出到所有开放的小程序平台和 web 环境下运行，同时最大限度减少跨端带来的性能与包体积损失。 https://dpubstatic.udache.com/static/dpubimg/bJMx84lznm/texing_icon_kua.png https://dpubstatic.udache.com/static/dpubimg/KPG_IXLuwU/y_icon_kua.png
threeSection	title details mdetails actionText actionLink img bg list mlist 示例项目 扫码查看使用 Mpx 开发的 todoMVC 项目在各个小程序平台及 web 下的运行情况，更多示例项目代码可点击这里查看。 TodoMVC 是一个示例项目，它使用目前流行的不同 JavaScript 框架的来实现同一个 Demo，来帮助你熟悉和选择最合适的前端框架。 查看详情 https://dpubstatic.udache.com/static/dpubimg/c3b0d3bc-1bb0-4bee-b6da-4205a2744e21.html#/pages/index https://dpubstatic.udache.com/static/dpubimg/nYbrJSPSz7/anli_pic_phone.png https://gift-static.hongyibo.com.cn/static/kfpub/3547/todomvc_bg_v3.png title icon1 icon2 code 微信 https://gift-static.hongyibo.com.cn/static/kfpub/3547/todomvc_icon_wechat_normal.png https://gift-static.hongyibo.com.cn/static/kfpub/3547/todomvc_icon_wechat_active.png https://gift-static.hongyibo.com.cn/static/kfpub/3547/wx-qrcode.jpg title icon1 icon2 code 支付宝 https://gift-static.hongyibo.com.cn/static/kfpub/3547/todomvc_icon_alipay_normal.png https://gift-static.hongyibo.com.cn/static/kfpub/3547/todomvc_icon_alipay_active.png https://gift-static.hongyibo.com.cn/static/kfpub/3547/ali-qrcode.jpg title icon 微信 https://dpubstatic.udache.com/static/dpubimg/ho5eKaVX5L/y_icon_wechat.png title icon QQ https://dpubstatic.udache.com/static/dpubimg/IoQuifVymo/y_icon_qq.png title icon 支付宝 https://dpubstatic.udache.com/static/dpubimg/rMS51-MYUE/y_icon_zhifubao.png title icon 百度 https://dpubstatic.udache.com/static/dpubimg/nth1TOFUVA/y_icon_baidu.png title icon 字节跳动 https://dpubstatic.udache.com/static/dpubimg/JQBu676x6W/y_icon_zijie.png title icon Web https://dpubstatic.udache.com/static/dpubimg/d4pVP4BUGU/y_icon_web.png
fourSection	title details img mimg bg actionText actionLink 极致性能 得益于增强的设计思路，Mpx 在运行时没有复杂的封装抹平逻辑，而是专注于实现数据响应，setData 优化和 Composition api 等关键增强能力，压缩后体积占用仅为 60KB；配合编译构建中灵活强大的包体积分析优化能力，Mpx 在性能与包体积方面做到了业内最优。 https://dpubstatic.udache.com/static/dpubimg/jvACYsEQfm/jizhi_pic.png https://dpubstatic.udache.com/static/dpubimg/G4RXehQ40n/y_pic_jizhi.png https://gift-static.hongyibo.com.cn/static/kfpub/3547/jizhi_bg_v3.png 点击进入 /articles/performance.html
fiveSection	title details img mimg bg actionText actionLink 渐进迁移 同样得益于增强的设计思路，Mpx 能够完整兼容小程序原生技术规范，并以较低的成本进行持续跟进；借助框架提供的渐进迁移能力，小程序开发者可以方便地在 Mpx 项目中使用已有的原生开发生态，如组件库，统计工具等，同时也能将 Mpx 开发的组件输出到原生小程序项目中使用。 https://dpubstatic.udache.com/static/dpubimg/k5Ft6oWF6F/jianjin_pic.png https://dpubstatic.udache.com/static/dpubimg/Z0W_MvwJ8C/y_pic_jianjin.png https://gift-static.hongyibo.com.cn/static/kfpub/3547/jianjin_bg_v3.png 点击进入 /guide/advance/progressive.html
sixSection	title mtitle bg details 开发生态 开发生态 https://gift-static.hongyibo.com.cn/static/kfpub/3547/kaifa_bg_v3.png title details icon actionLink @mpxjs/core 运行时核心 https://dpubstatic.udache.com/static/dpubimg/K4XYVLjBLH/kaifa_icon_1.png https://www.npmjs.com/package/@mpxjs/core title details icon actionLink @mpxjs/webpack-plugin 编译核心 https://dpubstatic.udache.com/static/dpubimg/2k0jC-ZkFX/kaifa_icon_2.png https://www.npmjs.com/package/@mpxjs/webpack-plugin title details icon actionLink @mpxjs/cli 脚手架工具 https://dpubstatic.udache.com/static/dpubimg/ug3MOMmXaz/kaifa_icon_3.png https://github.com/mpx-ecology/mpx-cli title details icon actionLink @mpxjs/fetch 网络请求库 https://dpubstatic.udache.com/static/dpubimg/L6kO_akb2G/kaifa_icon_4.png /guide/extend/fetch.html title details icon actionLink @mpxjs/api-proxy api 环境API https://dpubstatic.udache.com/static/dpubimg/oZGOmLr5f3/kaifa_icon_5.png /api-proxy/index.html title details icon actionLink @mpxjs/webview-bridge web Webview桥 https://dpubstatic.udache.com/static/dpubimg/trdVxyR_5_/kaifa_icon_6.png /guide/extend/webview-bridge.html title details icon actionLink Mpx language tools IDE 插件 https://dpubstatic.udache.com/static/dpubimg/PczNH3wywM/kaifa_icon_7.png https://github.com/mpx-ecology/language-tools title details icon actionLink @mpxjs/es-check 语法兼容检测 https://dpubstatic.udache.com/static/dpubimg/qXb0ZEY4xN/kaifa_icon_8.png https://github.com/mpx-ecology/mpx-es-check title details icon actionLink @mpxjs/size-report 包体积分析工具 https://dpubstatic.udache.com/static/dpubimg/2pa_xoKoeL/kaifa_icon_9.png /guide/advance/size-report.html
sevenSection	title bg details 成功案例 https://gift-static.hongyibo.com.cn/static/kfpub/3547/anli_bg_v3.png title details img demo 滴滴出行 写一些介绍的话语吧写一些介绍的话语吧写一些介绍的话语吧写一些介绍的话语吧 https://dpubstatic.udache.com/static/dpubimg/bcca3d10-01b7-4c08-951a-22418b2443d6.jpg https://gift-static.hongyibo.com.cn/static/kfpub/3547/didi2_v3.jpeg title details img demo 青桔单车 写一些介绍的话语吧写一些介绍的话语吧写一些介绍的话语吧写一些介绍的话语吧 https://dpubstatic.udache.com/static/dpubimg/pIM3h2vyj2/qingju.jpg https://gift-static.hongyibo.com.cn/static/kfpub/3547/shunfengche_demo_v3.jpeg title details img demo 滴滴顺风车 写一些介绍的话语吧写一些介绍的话语吧写一些介绍的话语吧写一些介绍的话语吧 https://dpubstatic.udache.com/static/dpubimg/neOI_G6deQ/shunfengche.png https://gift-static.hongyibo.com.cn/static/kfpub/3547/qingju_demo_v3.jpeg title details img demo 出行广场 写一些介绍的话语吧写一些介绍的话语吧写一些介绍的话语吧写一些介绍的话语吧 https://dpubstatic.udache.com/static/dpubimg/708d5579-81f0-480e-96b3-5f49e8022273.jpg https://gift-static.hongyibo.com.cn/static/kfpub/3547/guangchuang_v3.jpeg title details img demo 滴滴公交 写一些介绍的话语吧写一些介绍的话语吧写一些介绍的话语吧写一些介绍的话语吧 https://dpubstatic.udache.com/static/dpubimg/69a08787-d3a1-4c51-b182-0fcb96960b56.jpg https://gift-static.hongyibo.com.cn/static/kfpub/3547/didi2_v3.jpeg title details img demo 滴滴金融 写一些介绍的话语吧写一些介绍的话语吧写一些介绍的话语吧写一些介绍的话语吧 https://dpubstatic.udache.com/static/dpubimg/8c25bec8-938e-452d-96f9-5e524092a8ee.png https://gift-static.hongyibo.com.cn/static/kfpub/3547/jinlong_v3.jpeg title details img demo 滴滴外卖 写一些介绍的话语吧写一些介绍的话语吧写一些介绍的话语吧写一些介绍的话语吧 https://dpubstatic.udache.com/static/dpubimg/8fdd04ed-a74b-4b87-be6e-652550fb843f.png https://gift-static.hongyibo.com.cn/static/kfpub/3547/didi2_v3.jpeg title details img demo 司机招募 写一些介绍的话语吧写一些介绍的话语吧写一些介绍的话语吧写一些介绍的话语吧 https://dpubstatic.udache.com/static/dpubimg/d3b62a33-7dbd-45ea-a4aa-f30ad61965f2.jpg https://gift-static.hongyibo.com.cn/static/kfpub/3547/siji_v3.jpeg title details img demo 小桔加油 写一些介绍的话语吧写一些介绍的话语吧写一些介绍的话语吧写一些介绍的话语吧 https://dpubstatic.udache.com/static/dpubimg/988099b3-9930-4c54-abd7-75e70134d649.png https://gift-static.hongyibo.com.cn/static/kfpub/3547/jiayou_v3.jpeg title details img demo 番薯借阅 写一些介绍的话语吧写一些介绍的话语吧写一些介绍的话语吧写一些介绍的话语吧 https://dpubstatic.udache.com/static/dpubimg/79573ef6-2a66-462e-8cc7-63eb983168f8.jpg https://gift-static.hongyibo.com.cn/static/kfpub/3547/jieshu_v3.jpeg title details img demo 疫查查应用 写一些介绍的话语吧写一些介绍的话语吧写一些介绍的话语吧写一些介绍的话语吧 https://dpubstatic.udache.com/static/dpubimg/8932c3c2-b6da-4da2-8661-5554fe2bd4a3.jpg https://gift-static.hongyibo.com.cn/static/kfpub/3547/yiqin_v3.jpeg title details img demo 小桔养车 写一些介绍的话语吧写一些介绍的话语吧写一些介绍的话语吧写一些介绍的话语吧 https://dpubstatic.udache.com/static/dpubimg/b6507fca-1e1f-4922-9240-d0f172bea6de.jpg https://gift-static.hongyibo.com.cn/static/kfpub/3547/yangche_v3.jpeg title details img demo 学而思直播课 写一些介绍的话语吧写一些介绍的话语吧写一些介绍的话语吧写一些介绍的话语吧 https://dpubstatic.udache.com/static/dpubimg/40fd646b-10d0-4383-a576-e1d425a8c05d.jpeg https://gift-static.hongyibo.com.cn/static/kfpub/3547/zhibo_v3.jpeg title details img demo 小猴启蒙课 写一些介绍的话语吧写一些介绍的话语吧写一些介绍的话语吧写一些介绍的话语吧 https://dpubstatic.udache.com/static/dpubimg/6833dbdb-1dc8-4929-bd41-6d71069b0714.jpeg https://gift-static.hongyibo.com.cn/static/kfpub/3547/ai_v3.jpeg title details img demo 科创书店 写一些介绍的话语吧写一些介绍的话语吧写一些介绍的话语吧写一些介绍的话语吧 https://dpubstatic.udache.com/static/dpubimg/8627f48d-cf64-4511-8b2f-ede8e54186a7.png https://gift-static.hongyibo.com.cn/static/kfpub/3547/shudian_v3.jpeg title details img demo 在武院 写一些介绍的话语吧写一些介绍的话语吧写一些介绍的话语吧写一些介绍的话语吧 https://dpubstatic.udache.com/static/dpubimg/421bf49b-a9cb-4d54-90d7-e21b80ab21b3.jpg https://gift-static.hongyibo.com.cn/static/kfpub/3547/wuyuan_v3.jpeg title details img demo 三股绳Lite 写一些介绍的话语吧写一些介绍的话语吧写一些介绍的话语吧写一些介绍的话语吧 https://dpubstatic.udache.com/static/dpubimg/46ee136b-0791-4069-98b0-35566d5ef394.jpg https://gift-static.hongyibo.com.cn/static/kfpub/3547/daka_v3.jpeg title details img demo 学而思优选课 写一些介绍的话语吧写一些介绍的话语吧写一些介绍的话语吧写一些介绍的话语吧 https://dpubstatic.udache.com/static/dpubimg/eab48487-5ca2-4368-9080-a6b843097e67.jpeg https://gift-static.hongyibo.com.cn/static/kfpub/3547/xueersi_v3.jpeg title details img demo 食享会 写一些介绍的话语吧写一些介绍的话语吧写一些介绍的话语吧写一些介绍的话语吧 https://dpubstatic.udache.com/static/dpubimg/lY7eYSppkW/68747470733a2f2f73686978682e636f6d2f73686571752f696d672f7172636f64655f322e37343664373562342e706e67.png https://gift-static.hongyibo.com.cn/static/kfpub/3547/canshi_v3.jpeg title details img demo 青铜安全医生 写一些介绍的话语吧写一些介绍的话语吧写一些介绍的话语吧写一些介绍的话语吧 https://dpubstatic.udache.com/static/dpubimg/58cdbcc5-1f00-4da9-89c6-e638b2f77b19.png https://gift-static.hongyibo.com.cn/static/kfpub/3547/qintong_v3.jpeg title details img demo 青铜安全培训 写一些介绍的话语吧写一些介绍的话语吧写一些介绍的话语吧写一些介绍的话语吧 https://dpubstatic.udache.com/static/dpubimg/a9d60600-40c0-4b66-934e-3bb176d3f07a.png https://gift-static.hongyibo.com.cn/static/kfpub/3547/peixun_v3.jpeg title details img demo 视穹云机械 写一些介绍的话语吧写一些介绍的话语吧写一些介绍的话语吧写一些介绍的话语吧 https://dpubstatic.udache.com/static/dpubimg/0a816842-dda4-4e30-8c14-e951fb1a8131.jpeg https://gift-static.hongyibo.com.cn/static/kfpub/3547/jixie_v3.jpeg title details img demo 店有生意通 写一些介绍的话语吧写一些介绍的话语吧写一些介绍的话语吧写一些介绍的话语吧 https://dpubstatic.udache.com/static/dpubimg/7f1b5f22-d765-4142-862a-999c1ed9d10f.png https://gift-static.hongyibo.com.cn/static/kfpub/3547/shenyi_v3.jpeg title details img demo 花小猪打车 写一些介绍的话语吧写一些介绍的话语吧写一些介绍的话语吧写一些介绍的话语吧 https://dpubstatic.udache.com/static/dpubimg/JzHnEyu8VT/aaa.jpeg https://gift-static.hongyibo.com.cn/static/kfpub/3547/dache_v3.jpeg title details img demo 橙心优选 写一些介绍的话语吧写一些介绍的话语吧写一些介绍的话语吧写一些介绍的话语吧 https://dpubstatic.udache.com/static/dpubimg/37222642-c508-4a67-8cbc-036a66985bfc.jpeg https://gift-static.hongyibo.com.cn/static/kfpub/3547/chenxin_v3.jpeg title details img demo 小二押镖 写一些介绍的话语吧写一些介绍的话语吧写一些介绍的话语吧写一些介绍的话语吧 https://dpubstatic.udache.com/static/dpubimg/nB6-p3WzIQ/xiaoeryabiao.png https://gift-static.hongyibo.com.cn/static/kfpub/3547/xiaoer_v3.jpeg title details img demo 顺鑫官方微商城 写一些介绍的话语吧写一些介绍的话语吧写一些介绍的话语吧写一些介绍的话语吧 https://dpubstatic.udache.com/static/dpubimg/nY2bg3A1L_/shunxin.jpg https://gift-static.hongyibo.com.cn/static/kfpub/3547/shangchen_v3.jpeg title details img demo 嘀嗒出行 写一些介绍的话语吧写一些介绍的话语吧写一些介绍的话语吧写一些介绍的话语吧 https://dpubstatic.udache.com/static/dpubimg/DO3m0Iflq1/didachuxing.jpeg https://gift-static.hongyibo.com.cn/static/kfpub/3547/dida_v3.jpeg title details img demo 汉行通Pro 写一些介绍的话语吧写一些介绍的话语吧写一些介绍的话语吧写一些介绍的话语吧 https://dpubstatic.udache.com/static/dpubimg/86cd89be-de29-48ad-8cb0-72c432446e7b.jpg https://gift-static.hongyibo.com.cn/static/kfpub/3547/hantong_v3.jpeg title details img demo 滴滴出行(支付宝) 写一些介绍的话语吧写一些介绍的话语吧写一些介绍的话语吧写一些介绍的话语吧 https://dpubstatic.udache.com/static/dpubimg/47fe83e5-c41a-4245-b910-60ed6493d87e.png https://gift-static.hongyibo.com.cn/static/kfpub/3547/didi2_v3.jpeg title details img demo 小桔充电(支付宝) 写一些介绍的话语吧写一些介绍的话语吧写一些介绍的话语吧写一些介绍的话语吧 https://dpubstatic.udache.com/static/dpubimg/fa1a524b-da97-4df3-9412-8c988f50b6ae.png https://gift-static.hongyibo.com.cn/static/kfpub/3547/chongdian_v3.jpeg title details img demo 唯品会QQ 写一些介绍的话语吧写一些介绍的话语吧写一些介绍的话语吧写一些介绍的话语吧 https://dpubstatic.udache.com/static/dpubimg/2a150b0a-e23d-4e91-98fe-e862410be911.jpeg https://gift-static.hongyibo.com.cn/static/kfpub/3547/weiping_v3.jpeg title details img demo 唯品会(百度) 写一些介绍的话语吧写一些介绍的话语吧写一些介绍的话语吧写一些介绍的话语吧 https://dpubstatic.udache.com/static/dpubimg/56273723-ba98-4ceb-9672-075a5ab9f2da.png https://gift-static.hongyibo.com.cn/static/kfpub/3547/weiping_v3.jpeg title details img demo 唯品会(字节) 写一些介绍的话语吧写一些介绍的话语吧写一些介绍的话语吧写一些介绍的话语吧 https://dpubstatic.udache.com/static/dpubimg/88f898a0-2f3b-44c5-b7ce-c1a8aec25299.jpeg https://gift-static.hongyibo.com.cn/static/kfpub/3547/weiping_v3.jpeg
resourcesList	title details 资源 title actionLink 案例收集 #385
communityList	title details 社区 title actionLink img 微信群 https://github.com/didi/mpx https://dpubstatic.udache.com/static/dpubimg/6DN0ebkbjgI2P9QjJr8jr_WechatIMG3.jpeg title actionLink img QQ群 https://github.com/didi/mpx https://dpubstatic.udache.com/static/dpubimg/etX-gKWeUb/temp_qrcode_share_374632411.png
helpList	title details 帮助 title actionLink 问题反馈 https://github.com/didi/mpx/issues
moreList	title details 更多 title actionLink 滴滴前端技术 https://juejin.cn/user/4195392101298510