W13_作業四簡答題


Posted by Christy on 2021-09-11

1. Webpack 是做什麼用的?可以不用它嗎?

Webpack 是做什麼用的?

即使現在瀏覽器有 ES6 的 import 與 export,但因支援度不好及要引入其他模組化套件來實作專案,而其他套件又不被瀏覽器支援,所以用 Webpack 打包轉換,才能執行在瀏覽器上面。

可以不用它嗎?

不可以。也許可以用其他套件取代,例如:snowpack or parcel,但是為了實現「要在瀏覽器上面使用 CommonJS 的模組機制,就必須使用工具先把程式碼打包才能做到」,所以一定要用套件打包程式碼。

2. gulp 跟 webpack 有什麼不一樣?

定位不一樣,gulp 是管理任務;webpack 是打包程式碼用的。如果硬要比喻,gulp 有點像是產線管理員,而 webpack 是產線;產線負責包裝商品,管理員負責管理每條產線(?)

3. CSS Selector 權重的計算方式為何?

CSS Selector 有以下三種等級,規則是 a > b > c:

a. id selector(像是 #username)

b. class selector(例如 .navbar), attributes selector(例如 type="radio") and pseudo-classes (例如 :hover)

c. type selector(例如 h1) and pseudo-elements (例如 ::before)

但是呢,inline style (就是寫在標籤裡面的那種)會覆蓋在 style sheet 裡面的樣式;還有雖然 !important 跟選擇器無關,一但用了它,所有的權重都會被覆蓋。

因此可以把先後順序想像成:

!important > inline style > a > b > c










Related Posts

0 - 0.5 的實體伺服器架設

0 - 0.5 的實體伺服器架設

[28] 文法 - 述句完成值、運算式副作用、區塊

[28] 文法 - 述句完成值、運算式副作用、區塊

一看就懂的 React 開發環境建置與 Webpack 入門教學

一看就懂的 React 開發環境建置與 Webpack 入門教學


Comments