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

0 Like 0 留言 815 瀏覽

鐵人賽自我挑戰組 DAY 30

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

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

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

chasel1020 ‧ 2019-10-15

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 留言 786 瀏覽

鐵人賽 Modern Web DAY 30

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

技術 [Day 30] - 終成行男

呼，想當初在鐵人賽開賽前還在猶豫到底要不要開賽呢？參賽後是要寫什麼主題呢？一探 React Native 、React 百寶箱 blablabla 太多想寫的...

chasel1020 ‧ 2020-10-15

0 Like 0 留言 784 瀏覽

鐵人賽 Modern Web DAY 14

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

技術 [Day 14] - 建置第一個 Blog - 文章內頁 ( 上 )

[Day 14] - 建置第一個 Blog - 文章內頁在前一篇文章中，我們建立了一個還不錯的列表頁，但我們絕對不滿足於此，今天，我們要用更聰明的方式來建立頁...

chasel1020 ‧ 2020-09-29

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 留言 772 瀏覽

鐵人賽自我挑戰組 DAY 6

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

技術 [Day 6] JavaScript 語法特性－範圍鏈 ( Scope chain )

每個變數都有自己的作用範圍，若使用前未宣告，就會變成全域變數，若是在函式內宣告的變數，則只能在該區域內使用，也就是說 JavaScript 在查找變數時，會循著...

chasel1020 ‧ 2019-09-21

2 Like 0 留言 764 瀏覽

鐵人賽 Modern Web DAY 22

實作經典 JavaScript 30 系列第 22 篇

技術 Day22: LocalStorage(二)

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

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

1 Like 0 留言 753 瀏覽

技術 JS筆記-關掉alert的簡單小技巧

目錄 JS筆記-幫元素加上style的寫法 JS筆記-getPosition 讓你找到元素x,y位置 js筆記--寫腳本需要用到的waitForKeyEleme...

Oo_花之舞__oO ‧ 2023-01-01

0 Like 0 留言 740 瀏覽

鐵人賽 Modern Web DAY 15

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

技術 [Day 15] - 建置第一個 Blog - 文章內頁 ( 下 )

在前一章節的尾聲，我們成功地在文章節點中加入 Slug ，今天我們要來用這些資訊建立一個共用的頁面，根據點擊的文章 Slug 來帶入對應的內容，那就讓我們開始吧...

chasel1020 ‧ 2020-09-30

3 Like 1 留言 739 瀏覽

鐵人賽 Modern Web DAY 30

實作經典 JavaScript 30 系列第 30 篇

技術 Day30: 完賽心得

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

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

0 Like 0 留言 734 瀏覽

技術迷茫大四生宅在宿舍佛系自學JavaScript Day1 <Beginning>

前言日子一天天過去，即將迎來人生求學階段的最後一場畢業。學業旅途的結束，意味著我離踏入職場的距離越來越近，我承認興奮是有的，因為我人生的工作生涯即將啟程，但更...

累了就睡蛙 ‧ 2023-03-10

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 留言 725 瀏覽

鐵人賽自我挑戰組 DAY 9

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

技術 [Day 9] JavaScript 語法特性－ Hoisting

console.log(a); var a = 1; 若要用一段程式碼來講 Hoisting，我想這段程式應該就會是Hoisting最佳的解釋...

chasel1020 ‧ 2019-09-24

0 Like 0 留言 724 瀏覽

鐵人賽自我挑戰組 DAY 28

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

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

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

chasel1020 ‧ 2019-10-13

1 Like 1 留言 682 瀏覽

鐵人賽自我挑戰組 DAY 3

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

技術 Day03. 你有JavaScriptStyle嗎？

總算要進入JavaScript的主題了。本日閱讀進度：第一章 JavaScript 快速導覽（1～21頁）重點摘要： JavaScript語法因為第一個...

appletabby ‧ 2019-09-18

0 Like 0 留言 678 瀏覽

鐵人賽自我挑戰組 DAY 13

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

技術 [Day 13] JavaScript 物件導向－ This 與內建物件

相信各位讀者對於 This 並不陌生，甚至可以說使用的頻率非常之高，但各位真的明白 This 在不同的位置指的是誰嗎？為了避免一個 This，各自表述的情境發...

chasel1020 ‧ 2019-09-28

0 Like 0 留言 678 瀏覽

鐵人賽自我挑戰組 DAY 18

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

技術 [Day 18] JavaScript 物件導向－實字模式

簡介使用 {} 或 [] 這樣的寫法，是透過實字符號模式 ( Literal notation patterns )，來產生一個物件或陣列，編譯時 JavaS...

chasel1020 ‧ 2019-10-03

2 Like 0 留言 678 瀏覽

鐵人賽 Modern Web DAY 20

實作經典 JavaScript 30 系列第 20 篇

技術 Day20: JS中引用與複製的差異(二)

今天針對物件來看引用與複製的差異先創造一個簡單的物件 const person = { name: 'Wes Bos', age: 80 }; 再製作...

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

1 Like 0 留言 669 瀏覽

技術 JS筆記-設定CSSstyle的function

目錄 JS筆記-幫元素加上style的寫法 JS筆記-getPosition 讓你找到元素x,y位置 js筆記--寫腳本需要用到的waitForKeyEleme...

Oo_花之舞__oO ‧ 2022-12-27

1 Like 0 留言 668 瀏覽

技術 js 學習：動態畫線條

使用的是three.js組件畫線條；每秒畫一次，一直畫下去；要先裝好three.js <!DOCTYPE html> <html> &...

guopengzhen ‧ 2022-01-12

0 Like 0 留言 664 瀏覽

鐵人賽 Modern Web DAY 19

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

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

前一篇文章，我們成功的建立了環境，今天我們要來添加一些靜態資料到專案中，並用這些資料來創建一些頁面。將資料添加到主題中首先，我們在 Gatsby-theme...

chasel1020 ‧ 2020-10-04

0 Like 0 留言 651 瀏覽

鐵人賽自我挑戰組 DAY 15

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

技術 [Day 15] JavaScript 物件導向－ new 與 prototype

嗨，各位朋友打給後昨天提到的建立物件最後我們有帶出兩大問題點，今天我們就要來解決這些問題。就先讓我們來介紹一下 new 吧！當我們在編輯器上輸入 new...

chasel1020 ‧ 2019-09-30

0 Like 0 留言 648 瀏覽

鐵人賽自我挑戰組 DAY 2

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

技術 [Day 2] JavaScript 語法介紹－型別系統

JavaScript 的型別有兩大類，分別為原始型別、物件型別，接下來會分別對這兩種型別做一些介紹，並搭配著簡單的範例來讓大家了解。原始型別 ( Primi...

chasel1020 ‧ 2019-09-17

1 Like 0 留言 646 瀏覽

技術前端小試身手(3)--增添系列文目錄

目錄前端小試身手(1)--幫「發問/發文頁」新增"編輯"鈕～前端小試身手(2)--it幫跳轉到最佳解答前端小試身手(3)--增添系列文...

Oo_花之舞__oO ‧ 2023-01-03

0 Like 1 留言 644 瀏覽

技術 #02學習筆記 JavaScript變數宣告

Javascript的宣告方式在很久很久以前... 其實也沒有多久啦。 ES6之前宣告的方法都是用var宣告，這也導致很多有趣的事情發生。所以在ES6之...

Eazy ‧ 2023-05-13

0 Like 0 留言 637 瀏覽

鐵人賽自我挑戰組 DAY 14

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

技術 [Day 14] JavaScript 物件導向－建立物件

今天我們要來講建立物件的方式，廢話不多說，就讓我們直接進入主題吧！通常我們在 JavaScript 要建立一個物件並且增加屬性與方法的話，會像以下程式碼...

chasel1020 ‧ 2019-09-29

0 Like 0 留言 634 瀏覽

鐵人賽自我挑戰組 DAY 8

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

技術 [Day 8] JavaScript 語法特性－ Currying

嗨，大家對於昨天的閉包介紹有沒有基礎的概念了呢？今天要介紹的 Currying 就是閉包的應用，那什麼是 Currying 呢？ Currying 是指將一個...

chasel1020 ‧ 2019-09-23

0 Like 0 留言 633 瀏覽

鐵人賽 Modern Web DAY 21

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

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

上一個章節，我們完成了將資料轉變為列表頁、內頁，今天我們要來把昨天做的內頁再做一些微調，新增一個時間顯示的邏輯，並且將 Gatsby-theme-events...

chasel1020 ‧ 2020-10-06

0 Like 0 留言 632 瀏覽

鐵人賽自我挑戰組 DAY 15

溫故知新 JavaScript 系列第 15 篇

技術 Day15- 控制判斷-比較運算子

在我們使用網頁的時候有沒有遇過一種情境當你輸入帳號與密碼時，有時候輸入錯誤或是格式不符，電腦就會跳出通知告訴你資料有誤唷，這個地方就能用控制判斷去達成，我們要讓...

AWEI ‧ 2020-09-28

1 Like 0 留言 626 瀏覽

鐵人賽自我挑戰組 DAY 1

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

技術 Day01. 你媽知道你在這裡發跟JavaScript無關的廢文嗎？

據說鐵人賽的第一篇文章通常是廢文，依照「慣例優於設定」（Convention over Configuration, CoC）規則，當然要來貢獻一篇廢文。（雖然...

appletabby ‧ 2019-09-16

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