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

1 Like 0 留言 2842 瀏覽

鐵人賽 Modern Web DAY 11

實作經典 JavaScript 30 系列第 11 篇

技術 Day11: 在Canvas畫布上，用滑鼠畫畫(ㄧ)

WES BOS系列影片Alex快速導讀系列影片今天要用滑鼠在網頁上畫畫。初探Canvas元素的使用方式，可與MDN的Canvas教學手冊搭配服用但若是只想知道...

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

0 Like 0 留言 1178 瀏覽

鐵人賽 Modern Web DAY 6

JavaScript初心者ノ研究日記。系列第 6 篇

技術六日目：JavaScript 運算子　演算子　二ノ章

日安٩(ˊᗜˋ*)و SONYKO だよ〜♫DAY 6 繼續介紹運算子。我發現運算子的點閱率很低　 # ﾟДﾟ) En Zan Shi !!!! 　邏...

RIN ‧ 2020-09-19

0 Like 0 留言 1865 瀏覽

鐵人賽 Modern Web DAY 3

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

技術 [Day 03] - 初探 Gatsby 之環境建置

今天我們終於要來點實作啦，前兩天介紹的心癢癢，今天終於能初窺 Gatsby 的風采！開發環境建置與說明在進行實作之前，我建議大家對以下幾點有個基本的認識...

chasel1020 ‧ 2020-09-18

1 Like 1 留言 4931 瀏覽

鐵人賽 Modern Web DAY 3

JavaScript基本功修煉系列第 3 篇

技術 JavaScript基本功修練：Day3 - 基本型別(I) - 數字

這篇主要概述JavaScript基本型別的意思，並針對講解數字這個型別。明天才會繼續一併講完字串、布林、undefined、null、symbol。在進入正題...

Alysa Chan ‧ 2020-09-18 ‧團隊十萬伏bug打字團

1 Like 0 留言 900 瀏覽

鐵人賽 Modern Web DAY 10

實作經典 JavaScript 30 系列第 10 篇

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

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

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

0 Like 0 留言 2505 瀏覽

鐵人賽 Modern Web DAY 2

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

技術 [Day 02] - 什麼是 Gatsby ?

什麼是 Gatsby ? Gatsby 是一個日本男性化妝品牌現代化開發網站的網站產生系統，它擁有著完整、豐富且開源的生態系，且基於 React + Gra...

chasel1020 ‧ 2020-09-17

2 Like 0 留言 1241 瀏覽

鐵人賽 Modern Web DAY 9

實作經典 JavaScript 30 系列第 9 篇

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

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

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

0 Like 0 留言 1615 瀏覽

鐵人賽 Modern Web DAY 1

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

技術 [Day 01] - 成為行男的第一步

為什麼要寫這系列的文章？稍有經驗的開發者，可能都對 SPA ( Single Page Application ) 不會太陌生，其原理都是藉由廣為人知的 J...

chasel1020 ‧ 2020-09-16

3 Like 3 留言 6982 瀏覽

鐵人賽 Modern Web DAY 1

JavaScript基本功修煉系列第 1 篇

技術 JavaScript基本功修練： Day1 - 前言

鐵人賽的第一篇就來寫寫自己參賽目的和文章大綱。個人背景來自香港，2019年大學畢業，本科是視覺藝術，專攻平面設計畢業後成為兼職平面設計師和接案，期間接...

Alysa Chan ‧ 2020-09-16 ‧團隊十萬伏bug打字團

2 Like 0 留言 1224 瀏覽

鐵人賽 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 留言 1481 瀏覽

鐵人賽自我挑戰組 DAY 3

溫故知新 JavaScript 系列第 3 篇

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

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

AWEI ‧ 2020-09-16

1 Like 0 留言 1435 瀏覽

鐵人賽 Modern Web DAY 7

實作經典 JavaScript 30 系列第 7 篇

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

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

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

0 Like 0 留言 1063 瀏覽

鐵人賽自我挑戰組 DAY 2

溫故知新 JavaScript 系列第 2 篇

技術 Day2- 什麼是 JavaScript

歷史 JavaScript 又稱 JS，根據維基百科的說明最早是在 1993年，伊利諾大學厄巴納-香檳分校的國家超級電腦應用中心（NCSA）發表了NCSA Mo...

AWEI ‧ 2020-09-15

1 Like 0 留言 1242 瀏覽

鐵人賽 Modern Web DAY 6

實作經典 JavaScript 30 系列第 6 篇

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

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

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

1 Like 0 留言 1140 瀏覽

鐵人賽 Modern Web DAY 5

實作經典 JavaScript 30 系列第 5 篇

技術 Day05: 針對陣列的操作練習(一)

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

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

2 Like 0 留言 3809 瀏覽

鐵人賽 Modern Web DAY 4

實作經典 JavaScript 30 系列第 4 篇

技術 Day04:用CSS + JS 做一個時鐘

WES BOS系列影片Alex快速導讀系列影片原作者的時鐘版本比較簡易些，對於時間的算式也比較不直覺，而Alex大大的版本將時鐘做得更細緻，時間算式也更完整。...

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

2 Like 1 留言 1188 瀏覽

鐵人賽 Modern Web DAY 3

實作經典 JavaScript 30 系列第 3 篇

技術 Day03:來做個鍵盤鼓手(二)

接續第一天的練習，我們成功加上了樣式，卻沒有移除它。開始來想辦法在我們不需要這個樣式時，將它移除 JS的監聽器也是可以監聽元素的變化，這時我們監聽的動作會是 '...

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

0 Like 0 留言 1417 瀏覽

鐵人賽自我挑戰組 DAY 10

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

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

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

Linn ‧ 2020-09-10

1 Like 0 留言 2022 瀏覽

鐵人賽 Modern Web DAY 2

實作經典 JavaScript 30 系列第 2 篇

技術 Day02:來做個鍵盤鼓手(一)

WES BOS系列影片Alex快速導讀系列影片 Day01-JavaScript Drum Kit 思考需要的功能1.按鍵按下後需要發出聲音2.發出聲音的同時加...

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

3 Like 1 留言 1204 瀏覽

鐵人賽 Modern Web DAY 1

實作經典 JavaScript 30 系列第 1 篇

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

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

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

0 Like 0 留言 2293 瀏覽

技術 2020/06/18 review HTML5/ JQuery

最近因為工作需求所以要使用到HTML5的所有東西雖然每一個東西都大概有碰過，但真的沒再用就會忘記(淚流想說要統整一下讓自己比較好參照，但是Evernote不支援...

艾倫 ‧ 2020-06-19

0 Like 0 留言 2647 瀏覽

技術在HackerRank的第二天

今天看著流覽器切換到的測驗是Day7，不是我很厲害，而是我昨天完成Day1後按next Challeng後被傳送到Day7，害我昨天寫心得的時候已為自己做了多少...

帽客 ‧ 2020-02-26

8 Like 0 留言 42087 瀏覽

鐵人賽自我挑戰組

JavaScript之一定要了解的 Array 與方法系列第 33 篇

達標好文技術把要的元素留下來的 Array 陣列方法 filter()

Array 33 媽媽說，蘋果要挑大顆又漂亮來拜，神明才會保佑我們。 map()和filter()常常被稱為最好用的兩個陣列方法，之所以好用，有一個原因是我...

tsuifei ‧ 2019-12-23 ‧團隊好想工作室 v3.0

0 Like 0 留言 923 瀏覽

鐵人賽自我挑戰組 DAY 30

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

技術 [Day 30] JavaScript ES6 語法－類別與非同步處理

類別 (Class) ES6 類別語法並沒有改變 JavaScript 基於 prototype-based 的本質，只是在此提供一種語法糖，主要的目的是可以更...

chasel1020 ‧ 2019-10-15

0 Like 0 留言 1138 瀏覽

鐵人賽自我挑戰組 DAY 29

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

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

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

chasel1020 ‧ 2019-10-14

0 Like 0 留言 885 瀏覽

鐵人賽自我挑戰組 DAY 28

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

技術 [Day 28] JavaScript ES6 語法－箭頭函式、函式參數擴展與字串樣板

箭頭函式 (Arrow Functions) 為了簡化函式，箭頭函式語法上更短，以及有著不改變 This 的特性，所有的箭頭函式都必須是匿名函式。 /...

chasel1020 ‧ 2019-10-13

0 Like 0 留言 658 瀏覽

鐵人賽自我挑戰組 DAY 27

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

技術 [Day 27] JavaScript ES6 語法－變數範圍鏈、常數、函式範圍鏈

變數範圍鏈 (Variable Scoping) let 與 var 的不同在於變數有效範圍界定的差別。 var 是 function 界定變數的有效範圍，而...

chasel1020 ‧ 2019-10-12

0 Like 0 留言 1477 瀏覽

鐵人賽自我挑戰組 DAY 26

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

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

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

chasel1020 ‧ 2019-10-11

0 Like 0 留言 987 瀏覽

鐵人賽自我挑戰組 DAY 25

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

技術 [Day 25] JavaScript 設計模式－裝飾者模式、策略模式、外觀模式

裝飾者模式 ( Decorator ) 裝飾者模式的概念是在物件上動態的加上功能來強化目標，所以在設計時，必須注意要設計的容易被強化。是透過覆寫的方法來強化功能...

chasel1020 ‧ 2019-10-10

0 Like 0 留言 2082 瀏覽

鐵人賽自我挑戰組 DAY 24

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

技術 [Day 24] JavaScript 設計模式－單體模式、簡單工廠模式、迭代器模式

單體模式 ( Singleton ) 單體模式的概念是確保一個類別只有一個物件，並提供對該物件的全域操作，一般來說，當我們利用同一個類別建立實體物件時，每次建立...

chasel1020 ‧ 2019-10-09

技術 Day11: 在Canvas畫布上，用滑鼠畫畫(ㄧ)

技術 六日目：JavaScript 運算子 演算子 二ノ章

技術 [Day 03] - 初探 Gatsby 之環境建置

技術 JavaScript基本功修練：Day3 - 基本型別(I) - 數字

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

技術 [Day 02] - 什麼是 Gatsby ?

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

技術 [Day 01] - 成為行男的第一步

技術 JavaScript基本功修練： Day1 - 前言

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

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

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

技術 Day2- 什麼是 JavaScript

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

技術 Day05: 針對陣列的操作練習(一)

技術 Day04:用CSS + JS 做一個時鐘

技術 Day03:來做個鍵盤鼓手(二)

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

技術 Day02:來做個鍵盤鼓手(一)

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

技術 2020/06/18 review HTML5/ JQuery

技術 在HackerRank的第二天

達標好文 技術 把要的元素留下來的 Array 陣列方法 filter()

技術 [Day 30] JavaScript ES6 語法－ 類別與非同步處理

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

技術 [Day 28] JavaScript ES6 語法－ 箭頭函式、函式參數擴展與字串樣板

技術 [Day 27] JavaScript ES6 語法－ 變數範圍鏈、常數、函式範圍鏈

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

技術 [Day 25] JavaScript 設計模式－ 裝飾者模式、策略模式、外觀模式

技術 [Day 24] JavaScript 設計模式－ 單體模式、簡單工廠模式、迭代器模式

標記使用者

技術六日目：JavaScript 運算子　演算子　二ノ章

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

技術在HackerRank的第二天

達標好文技術把要的元素留下來的 Array 陣列方法 filter()

技術 [Day 30] JavaScript ES6 語法－類別與非同步處理

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

技術 [Day 28] JavaScript ES6 語法－箭頭函式、函式參數擴展與字串樣板

技術 [Day 27] JavaScript ES6 語法－變數範圍鏈、常數、函式範圍鏈

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

技術 [Day 25] JavaScript 設計模式－裝飾者模式、策略模式、外觀模式

技術 [Day 24] JavaScript 設計模式－單體模式、簡單工廠模式、迭代器模式