前端—每天5道面試題（十二）
每天進步1% 不多 就1%
一、CSS3 新特性有哪些
1.顏色：新增 RGBA，HSLA 模式
2. 文字陰影（text-shadow、）
3.邊框： 圓角（border-radius）邊框陰影： box-shadow
4. 盒子模型：box-sizing
5.背景：background-size 設定背景圖片的尺寸 background-origin 設定背景圖片的原點
background-clip 設定背景圖片的裁切區域，以”，”分隔可以設定多背景，用于自適應布局
6.漸變：linear-gradient、radial-gradient
7. 過渡：transition，可實作影片
8. 自定義影片 animate @keyfrom
9. 在 CSS3 中唯一引入的偽元素是 ：：selection. 10. 媒體查詢，多欄布局 @media screen and (width:800px){ … }
11. border-image
12.2D 轉換：transform：translate(x，y) rotate(x，y) skew(x，y) scale(x，y)
13. 3D 轉換
14 字體圖示 font-face
15 彈性布局 flex
二、CSS3 新增偽類有那些？
-
：first-child選擇器 匹配父元素中的第一個子元素
-
：last-child選擇器 匹配父元素中的最后一個選擇器
-
：nth-child(number|odd|even|倍數) 第幾個元素 odd表示奇數、even表示偶數、2n:2的倍數、 4n:4的倍數
-
:checked 單選框或復選框被選中
-
在Web表單中，有些表單元素（如輸入框、密碼框、復選框等）有“可用”和“不可用”這2種狀態，默認情況下，這些表單元素都處在可用狀態，在CSS3中，我們可以使用:enabled選擇器和:disabled選擇器來分別設定表單元素的可用與不可用這兩種狀態的CSS樣式，
三、CSS3 影片和 JS 影片主要的不同點是什么？
功能涵蓋面，JS 比 CSS3 大
①定義影片程序的@keyframes 不支持遞回定義，如果有多種類似的影片程序，需要調節多個引數來生成的話，將會有很大的冗余（比如 jQuery Mobile 的影片方案），而 JS 則天然可以以一套函式實作多個不同的影片程序
② 時間尺度上，@keyframes 的影片粒度粗，而 JS 的影片粒度控制可以很細
③ CSS3 影片里被支持的時間函式非常少，不夠靈活
④ 以現有的介面，CSS3 影片無法做到支持兩個以上的狀態轉化
實作/重構難度不一，CSS3 比 JS 更簡單，性能調優方向固定
對于幀速表現不好的低版本瀏覽器，CSS3 可以做到自然降級，而 JS 則需要撰寫額外代碼
CSS 影片有天然事件支持（TransitionEnd、AnimationEnd，但是它們都需要針對瀏覽器加前綴），JS 則需要自己寫事件
CSS3 有兼容性問題，而 JS 大多時候沒有兼容性問題
四、用 css 畫一個三角形，圓，橢圓？
css 畫一個圓
css 畫一個三角形
css 畫一個橢圓
五、什么是 Web Worker？為什么我們需要它
查看如下代碼（模擬會執行上百萬次的繁重代碼）：
function test(){
for(i=0;i< 10000000000 ; i ++){
x = x + i;
}
}
- 如果上述代碼在 HTML按鈕點擊以后執行，這種執行是同步的，即，瀏覽器必須等到此執行完畢之后才能進行其他操作，因為此操作耗時較長，那么這個操作會導致瀏覽器凍結并且沒有回應，而且螢屏還會出現例外資訊，
- 如果可以將這些繁重的代碼移動到 Javascript 檔案中，并采用異步的方式運行，就可以解決這個問題，這就是 web worker的作用，Web Worker 用于異步執行 JavaScript 檔案，提高瀏覽器的敏捷度，
轉載請註明出處，本文鏈接：https://www.uj5u.com/qianduan/289320.html
標籤：其他