CSS3，零基礎學前端開發

.xRotate{
width: 200px;
height: 200px;
background-color: plum;
margin: 0 auto;
transition: all 5s;
text-align: center;
line-height: 200px;
font-size: 20px;
}
.xRotate:hover{
transform: rotateX(360deg);
}
.yRotate{
width: 200px;
height: 200px;
background-color: cornflowerblue;
margin: 0 auto;
transition: all 5s;
text-align: center;
line-height: 200px;
font-size: 20px;
}
.yRotate:hover{
transform: rotateY(360deg);
}
.zRotate{
width: 200px;
height: 200px;
background-color: chartreuse;
margin: 0 auto;
transition: all 5s;
text-align: center;
**這裏分享一份由字節前端面試官整理的「2021大廠前端面試手册」，內容囊括Html、CSS、Javascript、Vue、HTTP、瀏覽器面試題、數據結構與算法。全部整理在下方文檔中，共計111道**
### HTML
* HTML5有哪些新特性？
* Doctype作?? 嚴格模式與混雜模式如何區分？它們有何意義?
* 如何實現瀏覽器內多個標簽頁之間的通信？
* ?內元素有哪些？塊級元素有哪些？ 空(void)元素有那些？?內元 素和塊級元素有什麼區別？
* 簡述?下src與href的區別？
* cookies,sessionStorage,localStorage 的區別？
* HTML5 的離線儲存的使用和原理？
* 怎樣處理 移動端 1px 被 渲染成 2px 問題？
* iframe 的優缺點？
* Canvas 和 SVG 圖形的區別是什麼？
![CSS3，零基礎學前端開發_前端_02](https://s2.51cto.com/images/20210919/1632032966385505.jpg)
### JavaScript
**[CodeChina開源項目：【大廠前端面試題解析+核心總結學習筆記+真實項目實戰+最新講解視頻】](https://ali1024.coding.net/public/P7/Web/git)**
* 問：0.1 + 0.2 === 0.3 嘛？為什麼？
* JS 數據類型
* 寫代碼：實現函數能够深度克隆基本類型
* 事件流
* 事件是如何實現的？
* new 一個函數發生了什麼
* 什麼是作用域？
* JS 隱式轉換，顯示轉換
* 了解 this 嘛，bind，call，apply 具體指什麼
* 手寫 bind、apply、call
* setTimeout(fn, 0)多久才執行，Event Loop
* 手寫題：Promise 原理
* 說一下原型鏈和原型鏈的繼承吧
* 數組能够調用的函數有那些？
* PWA使用過嗎？serviceWorker的使用原理是啥？
* ES6 之前使用 prototype 實現繼承
* 箭頭函數和普通函數有啥區別？箭頭函數能當構造函數嗎？
* 事件循環機制 （Event Loop）
![CSS3，零基礎學前端開發_前端_03](https://s2.51cto.com/images/20210919/1632032967462241.jpg)


1.
2.
3.
4.
5.
6.
7.
8.
9.
10.
11.
12.
13.
14.
15.
16.
17.
18.
19.
20.
21.
22.
23.
24.
25.
26.
27.
28.
29.
30.
31.
32.
33.
34.
35.
36.
37.
38.
39.
40.
41.
42.
43.
44.
45.
46.
47.
48.
49.
50.
51.
52.
53.
54.
55.
56.
57.
58.
59.
60.
61.
62.
63.
64.
65.
66.
67.
68.
69.
70.
71.
72.
73.
74.
75.
76.
77.
78.
79.
80.
81.
82.
83.
84.
85.
86.
87.
88.
89.
90.
91.
92.
93.
94.
95.
96.
97.
98.
99.
100.
101.
102.
103.
104.
105.
106.
107.
108.
109.
110.
111.
112.
113.
114.
115.
116.
117.
118.
119.
120.
121.
122.
123.
124.
125.
126.
127.
128.
129.
130.
131.
132.
133.
134.
135.
136.
137.
138.
139.
140.