前端嬌娃各自在公司打 code,沒人一起講幹話。
他是Vue.js官方提供的開發工具,可以快速的建置架構,常用於製作單頁應用(SPA)網站。 安裝 安裝Node.js(官網https://nodejs.org...
好的Nav bar的動態可以讓網站不那麼呆板,其實實作的技術也不難,就是偵測頁面的滾動向下滑的時候再出現 今天實作兩個: 提案 Nav bar的消失 Na...
在Hook尚未出現之前,只有Class Component能夠有生命週期可以使用。什麼是生命週期?生命週期(lifecycle)是指Component從建立到銷...
漸變transition 這邊就像寫css一樣,只是要漸變的東西包在transition裡面,並到css下樣式。 進場 v-enter-from v-ent...
進場特效也是基本再基本的網頁動態!尤其是當網頁內容塞太多時,適當地加上進場特效可以幫助使用者閱讀重點。 以前常用的套件如Scroll Magic,或計算網頁滑動...
介紹完後從外部傳入的Props後,我們來講React的第二種資料模組 - state系列中會主要以Functional Component的功能為主。 在先前,...
元件的概念大概有了部分的了解,同一個元件可以重複利用,但這句話好像有個問題,不同頁面使用相同架構的元件內容肯定需要做替換,這時候就是slot要出場啦! 元件編譯...
今天來介紹一下往下滑和往上滑的指引動畫和搭配Web API。現在都很流行第一屏設計做好做滿,有時候太美了會讓使用者忘記(/根本不想)往下滑, 適當地指引下滑,就...
除了在元件標籤上設定屬性傳入props外,還有props.children這種方法 透過在包在元件的開始、結束標籤中間的Children傳入,讓子元件以prop...
這幾年手機、電腦有黑暗模式,很多網頁也加上像電燈一樣的開關啦!黑暗模式可以降低亮度,減少對眼睛的壓力。弱光環境下比較有可讀性。我自己是喜歡去網頁一直玩開關(哈哈...