首页  思维导图  详情

大前端

2022-07-13 17:09:56   15  举报





AI智能生成

前端建设

软件开发

用户标签体系

作者其他创作

大纲/内容

“大”前端的结构

Web统一UI渲染层

DOM tree

Virtual DOM tree

Widget Tree

Canvans渲染

核心是跨平台技术

混合应用Cordova、Ionic 、小程序（H5 + 原生）

Javascript原生渲染（React-native、weex、Virtual View、快应用）

布局Flexbox

渲染架构

自绘原生（Flutter）

PWA （Web增强）

全平台、全渠道Taro

小程序端

跨渠道渲染

微前端

定义

前端应用拆分成一个个更小、更简单的能够独立开发、测试、部署的小块，并明确它们之间的依赖关系

VR/AR

可穿戴设备

前后端一体化

无服务器运算

Serverless（FaaS）

音视频（5G）

开发技术栈及开源方案

JS运行环境

NodeJS

Deno

编译器

JIT即时编译

AOT预编译

框架

React

React 18

React 16

React 15

Vue

Angular

Angular 13

Angular 12

Svelte

工具

工程构建

Webpack

Webpack5

Webpack4

Webpack3

Rollup

Vite

开源解决方案

微前端

qiankun

single-spa

MicroApp

Garfish

Serverless

Midway Serverless

低代码拖拉拽

Fabric

Formly

Form-Render

imove

xstate

stateview

ListView

React-native-fast-image

Android Glide

ios Nuke

编程语言

Javascript（Typescript）

C++

Rust

终端开发

React-native

Flutter

Skia 图形库

图形转换、文字渲染、位图渲染方面都表现卓越，并提供了开发者友好的 API

Flutter 关注如何尽可能快地在两个硬件时钟的 VSync 信号之间计算并合成视图数据，然后通过 Skia 交给 GPU 渲染：UI 线程使用 Dart 来构建视图结构数据，这些数据会在 GPU 线程进行图层合成，随后交给 Skia 引擎加工成 GPU 数据，而这些数据会通过 OpenGL 最终提供给 GPU 渲染

前端工程化

BFF

图像处理

基本原理

在计算机系统中，图像的显示需要 CPU、GPU 和显示器一起配合完成：CPU 负责图像数据计算，GPU 负责图像数据渲染，而显示器则负责最终图像显示

动画效果

补间 (Tween) 动画

“大前端”价值

提升代码可复用

提高交付效率

前端热点专项

团队技术建设之前端工程化