2020年前端技术(2020年要掌握的前端技术)
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
特性
基于Angular语法,简单易学。是一个轻量级框架。完美的融合下一代移动框架,支持 Angularjs 的特性, MVC ,代码易维护。提供漂亮的设计,通过 SASS 构建应用程序,它提供了很多 UI 组件帮助开发者开发强大的应用。专注原生,让你看不出混合应用和原生的区别提供了强大的命令行工具。性能优越,运行速度快。Taro - 京东JD多端统一开发框架Taro['tɑ:roʊ],乐观的宝贝,由京东凹凸实验室打造的一套遵循 React 语法规范的多端统一开发框架。
使用 Taro,我们可以只书写一套代码,再通过 Taro 的编译工具,将源代码分别编译出可以在不同端(微信 / 京东 / 百度 / 支付宝 / 字节跳动 小程序、快应用、H5、React-Native 等)运行的代码。
特性
React语法风格快速开发多平台小程序支持多端开发转化文档齐全,组件生态圈丰富 Taro UI物料市场活跃,更多开发者参与github社区活跃/技术支持好uni-app - DCloud出品的前端应用的框架uni-app 是一个使用 Vue.js 开发小程序、H5、App的统一前端框架。
开发者使用 Vue 语法编写代码,uni-app 框架将其编译到 小程序(微信/支付宝/百度/字节跳动/QQ/钉钉)、App(iOS/Android)、H5等多个平台,保证其正确运行并达到优秀体验。
特性
开发者和案例更多:几十万应用、uni统计月活9.6亿、70+微信/qq群、更高的百度指数;跨端完善度更高,真正落地的提高生产力平台能力不受限制,性能更高周边生态丰富:插件市场数千款插件提供比小程序原生开发更好的开发体验、更高的工程化效率跨端更完善,且各端特色发挥更灵活,可真正实现一套代码多端覆盖,无需各端多头维护升级学习成本低:基于通用的前端技术栈,采用vue语法+微信小程序api,无额外学习成本开发成本低:HBuilderX是高效开发神器,熟练掌握后研发效率至少翻倍权威认可:阿里小程序官方工具内置uni-appReact Native - Facebook开源的跨平台移动应用开发框架react-native 简称RN,使用JavaScript和React编写原生移动应用,它在设计原理上和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、桌面和嵌入式平台。
https://flutter.dev/https://flutter.cn/https://flutterchina.club/https://github.com/flutter/flutter特性
快速开发:毫秒级的热重载,修改后,您的应用界面会立即更新。使用丰富的、完全可定制的widget在几分钟内构建原生界面。富有表现力和灵活的UI:使用Flutter内置美丽的Material Design和Cupertino(iOS风格)widget构建漂亮的用户界面现代的,响应式框架,性能优越访问本地功能和SDK统一的应用开发体验❤️ 最后
如果你觉得这篇内容对你有帮助,点个「关注/转发」,让更多的人也能看到你的分享!