2023-09-02 14:24:31 | 我爱编程网
随着我们对web前端编程开发技术的掌握,越来越多的框架语言和架构方式被我们所熟知。
下面兰州北大青鸟就一起来了解一下,web前端开发的一些常见框架结构。
1.全包型这类框架大的特点就是从底层的渲染引擎、布局引擎,到中层的DSL,再到上层的框架全部由自己开发,代表框架是Qt和Flutter。
这类框架优点非常明显:性能(的上限)高;各平台渲染结果一致。
缺点也非常明显:需要完全重新学习DSL(QML/Dart),以及难以适配中国特色的端:小程序。
这类框架是原始也是纯正的的多端开发框架,由于底层到上层每个环节都掌握在自己手里,也能大可能地去保证开发和跨端体验一致。
但它们的框架研发成本巨大,渲染引擎、布局引擎、DSL、上层框架每个部分都需要大量人力开发维护。
2.Web技术型这类框架把Web技术(JavaScript,CSS)带到移动开发中,自研布局引擎处理CSS,使用JavaScript写业务逻辑,使用流行的前端框架作为DSL,各端分别使用各自的原生组件渲染。
代表框架是ReactNative和Weex,这样做的优点有:开发迅速;复用前端生态;易于学习上手,不管前端后端移动端,多多少少都会一点JS、CSS。
缺点有:1.交互复杂时难以写出高性能的代码,这类框架的设计就必然导致JS和Native之间需要通信,类似于手势操作这样频繁地触发通信就很可能使得UI无法在16ms内及时绘制。
ReactNative有一些声明式的组件可以避免这个问题,但声明式的写法很难满足复杂交互的需求。
2.由于没有渲染引擎,使用各端的原生组件渲染,相同代码渲染的一致性没有一种高。
3.JavaScript编译型这类框架就是我们这篇文章的主角们:Taro、WePY、uni-app、mpvue、chameleon,它们的原理也都大同小异:先以JavaScript作为基础选定一个DSL框架,以这个DSL框架为标准在各端分别编译为不同的代码,各端分别有一个运行时框架或兼容组件库保证代码正确运行。
我爱编程网
2023-10-12 21:23:10
2023-09-24 17:54:45
2023-09-19 18:56:47
2023-09-13 22:10:04
2023-09-10 08:51:48
2023-10-26 19:22:26