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

1 Like 0 留言 721 瀏覽

鐵人賽 Modern Web DAY 10

實作經典 JavaScript 30 系列第 10 篇

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

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

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

0 Like 0 留言 2282 瀏覽

鐵人賽 Modern Web DAY 2

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

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

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

chasel1020 ‧ 2020-09-17

2 Like 0 留言 1105 瀏覽

鐵人賽 Modern Web DAY 9

實作經典 JavaScript 30 系列第 9 篇

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

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

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

0 Like 0 留言 1494 瀏覽

鐵人賽 Modern Web DAY 1

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

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

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

chasel1020 ‧ 2020-09-16

3 Like 3 留言 5980 瀏覽

鐵人賽 Modern Web DAY 1

JavaScript基本功修煉系列第 1 篇

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

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

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

2 Like 0 留言 1090 瀏覽

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

鐵人賽自我挑戰組 DAY 3

溫故知新 JavaScript 系列第 3 篇

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

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

AWEI ‧ 2020-09-16

1 Like 0 留言 1245 瀏覽

鐵人賽 Modern Web DAY 7

實作經典 JavaScript 30 系列第 7 篇

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

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

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

0 Like 0 留言 929 瀏覽

鐵人賽自我挑戰組 DAY 2

溫故知新 JavaScript 系列第 2 篇

技術 Day2- 什麼是 JavaScript

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

AWEI ‧ 2020-09-15

1 Like 0 留言 1026 瀏覽

鐵人賽 Modern Web DAY 6

實作經典 JavaScript 30 系列第 6 篇

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

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

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

1 Like 0 留言 943 瀏覽

鐵人賽 Modern Web DAY 5

實作經典 JavaScript 30 系列第 5 篇

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

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

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

2 Like 0 留言 3514 瀏覽

鐵人賽 Modern Web DAY 4

實作經典 JavaScript 30 系列第 4 篇

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

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

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

2 Like 1 留言 1004 瀏覽

鐵人賽 Modern Web DAY 3

實作經典 JavaScript 30 系列第 3 篇

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

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

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

1 Like 0 留言 1819 瀏覽

鐵人賽 Modern Web DAY 2

實作經典 JavaScript 30 系列第 2 篇

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

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

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

0 Like 0 留言 1239 瀏覽

鐵人賽自我挑戰組 DAY 10

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

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

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

Linn ‧ 2020-09-10

3 Like 1 留言 1066 瀏覽

鐵人賽 Modern Web DAY 1

實作經典 JavaScript 30 系列第 1 篇

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

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

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

0 Like 0 留言 2121 瀏覽

技術 2020/06/18 review HTML5/ JQuery

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

艾倫 ‧ 2020-06-19

0 Like 0 留言 2356 瀏覽

技術在HackerRank的第二天

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

帽客 ‧ 2020-02-26

8 Like 0 留言 40010 瀏覽

鐵人賽自我挑戰組

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

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

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

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

0 Like 0 留言 811 瀏覽

鐵人賽自我挑戰組 DAY 30

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

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

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

chasel1020 ‧ 2019-10-15

0 Like 0 留言 1027 瀏覽

鐵人賽自我挑戰組 DAY 29

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

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

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

chasel1020 ‧ 2019-10-14

0 Like 0 留言 720 瀏覽

鐵人賽自我挑戰組 DAY 28

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

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

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

chasel1020 ‧ 2019-10-13

0 Like 0 留言 557 瀏覽

鐵人賽自我挑戰組 DAY 27

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

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

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

chasel1020 ‧ 2019-10-12

0 Like 0 留言 1284 瀏覽

鐵人賽自我挑戰組 DAY 26

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

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

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

chasel1020 ‧ 2019-10-11

0 Like 0 留言 890 瀏覽

鐵人賽自我挑戰組 DAY 25

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

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

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

chasel1020 ‧ 2019-10-10

0 Like 0 留言 1917 瀏覽

鐵人賽自我挑戰組 DAY 24

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

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

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

chasel1020 ‧ 2019-10-09

0 Like 0 留言 553 瀏覽

鐵人賽自我挑戰組 DAY 23

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

技術 [Day 23] JavaScript 設計模式－基本介紹

我們在寫程式時，經常會碰到很類似的需求，每次都增加一些類似內容的程式碼，甚至可以用複製貼上後修改幾個小地方就能完成，漸漸的我們可以從這些程式碼當中發現是有規律的...

chasel1020 ‧ 2019-10-08

0 Like 0 留言 511 瀏覽

鐵人賽自我挑戰組 DAY 22

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

技術 [Day 22] JavaScript 物件繼承－ Object.creat 繼承方法

打給後，大家還記得我們昨天提的暫時類別繼承方法嗎？是不是覺得落落長，不太好理解呢？沒問題，今天我們來講講更簡潔的方法吧！ Object.create Obj...

chasel1020 ‧ 2019-10-07

0 Like 0 留言 1172 瀏覽

鐵人賽自我挑戰組 DAY 21

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

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

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

chasel1020 ‧ 2019-10-06

0 Like 0 留言 561 瀏覽

鐵人賽自我挑戰組 DAY 20

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

技術 [Day 20] JavaScript 物件繼承－繼承原型方法

參數傳遞參數傳遞的過程是將變數在記憶體的位置參考複製到 function 的參數上，當修改這個參數的內容，實際上是去修改參考上的內容，若重新賦予新值則會建立新...

chasel1020 ‧ 2019-10-05

技術 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:來做個鍵盤鼓手(二)

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

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

技術 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 設計模式－ 單體模式、簡單工廠模式、迭代器模式

技術 [Day 23] JavaScript 設計模式－ 基本介紹

技術 [Day 22] JavaScript 物件繼承－ Object.creat 繼承方法

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

技術 [Day 20] 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 設計模式－單體模式、簡單工廠模式、迭代器模式

技術 [Day 23] JavaScript 設計模式－基本介紹

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

技術 [Day 20] JavaScript 物件繼承－繼承原型方法