CSS3,零基礎學前端開發

mb6130d055b3ae4 2021-09-19 14:35:35 阅读数:85

css3 css 零基 前端
  • transformchrome和safari需要前綴-webkit-,IE9加-ms-

    • translate(X,Y):相對原來的比特置向X軸偏移Xpx,向Y軸便宜Ypx

    • rotate():以圖案中心為旋轉點,正值為順時針旋轉,負值逆時針

    • scale(x,y):寬,高各放大為原來的x和y倍,x為負值則左右翻轉,y為負值則上下翻轉

    • skew()

    • matrix()

  • transform-origin:設置元素的旋轉基點

[](

)3D

  • rotateX()

  • rotateY()

  • rotateZ()

    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.
版权声明:本文为[mb6130d055b3ae4]所创,转载请带上原文链接,感谢。 https://gsmany.com/2021/09/20210919143534541y.html