首页天道酬勤2020年前端技术(2020年要掌握的前端技术)

2020年前端技术(2020年要掌握的前端技术)

admin 12-01 15:13 261次浏览

00-1010当业务需求在不同终端呈现时,为不同终端编写多套代码的成本显然非常高。这个时候,写一套能够适应各种需求的代码就显得尤为必要!

下面是一些流行的前端跨端技术框架的清单。

OMI-腾讯开源前端跨平台框架基于Web Components技术,支持IE8 (omio)、小程序(omip)和任意前端框架集成。

Github star 11.1K

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

特点

框架独立,任何框架都可以使用Omi定制元素提供桌面、移动和小程序的整体解决方案。紧凑和超快速的更新和渲染拥有官方的跨框架UI组件库OMIM可以与IE8 real MVVM和omio兼容,并拥有mappingjs的强大支持,支持TypeScript响应数据绑定。基于750的屏幕宽度,增强了CSS,支持rpx单位,本地支持tap事件。基于阴影Dom的设计。

变色龙变色龙-滴滴开源跨端框架变色龙/KMILN/,缩写为CML,中文名“帅心锁”的意思是变色龙,意思是像变色龙一样可以适应不同环境的跨端整体解决方案。一组代码以多种方式运行(h5、weex、applet)

Github star 7.5K

变色龙应用案例

https://cml.js.org/https://github.com/didi/chameleon特征

它支持多终端H5/Weex(iOS、Android)/小程序MVVM统一标准,渐进式访问组件生态丰富了CML UI/Light UI编辑器插件VS Code、WebStorm、Sublime、Atom插件,突出语法,让指令完整github社区活跃,可维护性高。

ion-开源移动应用开发框架ion framework是一个先进的HTML5移动应用框架,可以轻松利用web技术构建高质量的跨平台移动应用。让我们快速开发移动应用、移动网页和混合应用网页。目前可以集成到Vue/React /Angular前端框架中。

Github星41K

n">Ionic全面支持 vue/react/angular

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

特性

基于Angular语法,简单易学。是一个轻量级框架。完美的融合下一代移动框架,支持 Angularjs 的特性, MVC ,代码易维护。提供漂亮的设计,通过 SASS 构建应用程序,它提供了很多 UI 组件帮助开发者开发强大的应用。专注原生,让你看不出混合应用和原生的区别提供了强大的命令行工具。性能优越,运行速度快。

Taro - 京东JD多端统一开发框架

Taro['tɑ:roʊ],乐观的宝贝,由京东凹凸实验室打造的一套遵循 React 语法规范的多端统一开发框架。

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

Github star 25.4K+

https://taro.jd.com/https://github.com/NervJS/taro

特性

React语法风格快速开发多平台小程序支持多端开发转化文档齐全,组件生态圈丰富 Taro UI物料市场活跃,更多开发者参与github社区活跃/技术支持好

uni-app - DCloud出品的前端应用的框架

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

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

Github star 21.7K+

https://uniapp.dcloud.io/https://github.com/dcloudio/uni-app

特性

开发者和案例更多:几十万应用、uni统计月活9.6亿、70+微信/qq群、更高的百度指数;跨端完善度更高,真正落地的提高生产力平台能力不受限制,性能更高周边生态丰富:插件市场数千款插件提供比小程序原生开发更好的开发体验、更高的工程化效率跨端更完善,且各端特色发挥更灵活,可真正实现一套代码多端覆盖,无需各端多头维护升级学习成本低:基于通用的前端技术栈,采用vue语法+微信小程序api,无额外学习成本开发成本低:HBuilderX是高效开发神器,熟练掌握后研发效率至少翻倍权威认可:阿里小程序官方工具内置uni-app

React Native - Facebook开源的跨平台移动应用开发框架

react-native 简称RN,使用JavaScript和React编写原生移动应用,它在设计原理上和React一致,通过声明式的组件机制来搭建丰富多彩的用户界面。

Github star 87.5K+

JavaScript和React编写原生移动应用

react-native热更新编译Hot Reloading,体验更快编译速度

视频加载中...

https://reactnative.dev/https://reactnative.cn/https://github.com/facebook/react-native

特性

调试方便,开启热更新,只需reload就可编译css-layout布局,降低学习成本/减少代码量跨平台,只需一套代码,同时运行到android和ios上热更新强大的Facebook技术支持及活跃的社区

Flutter - 谷歌跨平台移动应用开发框架

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

Github star 93.1K+

毫秒级的热重载

Flutter系统架构图

https://flutter.dev/https://flutter.cn/https://flutterchina.club/https://github.com/flutter/flutter

特性

快速开发:毫秒级的热重载,修改后,您的应用界面会立即更新。使用丰富的、完全可定制的widget在几分钟内构建原生界面。富有表现力和灵活的UI:使用Flutter内置美丽的Material Design和Cupertino(iOS风格)widget构建漂亮的用户界面现代的,响应式框架,性能优越访问本地功能和SDK统一的应用开发体验

❤️ 最后

如果你觉得这篇内容对你有帮助,点个「关注/转发」,让更多的人也能看到你的分享!

dplyr::如何使用函数中的变量引用进行变异?今日头条java后端四面_今日头条后端Java社招面经分享css如何实现给元素块加阴影的效果DeepRust匹配:有更好的方法吗?三款Android炫酷Loading动画组件推荐C++构造析构赋值运算函数怎么应用分布式NewSQL数据库 备份恢复 TiDBnginx实现反向代理【应用】雷士灯具管理系统
官网小程序UI(小程序ui模板) taro使用微信组件(taro支付宝小程序要注意什么)
相关内容