前端基本能力
HTML、CSS、JS共同构建了我们看到的所有网页展示和交互。
- HTML（HyperText Markup Language）是超文本标记语言。
- CSS（Cascading Style Sheets）是级联样式表。
- JavaScript 是一种脚本语言，主要用于前端页面的 DOM 处理。
HTML为我们构建了身体的实体，HTML+css为我们画出了类似嘴巴，眼睛等的样子，HTML+css+JS让我们具有肌肉组织，能够做一个小游戏。
以一个更生动的例子来说：以盖房子类比，必须定义这个房子有多长、多宽，每一块面积如何规划，例如哪里是卫生间、哪里是饭厅、哪里是卧室。将这些定义好，网页也就有了最基本的样子。总之，HTML 就是用来布局网页中的每一个元素的。
CSS 中的“样式”就是指外观。还以盖房为例，定义好了各个空间，房子也盖起来了，但还要装修，例如给客厅贴壁纸、给卧室铺地板。CSS 就是起装修作用的，要和 HTML —起配合使用。
JavaScript 是一种脚本语言，它在网页中的作用是控制 HTML 中的每一个元素，有时要删除元素，有时要添加新元素。 这三个东西是同等重要的，缺一不可
1. HTML
2. CSS
css只是语法简单，运用得当和合理是一件不容易的事情。
以下是常用的选择器。
3. JS
- 借鉴C语言的基本语法
- 借鉴Java语言的数据类型和内存管理
- 借鉴Scheme语言，将函数提升到“第一等公民”的地位
- 借鉴Self,使用基于原型的继承机制
下面是JavaScript的基本语法
前端语言的相互配合
你不知道的HTML
基本语法
标签分类
HTML_body功能性标签
1. web的风靡
2. 对用户友好
无需安装
无需强大硬件
升级非常方便
容错率强
传播方便
3. 对开发者友好
心智模型成熟
丰富的API能力
框架、工具标准化
开发、调试简单
具备跨平台能力
4. 领域成熟度高
whatwg/w3c/ecma
浏览器厂商整合
各类web应用风靡
商用平面设计标准化
全面组件化
5. 未来的方向
效率工具（Rust）
JS 2 Anything
服务端容器化
低代码站点
大前端的统一
三维可视化
MVC
MVC（Model-View-Controller）是一种软件设计模式，用于将应用程序的逻辑和用户界面分离。它将应用程序分为三个主要部分：
1. 模型（Model）：模型代表应用程序的数据和业务逻辑。它负责处理数据的读取、存储、更新和验证，并且通常与数据库或其他数据源进行交互。
2. 视图（View）：视图是用户界面的可视化表示。它负责展示数据给用户，并接收用户的输入。视图通常是被动的，它根据模型的状态来更新自己，并将用户的输入传递给控制器。
3. 控制器（Controller）：控制器是模型和视图之间的中介。它接收用户的输入，并根据输入更新模型的状态。控制器还负责将更新后的数据反映到视图上，以便用户可以看到最新的状态。
1.2.3.
MVC的核心思想是分离关注点，使得应用程序的各个部分可以独立地进行开发和测试。模型负责数据和业务逻辑，视图负责展示数据，控制器负责处理用户的输入和更新模型的状态。这种分离使得代码更加模块化、可维护性更高，并且可以更容易地进行功能扩展和重用。
MVP
MVP（Model-View-Presenter）和MVVM（Model-View-ViewModel）是基于MVC的衍生模式，它们在MVC的基础上做了一些改进和扩展。
MVP模式将控制器替换为了Presenter，Presenter负责处理用户的输入和更新视图。它将视图和模型完全解耦，使得视图可以更加独立地进行开发和测试。Presenter通过接口与视图进行交互，这样可以更好地实现单元测试和模块化开发。
MVVM
MVVM模式引入了ViewModel的概念，ViewModel是视图和模型之间的中介。它负责将模型的数据转换为视图可以使用的形式，并处理视图的状态和行为。ViewModel还支持数据绑定，使得视图可以自动更新，而不需要手动操作。
总的来说，MVC、MVP和MVVM都是用于组织和管理软件应用程序的设计模式。它们都强调关注点分离，使得应用程序的不同部分可以独立地开发、测试和维护。选择哪种模式取决于具体的应用场景和需求。
# 总结
