前端语言串讲｜青训营笔记传统前端三剑客HTML，CSS和Javascript在人们不断探索与进化的过程日新月异，且彼此之

课程介绍

传统前端三剑客HTML，CSS和Javascript在人们不断探索与进化的过程日新月异，且彼此之间联系更加紧密。

本期课程重点：

01 前端语言的基本能力

HTML （框架）：全称Hypertext Markup Language，主要作用构建框架结构包含控制布局，提供层次结构，起到基石作用。

使用标签元素，<>包裹起来的字符。

CSS （style）：全称Cascading Style Sheet，个性化网站元素，实现不同的屏幕尺寸，是网站外表与体验的重要工具。

h1{color:blue;font-size:12px;}: Sector + Declarations{property:value;...}

Javascript （交互）：增加网站交互体验，处理复杂函数及特性，保持代码更高的效率以及可用性。

Screen Shot 2023-05-12 at 4.45.22 PM.png

Screen Shot 2023-05-12 at 4.48.46 PM.png

Screen Shot 2023-05-12 at 4.27.20 PM.png

浏览器 Screen Shot 2023-05-12 at 4.53.27 PM.png

CSS in HTML Screen Shot 2023-05-12 at 4.57.33 PM.png

Javascript in HTML Screen Shot 2023-05-12 at 4.58.56 PM.png

事件机制：单线程，拥有一个微任务队列，一个宏任务队列。每一次事件循环，先完成一个宏任务，然后完成所有的微任务，再完成剩余的宏任务。

HTML in Javascript Screen Shot 2023-05-12 at 5.07.25 PM.png

CSS in Javascript

Screen Shot 2023-05-12 at 5.08.55 PM.png

HTML是前端开发中最基本最简单的语言，是一门标记语言 Screen Shot 2023-05-12 at 5.13.10 PM.png

标签分类

Screen Shot 2023-05-12 at 5.14.13 PM.png

Screen Shot 2023-05-12 at 5.15.32 PM.png

Screen Shot 2023-05-12 at 5.16.27 PM.png

其他：

Web为什么风靡