前端串讲

- 前端语言的基本能力

基础的前端三剑客HTML、CSS、JavaScript

1. html(超文本标记语言Hypertext Markup Language)起到结构作用。HTML 使用一系列标记（称为标签）来定义页面元素，如标题、段落、列表、图片和链接等。浏览器解析 HTML 代码，并根据标签的语义来显示页面内容。HTML 为网页提供了基本的骨架，使浏览器能够呈现文本、图像和其他媒体。
2. css(级联样式表Cascading Style Sheet)用于添加样式。CSS 允许我们定义如何显示 HTML 元素，例如字体、颜色、大小、间距等。通过使用 CSS，我们可以将样式与 HTML 结构分离，使得网站的设计和维护更加简便。CSS 还允许我们根据不同的设备和屏幕尺寸应用不同的样式(媒体查询)，以实现响应式设计。例子，h1 {color:blue;font-size:12px;}
3. javascript 交互行为用于在浏览器中增加交互性和动态效果。它允许我们编写脚本来处理用户操作，例如点击按钮、输入表单、拖动元素等。 ①7types ②basic vocabulary ③object ④function

并用人体模型解释了，html、css、JavaScript三者之间的协同作用。

- 前端语言的协作配合

接下来高臻熙老师讲了彼此语言之间的写作

1. javascript in html JavaScript是单向的，意味着在一个时间点只能执行一个任务。为了处理异步操作和事件回调，JavaScript 引入了事件循环（Event Loop）。事件循环使用任务队列（Task Queues）来管理要执行的任务。任务队列分为两种类型：宏任务队列（Macro-Task Queue）和微任务队列（Micro-Task Queue）。

2. html in javascript

3. css in javascript React 为了提高 CSS 样式管理的可维护性和局部性，引入了 CSS Modules 和 JSS 等技术。它们分别使用不同的方法来解决组件样式的作用范围和动态化问题。

随后还讲到了javascript的形成历史。

- 你不知道的HTML

HTML DTD

1. element
2. text
3. comment
4. DtD Document Type Defination
5. 处理信息

html 全部标签分类

- 拓展分享

web的风靡

• 对用户的友好
• 对开发者友好
• 领域成熟度
• 未来的方向

MVE&MVVM&MVP

• MVC:
  • View: 界面相关的交互
  • Model：数据层
  • Control：业务逻辑
• MVP:
  • 所有操作内聚到presenter，同时处理事务层和数据层的相互操作
• MVVM:
  • 双向绑定，减弱view model层的负担，view model无需和view层耦合，增加可复用性

最后老师跟我们分享了一个这个，有点看不懂，这节课觉得最有吸取点的是前端基础语言之间的协作。

星辰大海，你我同行。