iT邦幫忙

前端新手村相關文章
共有 275 則文章

技術 鼠年全馬鐵人挑戰 WEEK 10: 這時我看見他的背影,我的淚很快地流下來了。 box-shadow

還記得國中時,老師國文課時上到朱自清-背影,雖然內容不多,但內容卻十分豐富,國中時我還是位懵懂的少年,不經世事的孩子,對文章的真情未必有深入的感受及透澈。僅僅瞭...

技術 [快速入門前端 3] 什麼是 HTML 標籤 (1)

HTML 標籤 上一篇提到了 HTML 的標準結構,接下來我們來講組成 HTML 的重要部分 —— 標籤。 HTML 的標籤由 <、 >、 /, 及...

鐵人賽 自我挑戰組 DAY 11

技術 新手村11 - Custom Video Player

11 - Custom Video Player 俗話說的好,一天一蘋果,醫生遠離我 一天一 JS,What the f*ck JavaScript? smal...

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

技術 Day27:Speech Synthesis

WES BOS系列影片Alex快速導讀系列影片 今天來認識 Web Speech API中的兩個功能一個是 SpeechSynthesisUtterance它包...

技術 鼠年全馬鐵人挑戰 WEEK 12: 提升切版速度!Emmet原來可以這樣用!

最近參加了六角學院的切版班,想要提升自己的切版速度,分享幾個我常用的方式。如果有更好或覺得不錯的方法,可以留言分享喔! 需要你們打開我的新世界 基本用法 !=&...

鐵人賽 自我挑戰組 DAY 11

技術 Day 11 CSS <三大特性>

CSS中語法有著三大特性 分別為: 層疊性、繼承性、優先性 1. 層疊性 若是設置給相同選擇器相同的樣式 此時一個樣式就會覆蓋(層疊)另一個衝突的樣式 層疊性...

技術 [快速入門前端 50] JavaScript:Array 陣列 (1) 陣列宣告和取值

Array 陣列 在前面介紹變數型態時我們有提到陣列,陣列是一個有順序性的序列,可以儲存多個值,格式為 [值1, 值2, 值3],每個值照順序都會有對應的索引,...

技術 [快速入門前端 9] 開發人員工具

瀏覽器開發人員工具 在我們開始講選擇器種類之前,先來介紹瀏覽器中好用的工具 —— 開發人員工具。開發人員工具是瀏覽器自帶的一個開發工具套件,可以看到當前網頁結構...

鐵人賽 自我挑戰組 DAY 1
小白網頁設計練成記 系列 第 1

技術 小白網頁設計練成記-DAY1-前言

我原本在蘇州一家化妝品公司擔任特助兩年,由於是小微企業,所以其工作基本要三項全能,今年嚴峻的疫情蘇州基本上半年停工,當然公司也瀕臨倒閉。 在大陸兩年裡,數字經濟...

鐵人賽 自我挑戰組 DAY 5

技術 Day 05 CSS <基礎選擇器>

CSS的選擇器分為基礎選擇器以及複合選擇器本日將先說明基礎選擇器 DAY6將繼續說明複合選擇器 CSS中的基礎選擇器單個選擇器組成,包含標籤選擇器、類選擇器、i...

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

技術 Day09: Ajax Type Ahead with fetch()(二)

WES BOS系列影片Alex快速導讀系列影片 再來,進入學習的第二個重點部分-嘗試利用正規表達式來篩選資料在此之前,先將前置作業完成1.先抓出需要設置監聽器與...

鐵人賽 自我挑戰組 DAY 13

技術 Day 13 CSS <屬性書寫順序 & 網頁布局-標準布局>

CSS屬性書寫順序建議 建議遵循以下順序 1. 布局定位屬性 : display / position / float / clear / visibility...

鐵人賽 自我挑戰組 DAY 22

技術 Day 22 HTML5 <HTML5 input類型、表單標籤>

HTML5新增的input類型: &lt;!-- 需添加form表單域 --&gt; &lt;form action=&quot;&quot;&gt;...

鐵人賽 自我挑戰組 DAY 27

技術 新手村27 - Click and Drag

27 - Click and Drag 俗話說的好,一天一蘋果,醫生遠離我 一天一 JS,What the f*ck JavaScript? small ste...

鐵人賽 自我挑戰組 DAY 4

技術 Day 04 HTML<表單標籤>

表單標籤主要功用是用來收集使用者資料 常用情況 : 註冊頁面... 主要由 表單域、表單元素、提示文字 這三種內容組成 以MOMO註冊頁面為範例: 1.表單域...

技術 [快速入門前端 54] JavaScript:Function 函式 (2) 參數和回傳

參數 在上一篇文章中我們有提到在定義函式時,小括號 () 中放的資料是參數 (parameters),在 JavsScript 中,() 中的參數就像是 Fun...

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

技術 Day08: Ajax Type Ahead with fetch() (一)

WES BOS系列影片Alex快速導讀系列影片 學習重點:1.使用fetch()來發送請求,串接遠端資料2.嘗試利用正規表達式來篩選資料 使用fetch()來發...

鐵人賽 Modern Web DAY 4

技術 33歲轉職者的前端筆記 DAY 4 固定浮動選單 RWD 寫法

隨著智慧型手機的普及 網頁設計也要隨著時代的潮流而寫出適合智慧型手機用戶的網頁 今天的筆記是目前最常見的 RWD 應用:固定浮動選單 首先先上範例圖: 背景雖...

鐵人賽 自我挑戰組 DAY 12

技術 新手村12 - Key Sequence Detection

12 - Key Sequence Detection 俗話說的好,一天一蘋果,醫生遠離我 一天一 JS,What the f*ck JavaScript? s...

鐵人賽 自我挑戰組 DAY 19

技術 新手村19 - Webcam Fun

19 - Webcam Fun 俗話說的好,一天一蘋果,醫生遠離我 一天一 JS,What the f*ck JavaScript? small steps e...

技術 [快速入門前端 51] JavaScript:Array 陣列 (2) 陣列值的新增、刪除、修改和判斷

陣列 在上一篇文章中我們提到如何宣告值和取得陣列值,但其實在 JavaScript 中還有很多對陣列的操作方法,例如新增、刪除、修改、或過濾陣列值等等,接下來就...

鐵人賽 自我挑戰組 DAY 4

技術 新手村04 - Array Cardio Day 1

04 - Array Cardio Day 1 俗話說的好,一天一蘋果,醫生遠離我 一天一 JS,What the f*ck JavaScript? small...

鐵人賽 自我挑戰組 DAY 30

技術 新手村30 - Whack A Mole

30 - Whack A Mole 俗話說的好,一天一蘋果,醫生遠離我 一天一 JS,What the f*ck JavaScript? small steps...

技術 [鼠年全馬鐵人挑戰] Week26 - JavaScript 練習題- 變數型別判斷與弱型別轉型

又是一個星期過去了最近準備婚事真的忙翻啦~所以上週忘了更新文章了QQ沒關係 再來繼續加油努力:) 變數型別判斷與弱型別轉型練習 請觀看此文章後,解答以下題目。...

技術 [快速入門前端 5] 什麼是 HTML 標籤 (3)

HTML 標籤 下拉選單 - select 單選選單下拉式選單讓使用者可以從一堆選項中選擇出一個(或多個)選項。 本身做為選單的容器,在 select 裡面用...

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

技術 Day29: Event Capture, Propagation, Bubbling and Once

WES BOS系列影片Alex快速導讀系列影片 今天比較偏觀念的講解主要是希望能較深入理解addEventListener()學習DOM的事件機制,包括事件捕獲...

技術 [快速入門前端 18] CSS 選擇器的權重

選擇器的優先順序 當我們使用多個選擇器選中同個元素,並賦予某個屬性不同值時,就會產生樣式衝突。舉例來說,當我們在 A 選擇器將元素的顏色設為紅色,又用 B 選擇...

技術 鼠年全馬鐵人挑戰 WEEK 18: JavaScript 變數 型別

變數 變數命名規則 變數可以由字母數字下劃線和美元符號($)組成 變數必須以字母開頭 變數也能以 $ 和 _ 符號開頭 變數名稱對大小寫敏感(a 和 A 是不...

技術 [快速入門前端 12] CSS 選擇器 (2) 複合選擇器 — 後代選擇器及兄弟選擇器

元素間的關係 除了我們之前講到的交集、併集選擇器外,複合選擇器還有後代、兄弟、子選擇器等依照元素間結構關係來選取到該元素的選擇器,所以在講接下來的選擇器之前我們...

鐵人賽 Modern Web DAY 29
鉄人28号FX 系列 第 29

技術 鉄人28号FX 鉄人29号「雲端蛇」WebFont, IconFont

★ 地圖雷奧鎮山神廟 ↓↓↓ 顯示雷奧鎮廟口位置圖 請問? 您就是? (找你半個月。很會躲是不是!) 雷奧鎮廟口 [鎮長]:你終於順利走到這,在這趟漫漫旅程中,...