qt 隐藏widget后页面会跳动_2020年6个优质跨平台前端框架有你会的吗？

在前端开发中，如果业务需求在不同端需要同时适配展现，如何做到只编写一套代码同时运行到多端呢？这时候显然就需要用到跨平台开发技术。今天就给小伙伴们推荐6个热门前端跨端开发框架。

1、OMI ▪ 腾讯开源的前端跨平台框架

基于Web Components技术并支持 IE8+(omio)，小程序(omip)和任意前端框架集成。

特性

• 框架无关，任何框架可以使用 Omi 自定义元素

• 提供桌面、移动和小程序整体解决方案

• 小巧超快的更新和渲染

• 拥有官方跨框架 UI 组件库 – omim

• 使用 omio 可以兼容到 IE8

• 真正的 MVVM, 拥有 mappingjs 强力支持

• 支持 TypeScript

• 响应式数据绑定

• 增强了 CSS, 支持 rpx 单位，基于 750 屏幕宽度

• 原生支持 tap 事件

• 基于 Shadow Dom 设计

https://tencent.github.io/omi/

https://github.com/Tencent/omi

2、Chameleon ▪ 滴滴开源跨端框架

Chameleon/kəˈmiːlɪən/，简写CML，中文名“卡梅龙” 中文意思变色龙，意味着就像变色龙一样能适应不同环境的跨端整体解决方案。一套代码运行多端(h5、weex、小程序)

特性

• 多端支持H5 / Weex(iOS, Android) / 小程序

• MVVM统一标准，渐进式接入

• 组件生态圈丰富 CML UI / Light UI

• 编辑器插件 VS Code、WebStorm、Sublime 等插件，语法高亮、指令补全

• github社区活跃，可维护性高

https://cml.js.org/

https://github.com/didi/chameleon

3、Ionic ▪ 开源移动应用程序开发框架

Ionic Framework 是个高级的 HTML5 移动端应用框架，可以轻松地使用web技术构建高质量的跨平台的移动应用。可以让我们快速开发移动App、移动端WEB页面、混合app web页面。目前可以集成进Vue / React /Angular 前端框架。

特性

• 基于Angular语法，简单易学。

• 是一个轻量级框架。

• 完美的融合下一代移动框架，支持 Angularjs 的特性， MVC ，代码易维护。

• 提供漂亮的设计，通过 SASS 构建应用程序，它提供了很多 UI 组件帮助开发者开发强大的应用。

• 专注原生，让你看不出混合应用和原生的区别

• 提供了强大的命令行工具。

• 性能优越，运行速度快。

https://ionicframework.com/

https://github.com/ionic-team/ionic

4、Taro ▪ 京东JD多端统一开发框架

Taro['tɑ:roʊ]，泰罗·奥特曼，由京东凹凸实验室打造的一套遵循 React 语法规范的多端统一开发框架。

使用 Taro，我们可以只书写一套代码，再通过 Taro 的编译工具，将源代码分别编译出可以在不同端(微信 / 京东 / 百度 / 支付宝 / 字节跳动 小程序、快应用、H5、React-Native 等)运行的代码。

特性

• React语法风格

• 快速开发多平台小程序

• 支持多端开发转化

• 文档齐全，组件生态圈丰富 Taro UI

• 物料市场活跃，更多开发者参与

• github社区活跃/技术支持好

https://taro.jd.com/

https://github.com/NervJS/taro

5、Uni-app ▪ DCloud出品的前端应用的框架

uniapp 是一个使用 Vue.js 开发小程序、H5、App的统一前端框架。

开发者使用 Vue 语法编写代码，uni-app 框架将其编译到 小程序(微信/支付宝/百度/字节跳动/QQ/钉钉)、App(iOS/Android)、H5等多个平台，保证其正确运行并达到优秀体验。

特性

• 开发者和案例更多：几十万应用、uni统计月活9.6亿、70+微信/qq群、更高的百度指数；跨端完善度更高，真正落地的提高生产力

• 平台能力不受限制，性能更高

• 周边生态丰富：插件市场数千款插件

• 提供比小程序原生开发更好的开发体验、更高的工程化效率

• 跨端更完善，且各端特色发挥更灵活，可真正实现一套代码多端覆盖，无需各端多头维护升级

• 学习成本低：基于通用的前端技术栈，采用vue语法+微信小程序api，无额外学习成本

• 开发成本低：HBuilderX是高效开发神器，熟练掌握后研发效率至少翻倍

• 权威认可：阿里小程序官方工具内置uni-app

https://uniapp.dcloud.io/

https://github.com/dcloudio/uni-app

6、Flutter ▪ 谷歌跨平台移动应用开发框架

Flutter 是 Google 开源的 UI 工具包，帮助开发者通过一套代码库高效构建多平台精美应用，支持移动、Web、桌面和嵌入式平台。

特性

• 快速开发：毫秒级的热重载，修改后，您的应用界面会立即更新。使用丰富的、完全可定制的widget在几分钟内构建原生界面。

• 富有表现力和灵活的UI：使用Flutter内置美丽的Material Design和Cupertino(iOS风格)widget构建漂亮的用户界面

• 现代的，响应式框架，性能优越

• 访问本地功能和SDK

• 统一的应用开发体验

https://flutter.dev/

https://flutter.cn/

https://flutterchina.club/

https://github.com/flutter/flutter

End

好了，这次就分享到这里。如果小伙伴们有比较好的跨端框架，也可以在下方留言，期待你的贡献！