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

0 Like 0 留言 812 瀏覽

鐵人賽自我挑戰組 DAY 14

從零開始前端學習(HTML、CSS、JavaScript) 系列第 14 篇

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

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

a0265392_lin ‧ 2021-09-24

1 Like 0 留言 808 瀏覽

鐵人賽 Modern Web DAY 28

鉄人28号FX 系列第 28 篇

技術鉄人28号FX　鉄人28号「渲染俠」font-display, font-synthesis

★ 地圖雷奧鎮某街上 ↓↓↓ 傳送卷軸，建議先向鉄人27号「格式鬼」探索運作原理，此為雷奧鎮進階續文。顯示雷奧鎮轉角位置圖抱歉？我想打聽一個人，請問鎮長...

letter liu ‧ 2019-10-13 ‧團隊好想工作室 v3.0

0 Like 0 留言 807 瀏覽

鐵人賽自我挑戰組 DAY 4

從零開始前端學習筆記(HTML、CSS、JavaScript) 系列第 4 篇

技術 Day 04 HTML<表單標籤>

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

a0265392 ‧ 2021-09-04

0 Like 0 留言 802 瀏覽

鐵人賽 Modern Web DAY 22

用不到 30 天學會基本 TypeScript 系列第 22 篇

技術類別 ( Classes )

在 React v16.8 之前，React 需要使用 Class 來撰寫，這也讓很多人怯步，但從 React v16.8 推出了 React Hooks 後...

威爾豬 ‧ 2023-09-22

1 Like 0 留言 800 瀏覽

鐵人賽 Modern Web DAY 24

實作經典 JavaScript 30 系列第 24 篇

技術 Day24: Sort Without Articles

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

喬依司 ‧ 2020-10-02 ‧團隊自討苦吃三十天#像極了愛情

0 Like 0 留言 795 瀏覽

鐵人賽自我挑戰組 DAY 8

從零開始前端學習筆記(HTML、CSS、JavaScript) 系列第 8 篇

技術 Day 08 CSS <文本屬性>

CSS Text 屬性可定義文本的外觀例如 : 文本的顏色、對齊文本、裝飾文本、文本縮進、行間距 1.文本顏色 color用於定義文本的顏色 div{ col...

a0265392 ‧ 2021-09-08

1 Like 0 留言 792 瀏覽

技術 [快速入門前端 39] JavaScript：資料型態 (2) 強制轉換資料型態

型態轉換雖然 JavaScript 在我們指定變數時會自動匹配一個正確的型態，但有時在開發中我們會需要另外轉換型態以便進行運算或判斷，以下就來介紹幾種強制轉換...

Doris ‧ 2023-07-07

1 Like 0 留言 789 瀏覽

鐵人賽自我挑戰組 DAY 14

新手村－30 Day JS Coding Challenge 系列第 14 篇

技術新手村14 - JS Reference VS Copy

14 - JS Reference VS Copy 俗話說的好，一天一蘋果，醫生遠離我一天一 JS，What the f*ck JavaScript？ sma...

Chester ‧ 2019-09-29

1 Like 0 留言 784 瀏覽

技術 [快速入門前端 30] z-index 和定位的特殊用法

z-index 是什麼在一般 normal flow (佈局流) 中，元素幾乎都會按照順序依依排列，但元素經過定位後有可能會發生重疊，這時候就需要靠 z-in...

Doris ‧ 2023-06-15

2 Like 0 留言 782 瀏覽

鐵人賽 Modern Web DAY 19

實作經典 JavaScript 30 系列第 19 篇

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

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

喬依司 ‧ 2020-09-27 ‧團隊自討苦吃三十天#像極了愛情

0 Like 0 留言 780 瀏覽

鐵人賽自我挑戰組 DAY 2

小白網頁設計練成記系列第 2 篇

技術小白網頁設計練成記-DAY2-HTML介绍

HTML 又名超文本標記語言(Hyper Text Markup Languge)不是一種編程語言，而是一種創建網路的標記語言，因電腦沒有眼睛沒有鼻子，所以在創...

Eric ‧ 2022-09-02

0 Like 0 留言 777 瀏覽

技術鼠年全馬鐵人挑戰 WEEK 23: JavaScript 陣列處理方法

小明自從開啟了真理之門，就不斷思考著何謂「一為全，全為一」？此時小明走著走著撿到了一本寶典 --- JavaScript 語法大全 ---裡面寫著這麼一段話:...

jason06286 ‧ 2020-07-19

0 Like 0 留言 777 瀏覽

鐵人賽自我挑戰組 DAY 9

新手村－30 Day JS Coding Challenge 系列第 9 篇

技術新手村09 - Dev Tools Domination

09 - Dev Tools Domination 俗話說的好，一天一蘋果，醫生遠離我一天一 JS，What the f*ck JavaScript？ sma...

Chester ‧ 2019-09-24

0 Like 0 留言 774 瀏覽

技術鼠年全馬鐵人挑戰 WEEK 19: JavaScript 運算子運算式

以前數學課有個直線方成式y=ax+b，想必大家都不陌生吧！=、*、+，我們稱為運算子，而y=ax+b，就稱為運算式。 JavaScript 有以下常用的運算子...

jason06286 ‧ 2020-06-21

0 Like 0 留言 766 瀏覽

鐵人賽自我挑戰組 DAY 17

從零開始前端學習(HTML、CSS、JavaScript) 系列第 17 篇

技術 Day 17 CSS <用戶介面樣式 & 三角>

什麼是介面樣式? 所謂的介面樣式，就是更改一些用戶操作樣式，以提高用戶體驗。更改用戶的鼠標樣式語法 : li { cursor : pointer;...

a0265392_lin ‧ 2021-09-27

0 Like 0 留言 764 瀏覽

鐵人賽 Modern Web DAY 30

用不到 30 天學會基本 TypeScript 系列第 30 篇

技術前端開發環境 + React + TS

今天過後，相信小夥伴們應該對 TypeScript 有多一點點的基本認識，至於剩下的就是更高級和複雜的組合和運用，如果有興趣可以來玩玩 Type Challe...

威爾豬 ‧ 2023-09-30

2 Like 0 留言 764 瀏覽

鐵人賽 Modern Web DAY 22

實作經典 JavaScript 30 系列第 22 篇

技術 Day22: LocalStorage(二)

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

喬依司 ‧ 2020-09-30 ‧團隊自討苦吃三十天#像極了愛情

0 Like 0 留言 762 瀏覽

技術 [快速入門前端 38] JavaScript：資料型態 (1) 基本資料型態和複合資料型態

資料型態在前一天我們已經了解到變數的概念，而資料型態指的是變數中存放的是哪一種類型的資料，例如數字、文字 ( 字串 ) 等，而在 JavaScript 中，資...

Doris ‧ 2023-07-06

0 Like 0 留言 760 瀏覽

鐵人賽自我挑戰組 DAY 22

新手村－30 Day JS Coding Challenge 系列第 22 篇

技術新手村22 - Follow Along Link Highlighter

22 - Follow Along Link Highlighter 俗話說的好，一天一蘋果，醫生遠離我一天一 JS，What the f*ck JavaSc...

Chester ‧ 2019-10-07

0 Like 0 留言 757 瀏覽

鐵人賽自我挑戰組 DAY 5

從零開始前端學習(HTML、CSS、JavaScript) 系列第 5 篇

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

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

a0265392_lin ‧ 2021-09-15

3 Like 1 留言 739 瀏覽

鐵人賽 Modern Web DAY 30

實作經典 JavaScript 30 系列第 30 篇

技術 Day30: 完賽心得

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

喬依司 ‧ 2020-10-08 ‧團隊自討苦吃三十天#像極了愛情

0 Like 0 留言 732 瀏覽

技術背包系統詳解

//裝備藥水:實現藥水單向(若裝備欄內沒藥水可直接裝備)、雙向置換(若裝備欄內已經有藥水，直接點擊新藥水會進行置換)， var x = document.ge...

tommy44541 ‧ 2021-07-30

0 Like 0 留言 732 瀏覽

鐵人賽自我挑戰組 DAY 23

從零開始前端學習(HTML、CSS、JavaScript) 系列第 23 篇

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

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

a0265392_lin ‧ 2021-10-03

1 Like 0 留言 729 瀏覽

鐵人賽 Modern Web DAY 10

實作經典 JavaScript 30 系列第 10 篇

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

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

喬依司 ‧ 2020-09-18 ‧團隊自討苦吃三十天#像極了愛情

0 Like 0 留言 721 瀏覽

鐵人賽自我挑戰組 DAY 3

從零開始前端學習(HTML、CSS、JavaScript) 系列第 3 篇

技術 Day 03 HTML<列表標籤>

列表標籤可以用來為頁面進行布局主要分為無序列表、有序列表、自定義列表三大類 1.無序列表無序列表主要使用的標籤如下蘋果香蕉鳳梨水蜜桃哈密瓜無序列表使用無序列...

a0265392_lin ‧ 2021-09-13

2 Like 0 留言 718 瀏覽

鐵人賽 Modern Web DAY 20

鉄人28号FX 系列第 20 篇

技術鉄人28号FX　鉄人20号「省略蚊」text-overflow

★ 地圖西北方峽谷森林 ↓↓↓ 顯示峽谷森林位置圖：只要過了這沼澤，就是森林出口了！！倒是該怎麼走過去呢？苦惱樣 ) 眼前黑一片。(゜皿。) 森林沼澤 [省...

letter liu ‧ 2019-10-05 ‧團隊好想工作室 v3.0

0 Like 0 留言 702 瀏覽

鐵人賽 Modern Web DAY 24

用不到 30 天學會基本 TypeScript 系列第 24 篇

技術模組 & 命名空間 ( Modules & Namespaces )

相信使用 ES6 的小夥伴們對模組都不陌生，現代前端框架也都使用模組在運作。而模組和命名空間是兩種組織和封裝程式碼的方式，雖然它們都有類似的目標，但它們在某些方...

威爾豬 ‧ 2023-09-24

1 Like 0 留言 693 瀏覽

鐵人賽自我挑戰組 DAY 7

新手村－30 Day JS Coding Challenge 系列第 7 篇

技術新手村07 - Array Cardio Day 2

07 - Array Cardio Day 2 俗話說的好，一天一蘋果，醫生遠離我一天一 JS，What the f*ck JavaScript？ small...

Chester ‧ 2019-09-22

0 Like 0 留言 688 瀏覽

鐵人賽 Modern Web DAY 17

用不到 30 天學會基本 TypeScript 系列第 17 篇

技術 void VS. never

在上一個章節中，我們知道如果函式沒有返回值的話，可以使用 void 型別，今天我們來比較 void 和 never 的不同的情境和用途，雖然它們看起來相似，但它...

威爾豬 ‧ 2023-09-17

0 Like 0 留言 684 瀏覽

技術 [快速入門前端 57] JavaScript：常見的內建函式 (1) Math

Math 相關 Math 是一個 JavaScript 內建的物件，可以讓我們進行數學運算，在 console 輸入 Math 這個 object 包含的內容和...

Doris ‧ 2023-08-08

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

技術 鉄人28号FX 鉄人28号「渲染俠」font-display, font-synthesis

技術 Day 04 HTML<表單標籤>

技術 類別 ( Classes )