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

0 Like 0 留言 1312 瀏覽

技術 2022新年挑戰 - 7 days for Javascript(Day 1 - Developer Set Up)

因為在工作上, 基本上碰不到Javascript, 感覺再不複習一下, 就要忘光光了 (汗)所以決定找個線上課程follow一下, 在這個新年假期, 也充實一下...

summer_teng ‧ 2022-01-30

0 Like 0 留言 1292 瀏覽

鐵人賽自我挑戰組 DAY 26

邁向 JavaScript 核心之路系列第 26 篇

技術 [Day 26] JavaScript 設計模式－代理模式、中介者模式、觀察者模式

代理模式 (Proxy) 代理模式的意義是用一個物件做為另一個物件的介面，主要的目的是為了保護物件的存取，避免不正確的操作行為。 var car =...

chasel1020 ‧ 2019-10-11

1 Like 0 留言 1287 瀏覽

技術 JavaScript　⑅ES6：展開運算子 & 其餘運算子

展開運算子及其餘運算子( 又稱其餘參數 )他們有共通特點，那就是「都跟陣列有關」　寫法就是 ...沒錯，就是「 ... 」（寫在文字編輯器中應該是會...

RIN ‧ 2020-11-16

1 Like 0 留言 1270 瀏覽

鐵人賽自我挑戰組 DAY 2

Head First！從頭開始學JS 《深入淺出 JavaScript 程式設計》讀書筆記系列第 2 篇

技術 Day02. 沒圖沒真相，看圖學JavaScript才是王道

廢文的quota已經用完，但我還沒有打算開始進入JavaScript的正題XD先來介紹一下我使用的教材好了。我選擇的是歐萊禮的《深入淺出 JavaScript...

appletabby ‧ 2019-09-17

1 Like 0 留言 1253 瀏覽

鐵人賽 Modern Web DAY 7

實作經典 JavaScript 30 系列第 7 篇

技術 Day07: Flexbox + JavaScript 製作手風琴版面

WES BOS系列影片Alex快速導讀系列影片作者可能怕我們忘記flex怎麼用，在中間穿插了這個課程，練習JS之餘，也能夠再複習一下flexbox所以在一開...

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

0 Like 0 留言 1246 瀏覽

鐵人賽自我挑戰組 DAY 10

「 Nice to meet you , JavaScript . 」- 學習日記系列第 10 篇

技術初探JavaScript - JS 比較運算子與邏輯運算子

<比較運算子> == 等於與 != 不等於 ==是用來比較是否相等，而一個等於=是用來賦予指定值，不是用來比較的。用於數字比較的範例：...

Linn ‧ 2020-09-10

0 Like 0 留言 1230 瀏覽

鐵人賽自我挑戰組 DAY 4

邁向 JavaScript 核心之路系列第 4 篇

技術 [Day 4] JavaScript 語法介紹－ function arguments

在開始介紹 Arguments 之前，想先跟各位介紹一級函式 ( First-class function )，而什麼是一級函式呢？一級函式是指你對其他型別，...

chasel1020 ‧ 2019-09-19

0 Like 0 留言 1224 瀏覽

鐵人賽 Modern Web DAY 12

雖然你不是木村拓哉，但它也可以讓你變很行 - Gatsby.js 系列第 12 篇

技術 [Day 12] - GraphiQL 與 Filesystem

前兩天我們都在提如何撈取資料到站點內，就有細心的讀者會問，但我不太會寫 GraphQL 啊，有沒有相關的輔助工具能幫忙我開發呢？嘿，沒錯，那就是今天的主題 G...

chasel1020 ‧ 2020-09-27

0 Like 0 留言 1183 瀏覽

鐵人賽自我挑戰組 DAY 3

溫故知新 JavaScript 系列第 3 篇

技術 Day3- Hello 來寫第一個 JS 吧！

首先我們要先知道怎麼創造一個 JS 環境，可以打開你的 IDE 寫程式的編輯器，這邊我是用 vscode。第一步創建一個檔案，這邊我取名為 all.js 副...

AWEI ‧ 2020-09-16

2 Like 0 留言 1181 瀏覽

鐵人賽 Modern Web DAY 12

實作經典 JavaScript 30 系列第 12 篇

技術 Day12: 在Canvas畫布上，用滑鼠畫畫(二)

今天可以再來玩一些Canvas的功能 1.更改畫筆的顏色，讓畫筆畫出彩虹的顏色這邊是使用HSL色彩概念，HSL即色相、飽和度、亮度(hue,Saturation...

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

0 Like 0 留言 1178 瀏覽

鐵人賽自我挑戰組 DAY 21

邁向 JavaScript 核心之路系列第 21 篇

技術 [Day 21] JavaScript 物件繼承－傳遞參數到父層類別

傳遞參數到父層類別大給後，對於昨天的文章提到的繼承原型方法，不知道大家是否理解了呢？今天我們要針對那個方法再做一些延伸與調整，我們利用 call 的方式並沒...

chasel1020 ‧ 2019-10-06

1 Like 0 留言 1160 瀏覽

鐵人賽 Modern Web DAY 27

實作經典 JavaScript 30 系列第 27 篇

技術 Day27:Speech Synthesis

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

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

0 Like 0 留言 1148 瀏覽

鐵人賽 Modern Web DAY 4

雖然你不是木村拓哉，但它也可以讓你變很行 - Gatsby.js 系列第 4 篇

技術 [Day 04] - 初探 Gatsby 之專案結構說明

今天我們要針對專案架構做一個基本的認識，而下篇會講一些 React 的基礎觀念，例如如何建立一個元件、如何在 React 專案裡添加樣式、如何由父元件傳值給子組...

chasel1020 ‧ 2020-09-19

0 Like 0 留言 1147 瀏覽

鐵人賽 Modern Web DAY 7

雖然你不是木村拓哉，但它也可以讓你變很行 - Gatsby.js 系列第 7 篇

技術 [Day 07] - 初探 Gatsby 之創建第一個網站 ( 上 )

今天我們將融會貫通，利用前兩章所學，建立一個擁有三個頁面的簡易網站，並導入一個外掛作為這樣網站的基礎樣式，話不多說，就讓我們開始吧！建立環境並導入外掛根據...

chasel1020 ‧ 2020-09-22

0 Like 0 留言 1146 瀏覽

鐵人賽自我挑戰組 DAY 11

邁向 JavaScript 核心之路系列第 11 篇

技術 [Day 11] JavaScript 寫作風格

今天來讓我們講講寫作風格吧，什麼叫做寫作風格呢？指的是我們在撰寫程式時的樣式規則，也就是所謂的寫作習慣，每個人當然都會有自己的習慣，但當多人協作時，好的寫作習...

chasel1020 ‧ 2019-09-26

2 Like 0 留言 1108 瀏覽

鐵人賽 Modern Web DAY 9

實作經典 JavaScript 30 系列第 9 篇

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

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

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

0 Like 0 留言 1106 瀏覽

鐵人賽 Modern Web DAY 23

雖然你不是木村拓哉，但它也可以讓你變很行 - Gatsby.js 系列第 23 篇

技術 [Day 23] - Gatsby Image

不知道有沒有細心的讀者發現，我們在做部落格或一些簡單的入門專案時，都沒有圖片的存在？人都是視覺的動物，對於一個熱門的部落格來說，怎麼可以缺少了圖片呢？今天我們...

chasel1020 ‧ 2020-10-08

2 Like 0 留言 1094 瀏覽

鐵人賽 Modern Web DAY 8

實作經典 JavaScript 30 系列第 8 篇

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

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

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

0 Like 0 留言 1080 瀏覽

鐵人賽 Modern Web DAY 16

雖然你不是木村拓哉，但它也可以讓你變很行 - Gatsby.js 系列第 16 篇

技術 [Day 16] - 部署 Gatsby 到網路上

經由前面幾個章節，我們學會了創建一個 Gatsby 的專案建立頁面與元件為元件增加樣式為專案增加套件使用 GraphQL 來查詢資料如何動態的建立...

chasel1020 ‧ 2020-10-01

0 Like 0 留言 1078 瀏覽

鐵人賽 Modern Web DAY 18

雖然你不是木村拓哉，但它也可以讓你變很行 - Gatsby.js 系列第 18 篇

技術 [Day 18] - 建立屬於自己的主題 ( 一 )

在前一章節中，我們使用了官方提供的主題去快速建立了一個部落格，後續幾個章節中，我們要建立一個主題，並將它放到 NPM 上供人下載使用。設置工作區首先，我們要...

chasel1020 ‧ 2020-10-03

3 Like 1 留言 1068 瀏覽

鐵人賽 Modern Web DAY 1

實作經典 JavaScript 30 系列第 1 篇

技術 Day01:開賽廢言與自我介紹

壓根都沒想到自己會跟【鐵人】這兩個字，有任何的關係。本人真的超級三分鐘熱度，小時候學才藝都很容易半途而廢的類型...不知道哪根筋不對，跑來參加鐵人賽，希望未來的...

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

0 Like 0 留言 1065 瀏覽

鐵人賽自我挑戰組 DAY 30

溫故知新 JavaScript 系列第 30 篇

技術 Day30- 最後完成代辦事項 To DO List 小工具

大家好，來到 IT 鐵人賽最後一天了，終於要進入尾聲了！今天我們要整合這三十天來所學到的知識量，來完成一個待辦事項小工具，這工具要做到以下幾個功能！ 1. 可以...

AWEI ‧ 2020-10-13

0 Like 0 留言 1057 瀏覽

鐵人賽自我挑戰組 DAY 12

邁向 JavaScript 核心之路系列第 12 篇

技術 [Day 12] JavaScript 物件導向－基本介紹

終於結束語法特性跟語法介紹的章節了，接下來我們會進到物件導向的部分，物件導向的章節我預計會介紹物件的組成類別與物件物件導向的特性 prototype 私...

chasel1020 ‧ 2019-09-27

1 Like 0 留言 1050 瀏覽

鐵人賽 Modern Web DAY 29

實作經典 JavaScript 30 系列第 29 篇

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

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

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

0 Like 0 留言 1039 瀏覽

鐵人賽 Modern Web DAY 17

從ES到ESNext - 30天輕鬆掌握ECMAScript 系列第 17 篇

技術 ES2017(ES8) - async / await

本系列文章經過重新編排和擴充，已出書為ECMAScript關鍵30天。原始文章因當時準備時程緊迫，多少有些許錯誤。為了避免造成讀者的困擾，以及配合書籍的內容規...

Yuri Tsai ‧ 2020-10-02

0 Like 0 留言 1036 瀏覽

鐵人賽自我挑戰組 DAY 19

邁向 JavaScript 核心之路系列第 19 篇

技術 [Day 19] JavaScript 物件繼承－繼承 ( Inherit )

簡介終於講完物件導向的章節了，今天我們就要來講講繼承 ( Inherit )，簡單來說從一個原始版本的 class 來衍生出更多特殊版本的 class，這就叫...

chasel1020 ‧ 2019-10-04

0 Like 0 留言 1035 瀏覽

鐵人賽自我挑戰組 DAY 29

邁向 JavaScript 核心之路系列第 29 篇

技術 [Day 29] JavaScript ES6 語法－增強物件屬性與解構分配

增強物件屬性 ( Enhanced Object Properties ) 物件屬性在賦予值時可以簡化形式、定義方法，甚至可使用表達式計算屬性的名稱。這樣對使...

chasel1020 ‧ 2019-10-14

0 Like 0 留言 1034 瀏覽

鐵人賽 Modern Web DAY 17

雖然你不是木村拓哉，但它也可以讓你變很行 - Gatsby.js 系列第 17 篇

技術 [Day 17] - 主題 Theme

今天我們要來學習如何使用主題，先前我們辛辛苦苦安裝了很多套件、調整了很多設定、寫了不少組件，才做出一個較為基礎的部落格版型，而如果我們套用主題，可能在短短一小時...

chasel1020 ‧ 2020-10-02

1 Like 0 留言 1029 瀏覽

鐵人賽 Modern Web DAY 6

實作經典 JavaScript 30 系列第 6 篇

技術 Day06: 針對陣列的操作練習(二)

WES BOS系列影片Alex快速導讀系列影片做完基礎陣列練習後，來做些進階的練習進階練習目標 :6.Sort the inventors by years...

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

2 Like 0 留言 1019 瀏覽