1 前端基础三件套（HTML、CSS、JavaScript）

1.1 前端语言的基本能力

• HTML-人的骨骼
• CSS-人的皮肤
• JavaScript-人的肌肉

1.2 CSS选择器的优先级

1. !important 优先级10000
2. 内联选择器 优先级1000
3. ID选择器 优先级100
4. 类别选择器 优先级10
5. 属性选择器 优先级10
6. 伪类 优先级10
7. 元素选择器 优先级1
8. 通配符选择器 优先级0
9. 继承选择器 没有优先级

1.3 JavaScript的发展

1. 借鉴C语言的基本语法
2. 借鉴Java语言的数据类型和内存管理
3. 借鉴Scheme语言，将函数提升到第一等公民（first class）的地位
4. 借鉴Self语言，使用基于原型（prototype）的继承机制

1.4 js七大数据类型

• 基本数据类型：String、Number、Boolean、Null、Undefined、Symbol
• Object数据类型：Function、Array、Object

---

2 事件循环机制（Event Loop）

微队列：process.nextTick()、Promise、callback、async、functions、queueMicrotask 宏队列：sretTimeout()、setInterval()、setImmediate()

---

3 Cookies、Local Storage、Session Storage的区别

	Cookies	Local storage	Session Storage
Capacity	4 kb	10 mb	5 mb
Browsers	HTML 4 / HTML 5	HTML 5	HTML 5
Accessible from	Any window	Any window	Same tab
Expires	Manually set	Never	On tab close
Storage Location	Browser and server	Browser only	Browser only
Sent with requests	Yes	No	No

---

4 Web Socket

// create WebSocket connection
const socket = new WebSocket('ws://localhost:8080');

// connection opened
socket.addEventListener('open', (event) => {
    socket.send('Hello server!');
});

// listen for messages
socket.addEventListener('message', (event) => {
    console.log('Message from server', event.data);
})

---

5 总结

开营第一课，通过高老师对前端语言基础的精彩讲解，让我回顾了HTML、CSS、JavaScript、事件循环机制等前端基础知识，了解了目前大前端风靡的趋势以及未来发展，对前端方向有了更深刻的理解与感悟。