iT 邦幫忙::一起幫忙解決難題，拯救 IT 人的一天

0 Like 0 留言 290 瀏覽

鐵人賽 Vue.js DAY 17

試試用Vue建立網站吧系列第 17 篇

技術 Day17-試試Vue3-口袋餐廳選單(2)

程式碼盡量只寫要說明的地方，無關的就不贅述。 (2)建立要導出的資料試著整理出動態渲染畫面所需的資料實體有哪些。以下說明 <script></...

jennydisc ‧ 2023-10-02

0 Like 0 留言 286 瀏覽

鐵人賽自我挑戰組 DAY 17

從零開始學習前端系列第 17 篇

技術 #從零開始1️⃣6️⃣：RWD!!@media(max-width)和@media(min-width)

接續上一篇#從零開始15：怎麼設定照片大小，這篇要討論@media(max-width)和@media(min-width)。在網頁設計中，響應式網頁設計（R...

RochelWang ‧ 2023-10-02

0 Like 0 留言 276 瀏覽

鐵人賽 Vue.js DAY 19

試試用Vue建立網站吧系列第 19 篇

技術 Day19-試試Vue3-口袋餐廳選單(4)

(3-2)動作拆解-品牌名稱與地址分為資料渲染與觸發方法兩部分說明。 1.下拉選項內容使用 v-for="item in filterRes.filt...

jennydisc ‧ 2023-10-04

0 Like 0 留言 275 瀏覽

鐵人賽自我挑戰組 DAY 22

從零開始學習前端系列第 22 篇

技術 #從零開始2️⃣1️⃣：學習使用SCSS/Sass(下)

擴展/繼承(Extend/Inheritance) 我們可以定義一組樣式，然後將這些樣式應用於不同的元素，同時保持代碼的整潔和可維護性。使用@extend...

RochelWang ‧ 2023-10-07

0 Like 0 留言 265 瀏覽

鐵人賽 Modern Web DAY 18

React 走出新手村系列第 18 篇

技術 React 走出新手村 — 在組件裡犯的錯(II)

前言今天我們接續前一篇的案例，再來講講一些NG的案例，總是會有一些講不聽不想拆 component 的人，在新版本的環境下應該會被強制修改，因為如果不改的話會...

LucianoLee ‧ 2023-09-18

0 Like 0 留言 259 瀏覽

鐵人賽 Modern Web DAY 21

React 走出新手村系列第 21 篇

技術 React 走出新手村 — 資料夾的分類

分類的哲學這次要分享的是大家檔案分類的進化過程，分類檔案其實也蠻有學問的，一方面是語意上的邏輯，另一方面是資料夾內的檔案性質問題，一般來說我們會盡量把開發中的...

LucianoLee ‧ 2023-09-21

0 Like 0 留言 259 瀏覽

鐵人賽自我挑戰組 DAY 12

從零開始學習前端系列第 12 篇

技術 #從零開始1️⃣1️⃣：含圖片卡片切圓角的各種方法和效果

可以看以下的程式碼和截圖，或者看codepen範例：https://codepen.io/rochelwang1205/pen/LYMQMMP 個別設定的方式...

RochelWang ‧ 2023-09-27

0 Like 0 留言 256 瀏覽

鐵人賽 Modern Web DAY 17

React 走出新手村系列第 17 篇

技術 React 走出新手村 — 在組件裡犯的錯(I)

因果關係這次來分享 code review 時常常會看到的問題，這些問題常常看不出來有什麼影響，甚至有的人會覺得那是 coding style 的範疇，尤其是...

LucianoLee ‧ 2023-09-17

0 Like 0 留言 234 瀏覽

鐵人賽 Vue.js DAY 22

試試用Vue建立網站吧系列第 22 篇

技術 Day22-試試Vue3-口袋餐廳選單(5-2)

前置作業1：調用 Pinia store 資料<script></script> 將 LoginStore.js 檔裡的 useLogi...

jennydisc ‧ 2023-10-07

0 Like 0 留言 229 瀏覽

鐵人賽 Vue.js DAY 27

試試用Vue建立網站吧系列第 27 篇

技術 Day27-試試Vue3-餐廳實評頁面(2)

程式碼盡量只寫要說明的地方，無關的就不贅述。 (3-4)頁面表單提交的規範點選任一張卡片時，表單中「餐廳評論」欄位才可進行編輯。否則唯讀狀態。原本已有評...

jennydisc ‧ 2023-10-12

0 Like 0 留言 228 瀏覽

鐵人賽自我挑戰組 DAY 18

從零開始學習前端系列第 18 篇

技術 #從零開始1️⃣7️⃣：寫CSS寫的心好累-SCSS、OOCSS、BEM設計模式(上)

在前端開發中，CSS 的組織和管理變得至關重要，特別是當項目變得越來越龐大時。為了使 CSS 更易於維護、擴展和協作，有三種常見的設計模式被廣泛使用：SCSS、...

RochelWang ‧ 2023-10-03

0 Like 0 留言 225 瀏覽

鐵人賽自我挑戰組 DAY 26

從零開始學習前端系列第 26 篇

技術 #從零開始2️⃣5️⃣：切版實作(4)nav&footer RWD

github pages：https://rochelwang1205.github.io/sweetie/ github repo：https://githu...

RochelWang ‧ 2023-10-11

0 Like 0 留言 224 瀏覽

鐵人賽 Vue.js DAY 25

試試用Vue建立網站吧系列第 25 篇

技術 Day25-試試Vue3-規劃餐廳實評的頁面

「Day14-試試Vue3-規劃口袋餐廳的頁面」提到建立新頁面之前，建議專注於設計所需的 html 結構。這樣可以更好地思考如何渲染資料以及應該使用哪些 Jav...

jennydisc ‧ 2023-10-10

0 Like 0 留言 223 瀏覽

鐵人賽自我挑戰組 DAY 27

從零開始學習前端系列第 27 篇

技術 #從零開始2️⃣6️⃣：切版實作(5)商品選單

github pages：https://rochelwang1205.github.io/sweetie/ github repo：https://githu...

RochelWang ‧ 2023-10-12

0 Like 0 留言 221 瀏覽

鐵人賽自我挑戰組 DAY 9

從零開始學習前端系列第 9 篇

技術 #從零開始8️⃣：比較inline-block、inline和block

上一篇說了替換元素和非替換元素，接著這篇想要整理和比較inline-block、inline和block。定義 inline-block： inline-bl...

RochelWang ‧ 2023-09-24

0 Like 0 留言 217 瀏覽

鐵人賽自我挑戰組 DAY 6

Jr 前端工程師面試題目檢討賽系列第 14 篇

技術【2023 挑戰賽 Day15】#轉職經驗最難的不是寫 code......

如題，這篇想討論我覺得對於轉職的人們來說最難熬的部分。先大概分享我的狀況：去年夏天離職、今年秋天找到工作，職場空窗期超過一年。實際上，我在去年從前公司離職後，...

漢堡法師 ‧ 2023-09-27

0 Like 0 留言 212 瀏覽

鐵人賽自我挑戰組 DAY 16

從零開始學習前端系列第 16 篇

技術 #從零開始1️⃣5️⃣：怎麼設定照片大小

設定圖片高度，要寫死高度還是不要寫死高度? 就像最開始提到，響應式網頁超級超級重要，所以如果在不同螢幕大小，圖片太大超出畫面(或著太小)的話，體驗感覺就會大大地...

RochelWang ‧ 2023-10-01

0 Like 0 留言 210 瀏覽

鐵人賽自我挑戰組 DAY 21

從零開始學習前端系列第 21 篇

技術 #從零開始2️⃣0️⃣：學習使用SCSS/Sass(上)

根據官方文件說明，Sass有兩種語法，最常用的是SCSS語法（.scss），而另一種的縮排語法（.sass）則比較不常見。縮排語法使用縮排而不是中括號來嵌套程式...

RochelWang ‧ 2023-10-06

0 Like 1 留言 204 瀏覽

鐵人賽自我挑戰組 DAY 6

Jr 前端工程師面試題目檢討賽系列第 7 篇

技術【2023 挑戰賽 Day8】我...我斷賽了 (還是有練一題 JS)

今天決定開頭完成 JS 題目後，後面再分享導致斷賽的意外事件 QQ，最後再分享對於過去這一周寫文章的感想。 JS 字串處理一、題目描述完成一個 JavaSc...

漢堡法師 ‧ 2023-09-20

0 Like 0 留言 201 瀏覽

鐵人賽自我挑戰組 DAY 30

從零開始學習前端系列第 30 篇

技術 #從零開始2️⃣9️⃣：切版實作(8)商品 RWD

github pages：https://rochelwang1205.github.io/sweetie/ github repo：https://githu...

RochelWang ‧ 2023-10-15

0 Like 0 留言 190 瀏覽

鐵人賽自我挑戰組 DAY 1

從零開始學習前端系列第 1 篇

技術 #從零開始0️⃣：前言

關於這個系列將在這短短幾個月的學習做個紀錄。每天會分享自學習以來遇到的幾個問題和解方。主要會繞著HTML,CSS實踐上碰到的問題，也會有一些個人心得和思考。...

RochelWang ‧ 2023-09-16

0 Like 0 留言 188 瀏覽

鐵人賽自我挑戰組 DAY 20

從零開始學習前端系列第 20 篇

技術 #從零開始1️⃣9️⃣：寫CSS寫的心好累-Sass

當一個專案變得越來越大，CSS的複雜性也隨之增加，要管理龐雜的程式碼變得很麻煩。這篇開始要介紹的Sass，可以幫助我們解決這些問題，並將CSS代碼組織得更加結構...

RochelWang ‧ 2023-10-05

0 Like 0 留言 176 瀏覽

鐵人賽自我挑戰組 DAY 13

從零開始學習前端系列第 13 篇

技術 #從零開始1️⃣2️⃣：background-image的特性以及怎麼用?

先在HTML設定，撐出高度。 <div class="element"> <p>#從零開始：backgroun...

RochelWang ‧ 2023-09-28

0 Like 0 留言 170 瀏覽

鐵人賽自我挑戰組 DAY 3

從零開始學習前端系列第 3 篇

技術 #從零開始2️⃣：區塊標籤和行內標籤

為甚麼要分成區塊標籤和行內標籤區塊標籤會佔據一整行或一個完整的區域，行內標籤只佔據它們實際內容所需的空間。那有沒有辨別的方法? 區塊標籤是用於定義網頁的主要...

RochelWang ‧ 2023-09-18

0 Like 0 留言 168 瀏覽

鐵人賽自我挑戰組 DAY 6

Jr 前端工程師面試題目檢討賽系列第 12 篇

技術【2023 挑戰賽 Day13】找工作囉！當自己的經紀人吧～（5）面試的一天

前面兩篇聊投履歷的心得，這篇要來分享我「面試的一天會做什麼」，不過這只是我個人的習慣跟方法，給對於面試過程很忐忑不安的朋友參考就好。面試之前蒐集各種資訊...

漢堡法師 ‧ 2023-09-25

0 Like 0 留言 163 瀏覽

鐵人賽自我挑戰組 DAY 25

從零開始學習前端系列第 25 篇

技術 #從零開始2️⃣4️⃣：切版實作(3)nav&footer

github pages：https://rochelwang1205.github.io/sweetie/ github repo：https://githu...

RochelWang ‧ 2023-10-10

0 Like 0 留言 161 瀏覽

鐵人賽自我挑戰組 DAY 28

從零開始學習前端系列第 28 篇

技術 #從零開始2️⃣7️⃣：切版實作(6)商品選單 RWD

github pages：https://rochelwang1205.github.io/sweetie/ github repo：https://githu...

RochelWang ‧ 2023-10-13

0 Like 0 留言 158 瀏覽

鐵人賽自我挑戰組 DAY 19

從零開始學習前端系列第 19 篇

技術 #從零開始1️⃣8️⃣：寫CSS寫的心好累-SCSS、OOCSS、BEM設計模式(下)

OOCSS（Object-Oriented CSS） OOCSS（Object-Oriented CSS）強調了分離結構和外觀的概念。以下是 OOCSS...

RochelWang ‧ 2023-10-04

0 Like 0 留言 157 瀏覽

鐵人賽自我挑戰組 DAY 10

從零開始學習前端系列第 10 篇

技術 #從零開始9️⃣：都只用div不行嗎? 為甚麼要用ul li語意化標籤

div超好用，甚麼情況下都可以用，但上了課後、網路上找了相關文章，得到的回饋都不建議這麼做。關於div， Authors are strongly enco...

RochelWang ‧ 2023-09-25

0 Like 0 留言 155 瀏覽

鐵人賽自我挑戰組 DAY 23

從零開始學習前端系列第 23 篇

技術 #從零開始2️⃣2️⃣：切版實作(1)環境建立

匯總前二十幾篇學習到的，接下來會以甜點店商設計稿(可商用)的產品頁(product)實際操作練習。觀察設計稿有沒有通用、重複的部分設計稿導覽列和頁尾部分似乎...

RochelWang ‧ 2023-10-08

技術 Day17-試試Vue3-口袋餐廳選單(2)

技術 #從零開始1️⃣6️⃣：RWD!!@media(max-width)和@media(min-width)

技術 Day19-試試Vue3-口袋餐廳選單(4)

技術 #從零開始2️⃣1️⃣：學習使用SCSS/Sass(下)

技術 React 走出新手村 — 在組件裡犯的錯(II)

技術 React 走出新手村 — 資料夾的分類

技術 #從零開始1️⃣1️⃣：含圖片卡片切圓角的各種方法和效果

技術 React 走出新手村 — 在組件裡犯的錯(I)

技術 Day22-試試Vue3-口袋餐廳選單(5-2)

技術 Day27-試試Vue3-餐廳實評頁面(2)

技術 #從零開始1️⃣7️⃣：寫CSS寫的心好累-SCSS、OOCSS、BEM設計模式(上)

技術 #從零開始2️⃣5️⃣：切版實作(4)nav&footer RWD

技術 Day25-試試Vue3-規劃餐廳實評的頁面

技術 #從零開始2️⃣6️⃣：切版實作(5)商品選單

技術 #從零開始8️⃣：比較inline-block、inline和block

技術 【2023 挑戰賽 Day15】#轉職經驗 最難的不是寫 code......

技術 #從零開始1️⃣5️⃣：怎麼設定照片大小

技術 #從零開始2️⃣0️⃣：學習使用SCSS/Sass(上)

技術 【2023 挑戰賽 Day8】我...我斷賽了 (還是有練一題 JS)

技術 #從零開始2️⃣9️⃣：切版實作(8)商品 RWD

技術 #從零開始0️⃣：前言

技術 #從零開始1️⃣9️⃣：寫CSS寫的心好累-Sass

技術 #從零開始1️⃣2️⃣：background-image的特性以及怎麼用?

技術 #從零開始2️⃣：區塊標籤和行內標籤

技術 【2023 挑戰賽 Day13】找工作囉！當自己的經紀人吧～（5）面試的一天

技術 #從零開始2️⃣4️⃣：切版實作(3)nav&footer

技術 #從零開始2️⃣7️⃣：切版實作(6)商品選單 RWD

技術 #從零開始1️⃣8️⃣：寫CSS寫的心好累-SCSS、OOCSS、BEM設計模式(下)

技術 #從零開始9️⃣：都只用div不行嗎? 為甚麼要用ul li語意化標籤

技術 #從零開始2️⃣2️⃣：切版實作(1)環境建立

標記使用者

技術【2023 挑戰賽 Day15】#轉職經驗最難的不是寫 code......

技術【2023 挑戰賽 Day8】我...我斷賽了 (還是有練一題 JS)

技術【2023 挑戰賽 Day13】找工作囉！當自己的經紀人吧～（5）面試的一天