前端嬌娃各自在公司打 code,沒人一起講幹話。
講完最基礎的Route設置之後,來學習如何更準確的經由path來渲染畫面上的元件。 Route標籤屬性 Route標籤裡面得屬性除了path、componen...
什麼是路由? 瀏覽器透過不同的網址,向後端的網頁伺服器發送請求 (Request),而伺服器接收到瀏覽器的請求後, 回應對應的內容給瀏覽器來渲染,這樣的機制我...
Loading動畫不難,但這次也藉著 Loading 動畫來練習&認識一下SVG的 filter ~ 先來看看成果: 下面先複習一下JS的網頁載入,再看code...
隨著專案越來越龐大,如果我們想用單頁應用程式(SPA)架設網站,需透過route(路由)來渲染不同的頁面。我們可以利用React Router來管理SPA頁面的...
package.json專案與套件相依設定檔 在開啟專案時我們使用的npm run serve指令就是在package.json中被定義的,打開package....
進度條一般都是搭配文章使用,主要是告訴使用者目前閱讀到哪裡~這是我自己非常喜歡的網頁設計,讓你可以預設自己閱讀的進度,安排自己時間~(太長就快逃啊!) 看到了這...
Hook的useRef函式用於function component有分兩種方式做介紹,請先在要使用的元件js檔前import引入喔!(因為之後範例要使用其他Ho...
SFC是什麼 Single-file components單一元件檔是一個集合HTML、JavaScript 及 CSS的檔案,用.vue檔案作為一個元件。 從...
敝人很常踩到詐騙網站,第一屏就是一個慶祝的小動畫,恭喜我中獎(好想中威力彩啊) 網頁也很常有這種獎勵使用者的小動畫,譬如說送出一個訂單、或是幫忙寫了一個評價,我...
Custom Hooks 是指可以建立一個自訂的個函式,在函式中使用Hook寫出能重複利用的功能,將它模組化,供給不同的元件使用。這樣就不用再不同元件中重複寫同...