mpvue小程序优化，mpvue微信小程序

如何评价京东的taro项目?

个人认为Taro较为看好。mpVue需要大量手工优化，且天花板较为明显，仅适合简单业务场景；wepy的学习成本略高，但性能目前较好，不过Taro还未详细研究。在近期的项目中，使用Taro进行半移植+半研发一个复杂多级多选联动的筛选器+分页列表功能，相比mpvue，点击操作延迟明显减少。

添加插件配置：在Taro项目的配置文件中添加@tarojs/plugin-PLAtform-hARMony-cpp插件，并配置鸿蒙相关的编译选项。编译项目：使用taro build --type harmony_cpp命令编译鸿蒙应用，使用taro build native-compOnents --type harmony_cpp命令编译鸿蒙原生组件。

Taro 的技术特点跨端兼容性：支持微信、京东、百度、支付宝等8 个小程序平台，以及 HReact Native 等终端，覆盖主流移动端场景。通过统一语法与编译机制，避免为不同端编写多套代码。框架灵活性：兼容 React、Vue、Nerv 等框架，开发者可根据团队技术栈选择。

在 Taro 0 中，api 和组件库得到了进一步丰富和完善。开发者可以使用更多的 API 和组件来构建功能强大的跨平台应用。此外，Taro 还支持 API 与组件的按需引入，这意味着开发者可以根据项目的实际需求来引入所需的 API 和组件，从而减少了不必要的代码和依赖，提高了应用的性能和可维护性。

Taro UI京东凹凸实验室倾力打造的Taro UI，以多端开发为核心，让你只需编写一套代码，就能适应微信小程序、HRN等多种平台。其强大的API和跨端适配能力，无疑节省了大量时间。

Taro UI for React：由京东研发，专为多端开发打造，支持web、React Native、微信小程序等，通过一套代码实现多端适配。 Ant design Mobile of React：阿里巴巴出品，面向企业级中后台，基于Ant Design设计体系，提供高性能、易维护的组件。

关于uni-app的一些看法及建议

1、总结：uni-App凭借低门槛、高效率与多端覆盖能力，已成为国内跨平台开发的热门选择。其“Vue+小程序”的混合模式精准契合了国内开发者生态，但若想进一步扩大市场份额，需在生态质量、性能工具与全球化支持上持续投入。对于追求开发速度与多端一致性的团队，uni-APP仍是当前最优解之一。

2、首先，uni-app之所以脱颖而出，关键在于其基于Vue语法的设计。这意味着，对于已有Vue项目经验的开发者而言，无需额外学习新语言，上手速度极快。uni-app集合了Vue和微信小程序的精髓，既能提供丰富的Vue特性，又无缝融入微信小程序的生态。其次，uni-app的维护团队表现出极高的专业性。

3、uni-app是一种基于Vue.js的跨平台开发框架，它允许开发者使用同一套代码编译出适用于IOS、Android、Web、微信小程序等多个平台的原生应用。这种跨平台的特性极大地提高了开发效率，降低了开发成本，并加速了产品的上市时间。

4、本地打包的体验不太好。如果选择自己搭建iOS和android工程进行本地打包，容易出现两边工程配置不同步的情况。这主要是因为uniapp的打包机制导致的，给开发和测试带来了很大的困扰。编辑器遭诟病 HBuilderX作为uniapp官方推荐的编辑器，使用体验不太好。

5、关于uniapp的坑及app功能干货uniapp中常见的坑 自定义导航栏 问题：在使用自定义导航栏时，如果未正确设置page.json中的navigationStyle为cUSTom或titleNView设为false，原生导航栏可能会显示。同时，小程序的右上角自带的“...”可能会遮挡自定义内容。

6、uniapp的坑：自定义导航栏：在使用自定义导航栏时，需要在page.JSON中设置navigationStyle为custom或titleNView为false来隐藏原生导航栏。注意兼容小程序时，右上角自带的“”可能会遮挡自定义内容，可以通过背景图绝对定位来解决。

关于微信小程序web-view中H5页面使用百度或腾讯地图出现不支持非业务域...

在H5页面的代码中，引入了百度或腾讯地图的API。然而，微信小程序跳转到该页面时，会提示不支持非业务域名。尽管网上有建议将地图域名添加至微信小程序后台的请求配置中，但该方法并未解决问题。于是，我在H5页面的代码中添加了判断逻辑，以识别微信环境。在微信环境下，不加载地图API，以避免错误提示。

微信小程序webview中H5页面使用百度或腾讯地图出现不支持非业务域名问题的终极解决方案如下：处理路由中的哈希模式：在使用webview组件进行页面跳转时，对路由中的哈希模式进行编码处理，使用enCodeURicomponent函数。在H5页面加载时，对接收到的URL进行解码操作，使用decodeURIComponent函数，确保页面能够正确加载。

小程序web-view不支持打开非业务域名，主要是因为微信小程序的安全策略要求。要解决这个问题，首先需要登录微信公众平台，进入小程序的开发设置，找到业务域名配置区域。在这里，需要添加需要打开的网页链接所在的域名，且这个域名必须是HTTPS开头的。

如果H5页面与小程序环境存在不兼容问题，考虑修改页面代码，移除冲突部分或使用兼容的JavaScript库和框架。使用小程序跳转功能：如果以上方法均无效，可以考虑在小程序中添加按钮或链接，使用小程序的跳转功能将用户导向外部浏览器打开H5页面。

首先，web-view用于在小程序中嵌入外部网页，但安全策略可能限制了某些页面的加载。可能是由于小程序对隐私和安全的保护，限制了某些H5页面的访问，或是H5与小程序环境的兼容性问题。解决此问题的步骤如下：检查小程序的域名配置，确保在微信公众平台后台的开发设置中，已合法添加H5页面的域名到白名单。

使用mpvue和uni-app开发小程序分别有什么优点跟缺点

缺点：小程序限制：受到小程序平台的一些限制，一些Vue.js的高级特性和浏览器环境下的功能可能无法完全支持。更新维护：mpvue相对于uni-app的更新维护相对较少，可能在新功能和bug修复方面滞后。

uni-app：拥有庞大的插件市场，覆盖UI组件、功能模块等，扩展性强。mpvue：插件生态较小，主要围绕Vue.js相关工具，适合特定场景的轻量级扩展。支持平台 uni-app：支持iOS、Android、H小程序（微信/支付宝等）及桌面端（通过Electron），适合跨多平台开发。

劣势：学习成本高：需掌握微信特有的开发规范和 API，对新手不友好。开发周期长：从零开始编写代码，适合长期维护的项目，但初期投入时间较多。适用场景：需要深度定制功能、追求高性能或与微信生态紧密结合的项目（如电商、社交类小程序）。