iT邦幫忙

菜鳥前端相關文章
共有 310 則文章
鐵人賽 Modern Web DAY 14

技術 [Day 14]現在真的履歷導向比較好嗎(前端篇)

挑戰目標: MockNative Camp 最近不止工作還有很多事情要處理,今天只能先暫停一次。 之前看到一篇文章寫了一個很像是反諷但又有點道理的一句話。...

鐵人賽 Modern Web DAY 17
React 走出新手村 系列 第 17

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

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

鐵人賽 自我挑戰組 DAY 18
每天來點 Vue.js 吧 系列 第 18

技術 Seeking the Balance in Framework Design

tags: Vuejs Seeking the Balance in Framework Design ✐ 在中秋連假倒數兩天的今天,作為放鬆,來分享之前看的...

鐵人賽 Modern Web DAY 15

技術 [Day 15]吶吶,還有一半別想跑(前端篇)

挑戰目標: MockNative Camp 今天繼續來製作我們的Footer,目標前兩天我們已經將這些顯示文字都寫入到config中next.config.j...

鐵人賽 Modern Web DAY 25
33歲轉職者的前端筆記 系列 第 25

技術 33歲轉職者的前端筆記-DAY 25 JavaScript 迴圈語法筆記

定義 重複性的執行某個操作,一直做一樣的事情,有終止條件。 較常用的迴圈 for while do…while for迴圈 只要有達到條件就會一直執行,直到...

鐵人賽 自我挑戰組 DAY 6

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

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

鐵人賽 Modern Web DAY 16
33歲轉職者的前端筆記 系列 第 16

技術 33歲轉職者的前端筆記-DAY 16 使用 jQuery 寫出動畫效果

新增畫面及移除畫面 點擊show時會呈現以下結果: 點擊hide時會呈現以下結果(消失了): jQuery 程式碼可以這樣寫: <script>...

鐵人賽 自我挑戰組 DAY 20
從零開始學習前端 系列 第 20

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

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

鐵人賽 Modern Web DAY 5

技術 [Day 5]新手村外的首戰是史萊姆應該是定番吧

今天我們來完成Header,不過位置方面我是使用Tailwinds CSS,要花時間客製化位置,但我沒那麼多時間所以沒辦法對的很準,請看官們見諒。 這是Nati...

鐵人賽 Modern Web DAY 10

技術 [Day 10]怎麼每天都像在趕末班電車R(前端篇)

挑戰目標: MockNative Camp前端 週末也是很多事要做,每天大概都晚上9點到12點是鐵人賽的工作時間,寫code, test, debug和截圖之...

鐵人賽 自我挑戰組 DAY 7
從零開始學習前端 系列 第 7

技術 #從零開始6️⃣:box-sizing圖解

為了要讓各個區塊、內容外觀符合設計稿或者更好看,計算每個樣式帶來的影響和結果,有的時候也是很煩(算錯的時候更煩),這個時候box-sizing就派上用場了! b...

鐵人賽 Modern Web DAY 4

技術 [Day4]專案始動-續(前端篇)

今天我們繼續來設定我們的架構,首先先把index.js的預設內容給刪除掉。 透過檢視原始碼,可以取得title以及icon,整理一下之後index.js imp...

鐵人賽 Modern Web DAY 17

技術 [Day 17]獨自一人的全端攻略(前端篇)

挑戰目標: MockNative Camp 最近這兩年在工作上一直想要有同事可以交流進步,或者是遇到可以學習的同事,但終究在這兩份工作中都屬於自己一個人單打獨...

鐵人賽 Vue.js DAY 15
試試用Vue建立網站吧 系列 第 15

技術 Day15-試試Vue3-口袋餐廳的html架構

此篇接續介紹口袋餐廳頁面的靜態 html 架構。 (1) html 程式碼畫面示意圖請參考前一篇。介面開發的技巧如下: 導覽(nav)架構請參考「Day8-試...

鐵人賽 Modern Web DAY 7

技術 [Day 7]想不到有梗的標題LA(前端篇)

沒有想到連假結束後的第一天就要冨樫了...,我工作的公司在新加坡,而我在台灣full remote,我們中秋放連假而新加坡那邊沒放假,導致一開工就滿多事情要處理...

鐵人賽 Modern Web DAY 8

技術 [Day 8]開賽八天即遭遇難題(前端篇)

挑戰目標: MockNative Camp前端 今天原本是要來refactor和解決hover的問題的,但是在將navtab給component化時遭遇難題,...

鐵人賽 Vue.js DAY 20
試試用Vue建立網站吧 系列 第 20

技術 Day20-試試Vue3-建立會員餐廳API

同「Day5-試試Vue3-建立會員API」與「Day13-試試Vue3-建立餐廳API」篇採用 json-server 方式建立 API。 (1)新增 use...

鐵人賽 Vue.js DAY 18
試試用Vue建立網站吧 系列 第 18

技術 Day18-試試Vue3-口袋餐廳選單(3)

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

技術 學習筆記-0

很久一段時間沒有繼續更新自己的文章,說來慚愧明明應該是要好好紀錄的 雖然還是一直有在持續的學習自己的技術,但卻因為零零種種的大小事情怠惰了自己的文章 而前陣子因...

鐵人賽 Modern Web DAY 15
React 走出新手村 系列 第 15

技術 React 走出新手村 — 表單進化論

表單處理 這篇文章是我從事教學很常遇到的統整,我有系列專門解釋怎麼一步一步讓自己邁向 pro 的過程,有興趣了解更多的話可以參考這個連結,裡面有所有我所統整的R...

鐵人賽 自我挑戰組 DAY 6

技術 【2023 挑戰賽 Day10】找工作囉!當自己的經紀人吧~(2)模擬面試

可以不要找工作嗎QQ 我在準備完兩個專案(原生JS、Vue)之後就開始投履歷了。心裡其實相當惶恐害怕,記得準備履歷前,還跟我 mentor 說:「蛤~我這樣真的...

鐵人賽 Modern Web DAY 21
33歲轉職者的前端筆記 系列 第 21

技術 33歲轉職者的前端筆記-DAY 21 英吋轉公分單位轉換器練習筆記

基本語法筆記 四捨五入: Math.round(); 無條件進位: Math.ceil(); 無條件捨去: Math.floor(); 英吋轉公分單位轉換器...

鐵人賽 Modern Web DAY 21
React 走出新手村 系列 第 21

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

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

技術 學習日記-2

有一小段時間沒跟新了XD! 主要是平時都加班,下班去健身房回到家,就只剩1-2小時的學習時間,就慢慢更新了(藉口) 最近主要還是去 ig上找各個有趣的 卡片設計...

鐵人賽 Vue.js DAY 16
試試用Vue建立網站吧 系列 第 16

技術 Day16-試試Vue3-口袋餐廳選單(1)

本篇開始會對「Day15-試試Vue3-口袋餐廳的html架構」的內容進行調整,試將資料內容改用 JavaScript 來動態渲染畫面。因開發過程細節較多會分幾...

鐵人賽 自我挑戰組 DAY 15
從零開始學習前端 系列 第 15

技術 #從零開始1️⃣4️⃣:使用emmet,更快寫出腦中所想

在比較熟悉如何架構網頁、呈現出想要的樣子後,應該多少會覺得:希望能夠更快、更有效率地描繪出來。 最直接想到的或許是提升英文打字速度,這會有幫助,但還不夠。 我們...

技術 準備開始一些前端相關的技術文章

如標前端小白我打算開發分享一些目前為止所學的前端知識,順便透過分享知識來提高自己對於程式的記憶點, 對大家也是win win double win啦!這幾天會乘...

技術 旅館預約服務練習紀錄-Bootstrap 4 + Scss

繼鐵人賽後,想把自己再推前進一點,在 30 天的陶冶後,發現每天撥一點時間思考與撰寫程式,可以提升對於程式的熟悉感,並可以爬梳自己所理解的東西,就算可能當下不了...

鐵人賽 Vue.js DAY 13
試試用Vue建立網站吧 系列 第 13

技術 Day13-試試Vue3-建立餐廳API

同「Day5-試試Vue3-建立會員API」篇採用 json-server 方式建立 API。 (1)新增 restaurant.json 檔案建立資料專案根目...

鐵人賽 自我挑戰組 DAY 22
從零開始學習前端 系列 第 22

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

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