Gradio
Blocks是Gradio的低级API，它允许你创建比Interfaces更多的自定义web应用程序和演示。
简单来说就是比Interfaces更灵活。
一般使用上下文管理，示例代码如下：
代码
import gradio as gr
with gr.Blocks() as demo:
gr.Image("lion.jpg", scale=2)
gr.Image("tiger.jpg", scale=1)
demo.launch()
应用基于框架
gradio 基于 svelte
streamit 基于 React
dash 基于 React 、 Plotly.js和 Flask，因此相对于前两者，它的启动和编码方式更“像”一个 python 后端，也因此代码会稍微多一些
内网穿透
服务端，是指具有公网ip的服务器，运行frps 客户端，是指需要被访问的服务器，运行frpc
低廉的本地服务器配上低价买的公网ip的组合
前端开发
起始阶段： HTML/CSS/Javascript 三剑客的各种开发 jQuery
解析 JS，可通过 DOM API 和 CSS API 来操作 DOM 结构树和 CSS 规则树
依赖管理工具、自动化工具、代码规范工具、测试工具等等，层出不穷的新工具加快了前端工程化的步伐
now：
React.js
Vue.js 是一种轻量级、开源的 JavaScript 框架
Angular.js 是谷歌开源、基于脚本的框架，用于创建单页 Web 应用的客户端 最核心的依赖注入模式
svelte(web开发框架) --轻量级前端框架
Svelte 是一种全新的构建用户界面的方法。
传统框架如 React 和 Vue 在浏览器中需要做大量的工作，而 Svelte 将这些工作放到构建应用程序的编译阶段来处理。
Svelte 编写的代码在应用程序的状态更改时就能像做外科手术一样更新 DOM
Ember.js
事件驱动和数据驱动两种编码思维模式
事件驱动
前端是页面交互出身的，运作模式也是基于 I/O 模式 事件驱动思维是从事件响应出发，来完成应用的设计和编程
用户输入 => 事件响应 => 代码运行 => 刷新页面状态
事件驱动的思维方式都是围绕“操作”（在前端语言中，也就是“事件”），我们跟随着“操作”的链路来实现代码编写
数据驱动
组件、事件、逻辑处理、样式都是一份数据，我们只需要把数据的状态和转换设计好，剩下的实现则由具现方式（模版引擎、事件机制等）来实现
(1) 设计数据结构 (2) 完成静态页面，同时把数据和事件绑定到页面中 (3) 事件绑定的方法（methods）中，补充相应的逻辑处理
思考数据状态的维护和处理
Node.Js- . RESTful API（目前比较流行的接口开发风格）
可视化组件： Echarts
后端开发框架
Java后端开发框架
springMVC
Springboot+Mybatis——兴起
微服务框架——springboot+dubbo、springcloud—— 前沿
Python 后端开发框架
JavaScript 后端开发框架
Node.js
Express.js
C#
面向.Net 开发者的http://ASP.NET
Ruby
Ruby on Rails
参考
https://www.gradio.app/docs/blocks#blocks-launch
https://godbasin.github.io/vue-ebook/vue-ebook/9.html#_9-1-%E7%BC%96%E7%A0%81%E6%80%9D%E7%BB%B4%E8%BD%AC%E5%8F%98
https://gitcode.com/fatedier/frp/blob/dev/README_zh.md
Python_web开发基础内容 https://www.cnblogs.com/ytwang/p/17808011.html