iT邦幫忙

菜鳥前端相關文章
共有 310 則文章
鐵人賽 自我挑戰組 DAY 14

技術 Day 14 CSS <網頁布局-浮動布局>

浮動屬性float用於創建浮動 使其移動到另一邊 直到左或右邊緣觸及包含塊或另一個浮動框的邊緣 語法 : 選擇器{float:屬性值;} /*...

鐵人賽 自我挑戰組 DAY 29

技術 Day 29 JavaScript < 書寫方式>

JavaScript書寫方式與CSS相似,分為行內書寫,內嵌書寫以及外部書寫 1.行內書寫 &lt;input type=&quot;button&quot;...

鐵人賽 Modern Web DAY 24
實作經典 JavaScript 30 系列 第 24

技術 Day24: Sort Without Articles

WES BOS系列影片Alex快速導讀系列影片​今天要結合正規表達式跟sort()來做排序的功能作者這邊假設了一個情境就是我們拿到了一串樂團的清單,希望可以用樂...

鐵人賽 Modern Web DAY 19
實作經典 JavaScript 30 系列 第 19

技術 Day19: JS中引用與複製的差異(一)

WES BOS系列影片Alex快速導讀系列影片 最一開始可以先試試看這兩段程式碼 let age = 100; let age2 = age; console....

技術 學習日記-1

最近幾天在網站上看了有管git的資料, 發現了 &quot;連猴子都能懂的Git指南&quot; 就抱著當一隻小猴子的心態去求學 發現非常的淺顯易懂(我這隻猴子...

鐵人賽 Modern Web DAY 22
實作經典 JavaScript 30 系列 第 22

技術 Day22: LocalStorage(二)

我們就必須使用LocalStorage來讓瀏覽器記住剛才輸入的資料紀錄完成後,同時將表單的回復成未輸入的狀態 localStorage.setItem('ite...

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

技術 33歲轉職者的前端筆記-DAY 22 成績計算機練習筆記

流程 1.先觀察畫面,哪些值需要抓2.抓HTML的值:a.先宣告變數,變數就是抓HTML的值,也可以說變數取代HTML的值之後用變數做程式的處理。例:const...

鐵人賽 Modern Web DAY 13

技術 [Day 13]每天前進一點應該也是進步吧?(前端篇)

挑戰目標: MockNative Camp 今天我們來整理昨天沒有弄好的footer右邊的部分,這是我們的目標昨天完成的今天完成的 今天決定另闢蹊徑到uxwi...

鐵人賽 自我挑戰組 DAY 23

技術 Day 23 CSS3 < 目標選擇器>

CSS3新增的目標選擇器類型: 1.屬性選擇器 屬性選擇器可以根據元素特定屬性來選擇元素,這樣就可以不用藉助於類或者ID選擇器 MDN Web Docs 屬性選...

鐵人賽 Modern Web DAY 30
實作經典 JavaScript 30 系列 第 30

技術 Day30: 完賽心得

第30天,不免俗要來寫個完賽心得雖然javascript-30還差個幾天,才能把全部的實例都做完但還是要給自己拍拍手,利用這30天養成了一個好習慣而且真的沒想到...

技術 學習筆記-0

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

鐵人賽 自我挑戰組 DAY 24

技術 Day 24 CSS3 < 過渡 transition>

過渡 (transition) 是可以在不使用Flash動畫或JavaScript的情況下,當元素從一種樣式變換成另一種樣式時為元素添加效果,經常和 :hove...

技術 CSS 特殊形狀怎麼切?

我是圖片:https://drive.google.com/file/d/1j8EyVDr5OfNZdq4niRz_nZQnTJzMITQB/view?usp=...

鐵人賽 Modern Web DAY 10
實作經典 JavaScript 30 系列 第 10

技術 Day10: 針對陣列的操作練習(三)

WES BOS系列影片Alex快速導讀系列影片 開始前一樣可以先讀這篇卡斯伯的大補帖https://wcc723.github.io/javascript/20...

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

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

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

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

技術 Day1-試試Vue3-初衷與目標

技術背景資料庫工程師轉前端技術。所學從六角學院修習切版、 JavaScript 、 Vue 三種前端技術。 參賽初衷所學至今跟著課程作業有作出一些網站前後台模板...

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

技術 33歲轉職者的前端筆記-DAY 15 jQuery 基礎語法

什麼是jQuery 由js發開出來的函式庫 可以解決瀏覽器相容的問題 雖然由js開發出來,但不完全等於js,只是用jQuery的語法寫出來而已 引入方式:下載...

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

技術 33歲轉職者的前端筆記-DAY 13 圖片格式及影音格式

圖片 網頁上一定會有多許多圖片元素我們在開發網站時需多了解圖片的特性及格式,在開發的過程會更加順利。 圖片標籤 img 為在 HTML 中 插入圖片的標籤語法...

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

技術 Seeking the Balance in Framework Design

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

鐵人賽 Modern Web DAY 20
實作經典 JavaScript 30 系列 第 20

技術 Day20: JS中引用與複製的差異(二)

今天針對物件來看引用與複製的差異先創造一個簡單的物件 const person = { name: 'Wes Bos', age: 80 }; 再製作...

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

技術 33歲轉職者的前端筆記-DAY 23 JavaScript 變數與型別

Nan =&gt; Not a Number,要判斷是不是NaN要用:isNaN(); 注意自動轉型,可以先利用 typeof 判斷型別 如果是數值運...

鐵人賽 Modern Web DAY 6

技術 [Day 6]中秋時在做什麼,有沒有空,可以幫想標題嗎(前端篇)

今天來實作Navite Camp的Nav,看官們可以點網址去看他的效果,因為沒有時間,滑鼠移動到各tab時下面橘色border會滑順的移動,這個暫時沒時間去實作...

鐵人賽 自我挑戰組 DAY 28

技術 Day 28 JavaScript < 簡單介紹>

1.JS是什麼? Java Script 是一種運行在客戶端的腳本語言 (script就是腳本的意思) 腳本語言 : 不需要進行編譯,運行過程中由JS引擎逐行來...

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

技術 Day11-試試Vue3-歡迎訊息顯示會員名(localStorage)

這邊分享歡迎訊息顯示會員名用儲存在瀏覽器的 localStorage 方法。 (1)介紹 localStorageHTML 5 出現後瀏覽器暫存有了 Local...

鐵人賽 Modern Web DAY 5

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

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

鐵人賽 Modern Web DAY 4

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

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

技術 學習日記-2

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

鐵人賽 Modern Web DAY 14

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

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

鐵人賽 Modern Web DAY 15

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

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

鐵人賽 Modern Web DAY 7

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

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