iT邦幫忙

鐵人檔案

2022 iThome 鐵人賽
回列表
Modern Web

因為拖延症而沒有好好準備有系統性文章架構的我只能靠一天一筆記來贖罪 系列

如題。

有很多個「我原本想要...」但如今僅剩的是眼前這條

我以為我可以
其實我不行
然後就這樣了
來源:[LV.29 野生喵喵怪](https://store.line.me/stickershop/product/17192434/zh-Hant?ref=Desktop)

鐵人鍊成 | 共 30 篇文章 | 25 人訂閱 訂閱系列文 RSS系列文
DAY 21

Day21 - Nuxt.js(3)

昨天我們介紹了 nuxt 專案的結構與在 nuxt 中切換頁面的做法。 今天要來介紹官方文件中比較偏向於概念的章節: Views 這邊會介紹關於畫面是如何在...

2022-10-05 ‧ 由 rocketpencil 分享
DAY 22

Day22 - Nuxt.js(4) - Features

Rendering SSR(Server-side rendered sites):收到請求時,都會在伺服器端先把頁面個渲染出來準備好,也就是說伺服器需要為每...

2022-10-06 ‧ 由 rocketpencil 分享
DAY 23

Day23 - 把 Nuxt 部署上去!

在第九天的時候我們把一個專案丟到了 Github 上,並透過 Github page 與 Vercel 來進行部署。 這次我們要把 Nuxt 的專案部署上去。...

2022-10-07 ‧ 由 rocketpencil 分享
DAY 24

Day24 - nvm

剛開始在建立這個 nuxt 專案的時候我們是透過 yarn create nuxt-app 專案名稱 來建立的,但當時因為自己的 node.js 版本不符合要求...

2022-10-08 ‧ 由 rocketpencil 分享
DAY 25

Day25 - volta

昨天我們介紹了 nvm 這個切換 node 版本的工具,而除了 nvm 之外還有一個叫做 VOLTA 的工具能做到同樣的事情。 安裝 我們在終端機輸入:curl...

2022-10-09 ‧ 由 rocketpencil 分享
DAY 26

Day26 - 要用 top 20px 還是 translateY(20px)?

我們在做網頁上的效果時,時常會有更改元素位置的需求,同樣都是 hover 之後往下移動 20px 的話,我們該用 top: 20px 還是 transform:...

2022-10-10 ‧ 由 rocketpencil 分享
DAY 27

Day27 - z-index

在 CSS 之中,每個 box 在位置上會有三個數值來表示,分別為水平、垂直以及遠近(z 軸),當 box 重疊的時候,z 軸的設定就變得很重要了。 透過 z-...

2022-10-11 ‧ 由 rocketpencil 分享
DAY 28

Day28 - CSS content

今天我們要來看 CSS 中在使用偽元素的時候必須要設定的 content: '' 屬性。 content 這個屬性會用產生的值把元素給替換,而產生的值則是匿名的...

2022-10-12 ‧ 由 rocketpencil 分享
DAY 29

Day29 - CSS position

我想對於 position 大家應該都不陌生: 預設是 static 要在子層用 absolute 的時候會對父層設定 relative 讓導覽列黏在上方的時...

2022-10-13 ‧ 由 rocketpencil 分享
DAY 30

Day30 - 完賽 + 目錄 + 謝謝大家...

真的就...三十天了...後面的文章越寫越水真的是有夠拖... 謝謝留言、觀看、提供回饋的每一位讀者與朋友。 還有謝謝朋友的鞭策...儘管早在開賽兩個月前就一直...

2022-10-14 ‧ 由 rocketpencil 分享