在 Modern Web 的世界中，已經有非常多的套件、語法、框架，可以解決大部分網頁排版問題。 以我近期的觀察來說，在專案開發時，大部分公司會為了讓下一個接手、維護的開發者能更快上手專案架構，而採取原生的 CSS 寫法，而不是仰賴快速又方便的套件。

「Hi，Vivian 想要請教妳有沒有在寫程式的時候遇過瓶頸呢？」這大概是我在經營自媒體後，最常收到的問題了。 說實話，身為非本科系的我，在還沒掌握寫程式的精髓時，多多少少都會有感到很挫折的時候，在分享我自己的狀況前，先來聊聊讀者及一些朋友與我分享他們在學習程式時卡關的狀況：

相信透過之前的介紹，大家對於 CSS 選擇器（CSS selector）已經不陌生了，今天我們要來聊聊兩個在實務上非常好用的偽類（pseudo class ）語法，他們分別是 :nth-child() 與 :nth-of-type()，在了解這兩個語法之前，我們首先要先來聊聊什麼是「偽類」呢？

X 是一個在目標執行上風格跟我很不一樣的朋友，在一天悠閒午後的閒聊中，X 提到當有計劃之外的空閑時間或是假日時，就會特別想要跑出去玩，又或者是盯著手機滑整天，一不小心時間就過去了。 有時候想要做點什麼，閒下來時卻又突然不知道該幹嘛、腦筋一片空白，朋友 X 對此感到特別的煩惱。 關於我：

Hoisting 可以說是 ES6 問世之後，去面試還是會爾偶被問到的面試考題，雖然 Hoisting 離 Modern JavaScript 的技術有點距離，實作上幾乎不太會用到，但透過了解 Hoisting 的概念，可以對這門語言有更深的了解與掌握度。

轉職為前端工程師幾個月後，與以往工作性質最不同的地方是，工程師大部分的時間不需要跑外勤，也不用去招呼客戶，所以不是坐著，不然就是往椅子的方向前進。 身為個子不高的女性工程師，我在辦公室常常會遇到一個困擾：椅子太深、椅背太靠後面了！ 我是Vivian，我們下次見。

對於剛接觸前端開發不久的人來說，可能會對var、let 與 const 的差異略懂略懂，但又說不太出三者實際哪裡不一樣。

在一開始學習前端開發的時候，一直遇到講師在課程內容中提到 ES5、ES6 等關鍵字，當初的我，單純認為 ES5、ES6 是講述 JavaScript 的版本，所以在使用上就沒有想太多，反正就是 JavaScript 1.0 、2.0 的感覺吧？

在 2021 年 6 月的時候，我帶著前端學習者的身份，第一次用影片的方式跟大家分享了自己學習前端的歷程。 老實說，即便當時的我非常有目標地在準備轉職，也了解只要自己持續努力，最後有一天一定會轉職成功。 但在心中依然會有一些自我懷疑的聲音：「我真的可以嗎？」 當然不算！ 關於我：

不論是在基礎或是進階的版面排列，幾乎離開不了 position 系列的 CSS 語法，如果對於這些語法不熟悉，要快速完成畫面需求幾乎是不可能的，甚至會延宕整個團隊的開發速度（對，position 語法就是這麽重要）。