开发生态圈总结

1:Web前端

前端Web开发主要依赖于HTML、CSS和JavaScript这三种技术,其中JavaScript是动态类型语言。在构建复杂Web应用时,前端框架成为了开发者的高效工具。前端框架提供了一套预先编写好的代码和标准化方法,帮助开发者更快速地开发出用户界面。

目前流行的三大前端框架包括:

  1. Angular:Angular最初由Google工程师创建,并得到了Google的大力支持和维护。它是一个完整的框架,提供了模板、组件、服务、指令等一系列功能,适合构建复杂的Web应用。然而,由于它的学习曲线陡峭,通常需要一定的TypeScript基础,因此更适合在团队中发挥作用。

  2. React:React起源于Facebook,强调组件化的UI设计。它将UI拆分成独立的组件,每个组件都有自己的状态和行为,使得开发更加灵活和可维护。React的轻量级和组件化特性使其在大型企业和复杂业务场景中得到广泛应用。

  3. Vue:Vue是一个轻量级且易于上手的框架,适合快速开发和迭代。它提供了渐进式开发的选项,允许开发者根据需要选择功能,非常适合构建单页面应用程序和复杂用户界面。在中国,Vue因其易用性和高效性而广受欢迎,尤其在中小型企业和创业公司中占据主导地位。

根据网络数据显示,Vue在中国市场的使用比例最高,大约在40%至60%之间;React次之,使用比例在20%至30%之间;而Angular的使用比例相对较低,大约在5%至10%之间。对于创业公司和小型项目,Vue因其快速开发和简单维护的特点而备受青睐;而在大型企业和复杂业务场景中,React的灵活性和组件化优势则更为突出。

总之,三大前端框架各有特点,开发者可以根据项目需求和个人偏好选择合适的框架进行开发。


 2:H5, Flutter、Uniapp、Reactive Native

Web 天然跨平台: Web App、PWA(Progressive Web Apps)、Hybrid App、PHA(Progress Hybrid App)都可以实现跨平台,WebView 是一种基于浏览器内核的跨平台解决方案,通过在移动应用中嵌入一个浏览器组件,可以使用 HTML、CSS 和 JavaScript 来构建应用界面和逻辑。这种方案可以快速开发应用,同时具备一定的跨平台能力,因为 WebView 在不同的平台上基本上都有良好的支持。但是,由于 WebView 的性能和原生应用相比较差,且无法完全融入操作系统的特性,因此在一些对性能和用户体验要求较高的场景中,可能不太适合使用。

Uniapp基于Vue.js,允许开发者使用同一套代码生成并部署到多个目标平台,如iOS、安卓、小程序等。其同构技术提高了开发效率和代码重用性,尤其适合快速构建美观且功能齐全的用户界面。然而,Uniapp在开发原生应用时可能会遇到一些技术挑战和限制,尤其是在处理复杂功能或底层硬件时。因此,对于简单的应用或小程序开发,Uniapp是一个明智的选择;但对于功能复杂或有特殊需求的项目,则需要谨慎考虑。

Flutter是谷歌开发的跨平台UI框架,使用Dart语言编写应用。它自带一套图形系统和绘制引擎,确保了在不同平台上的高度一致的呈现效果。这使得Flutter在构建跨平台移动应用时具有显著优势。然而,Flutter并不支持小程序开发,因此在某些场景下可能不是最佳选择。

React Native是Facebook开发的移动应用开发框架,使用JavaScript编程语言。它通过调用原生控件进行绘制,实现了高效的跨平台开发。React Native在开发性能和用户体验方面通常优于WebView方式,但也可能面临一些平台兼容性和调试问题。

综上所述,选择哪个框架取决于项目的具体需求。如果需要同时部署到多个平台,包括小程序,那么Uniapp可能是一个好选择;如果追求高度一致的跨平台呈现效果,Flutter则更具优势;而React Native则适合那些希望使用JavaScript进行高效移动应用开发的团队。在做出决策时,还需要考虑团队的技术栈和熟悉程度,以确保项目的顺利进行。

Android和IOS原生:

 RN和Uniapp:

从图中可以看出来,RN这类架构多了两块开销:

1、JS本身的运行开销

2、JS和原生通信的开销

Flutter:

可以理解为用Dart语言封装了一套和原生一样的图形系统。而Flutter底层使用和Android原生一样的Skia引擎。

这就是为什么我们说Flutter有原生级别的性能。

 

 


3:微信小程序:

javascript:

h5:运行在微信上,而不是浏览器上,一些H5技术的应用,需要微信提供对应的API支持,限制了H5技术的应用,不是严格的H5

wxml:微信自己基于XML语法开发的,只能使用微信提供的现有标签,HTML的标签无法使用

wxss:具有CSS的大部分特性,并不是所有的都支持


 

posted @ 2024-01-20 11:09  蜗牛攀爬  阅读(20)  评论(0编辑  收藏  举报