GUI 原理 & 常见实现方式 --- 大前端的确定性与可能性

一. GUI 原理

1. GUI (Graphical User Interface) is a form of users interface that allows users to interact with electronic devices
   through graphical icons and audio indicator such as primary notion,
   instead of a text-based user interface, typed command labels or text navigation.

2. 分层递进关系

   客户->业务->UI->Input & output
   -> Graphical (accept input & show output)
   -> 接收输入事件 + 业务逻辑处理 + 图形渲染展示

3. GUI程序设计原理
   https://blog.csdn.net/qq_29344757/article/details/77817321

   3.1 GUI程序是一种基于消息驱动模型的可执行程序,
   程序的执行依赖于和用户的交互,实时响应用户操作.

   3.2 GUI 程序的开发,分为两部分:
   (1) 在代码中用程序创建窗口及窗口内元素

   (2) 在消息处理函数中根据内核空间发来的消息做出对应的响应

二. 常见实现方式

1. Web技术–浏览器(WebView)–传统前端开发(小程序)
2. 原生渲染–操作系统原生控件和api–原生客户端开发
3. 自渲染技术–自行实现一套渲染框架–flutter

三. 大前端技术的确定性 & 可能性

3.1 参考资料

1. 移动前端开发和 Web 前端开发的区别是什么？
   https://cloud.tencent.com/developer/news/642059
2. Flutter 跨平台演进及架构开篇
   http://gityuan.com/flutter/
3. 写给前端的跨平台方案、跨端引擎的本质
   https://juejin.cn/post/6966626823912308772#heading-0

3.2 确定性 & 可能性

1. 确定性在于需要创建图形界面(布局描述+渲染引擎) 和 响应交互事件(消息机制)
2. 可能性在于
   (1) 通过容器化向跨平台发展
   (2) 如现在的前端技术向动态发布发展