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

2 Like 2 留言 5674 瀏覽

鐵人賽 Modern Web DAY 21

讓 TypeScript 成為你全端開發的 ACE！系列第 21 篇

技術 Day 21. 機動藍圖・靜態成員 X 即刻操作 - Static Properties & Methods

閱讀本篇文章前，仔細想想看如何使用類別的繼承（Inheritance）？為何我們設計類別的成員時，會儘量以 private 模式為基準？什麼時候該開放...

Maxwell Alexius ‧ 2019-10-01

1 Like 1 留言 5638 瀏覽

鐵人賽 Modern Web

讓 TypeScript 成為你全端開發的 ACE！系列第 46 篇

技術 Day 46. 通用武裝・迭代器模式 X 泛用迭代器 - Iterator Pattern Using TypeScript

閱讀本篇文章前，仔細想想看泛用類別與泛用介面結合時的注意事項為何？如果還不清楚可以看一下前一篇文章喔～其實筆者在泛用方面的型別推論與機制並沒有討論很...

Maxwell Alexius ‧ 2019-10-31

2 Like 1 留言 5628 瀏覽

鐵人賽 Modern Web DAY 23

讓 TypeScript 成為你全端開發的 ACE！系列第 23 篇

技術 Day 23. 機動藍圖・私有建構子 X 單身狗模式 - Private Constructor & Singleton Pattern

閱讀本篇文章前，仔細想想看還記得存取修飾模式（Access Modifiers）有哪些嗎？你有想過 private 除了類別成員與類別的靜態屬性與方法...

Maxwell Alexius ‧ 2019-10-03

3 Like 0 留言 5628 瀏覽

鐵人賽開發技術 DAY 1

extjs 4 + grails 開發實戰系列第 1 篇

技術 extjs 中使用 form 表單： submit 透過 rest 與後端 grails 的整合

在有限的時間中，要學會一個前端框架不容易，也沒有一個框架是萬能的，但總要有個開始，筆者在進幾年一直在 extjs 的世界打滾，已有三四年的經驗，最近負責的專案除...

smlsun ‧ 2013-10-02

2 Like 4 留言 5513 瀏覽

鐵人賽 Modern Web DAY 15

讓 TypeScript 成為你全端開發的 ACE！系列第 15 篇

技術 Day 15. 機動藍圖・功能多樣性 X 多樣性介面 - More on TypeScript Interface

閱讀本篇文章前，仔細想想看到目前為止對於 TypeScript Interface 介面的理解到什麼程度呢？你認為 TypeScript 和第三方套件...

Maxwell Alexius ‧ 2019-09-25

2 Like 2 留言 5394 瀏覽

鐵人賽 Modern Web DAY 5

邁向 JavaScript 勇者之路系列第 5 篇

技術動態型別的 JavaScript

JavaScript 是屬於動態型別，它定義了七種資料型別，分別為六種原始型別 (ES6 新增一種原始型別)及 Object 型別。在開始之前先用小明來說明一下...

卡斯伯 ‧ 2017-12-08

3 Like 1 留言 5251 瀏覽

鐵人賽 Modern Web

讓 TypeScript 成為你全端開發的 ACE！系列第 36 篇

技術 Day 36. 戰線擴張・戰線分散 X 組織集中 - TypeScript Namespaces Import/Export Mechanism

閱讀本篇文章前，仔細想想看命名空間的用意是什麼？如何運用 TypeScript Namespaces 組織不同區塊的程式碼？命名空間融合（Names...

Maxwell Alexius ‧ 2019-10-16

2 Like 2 留言 5229 瀏覽

鐵人賽 Modern Web DAY 28

讓 TypeScript 成為你全端開發的 ACE！系列第 28 篇

技術 Day 28. 機動藍圖・抽象類別 X 藍圖基底 - TypeScript Abstract Class

閱讀本篇文章前，仔細想想看筆者列出到目前為止我們學到跟類別有關的名詞，可以回憶一下它們各自的定義以及實用的地方在哪裡～類別與物件的差別 Class v...

Maxwell Alexius ‧ 2019-10-08

1 Like 1 留言 4964 瀏覽

鐵人賽 Modern Web DAY 19

讓 TypeScript 成為你全端開發的 ACE！系列第 19 篇

技術 Day 19. 機動藍圖・存取修飾 X 藍圖規劃 - TypeScript Class Access Modifiers

閱讀本篇文章前，仔細想想看 TypeScript 類別（Class）的意義是什麼？ TypeScript 類別跟介面（Interface）的最大差別在哪裡...

Maxwell Alexius ‧ 2019-09-29

2 Like 2 留言 4925 瀏覽

鐵人賽 Modern Web DAY 29

讓 TypeScript 成為你全端開發的 ACE！系列第 29 篇

技術 Day 29. 機動藍圖・工廠模式 X 抽象工廠 - Factory Method & Abstract Factory Pattern Using TypeScript

閱讀本篇文章前，仔細想想看大致上已經了解抽象類別的運用性質與情境了嗎？另外本篇會延續前一篇的範例，除了可以參考前一篇外，筆者本篇會再進行簡單的敘述！...

Maxwell Alexius ‧ 2019-10-09

0 Like 0 留言 4903 瀏覽

技術 document.getElementsByClassName 用法

嘗試隱藏下面全部ＤＩＶ <div id="div1" class="opt" style="displa...

菜鳥碼農 ‧ 2020-03-12

7 Like 2 留言 4889 瀏覽

達標好文技術 [演算法][JavaScript]演算法挑戰系列(5)-Spiral Matrix

HI啊，又到了一個禮拜一次的燒腦時間，其實這一次我真的很怕生不出來，所以我禮拜一就開始準備了，哈哈哈，今天的題目其實上禮拜就要Po了，可是那時候真的在電腦前面鬼...

神Q超人 ‧ 2018-06-01

3 Like 1 留言 4851 瀏覽

鐵人賽開發技術 DAY 3

extjs 4 + grails 開發實戰系列第 3 篇

技術 extjs 4 mixins(混和) 特性說明

在有限的時間中，要學會一個前端框架不容易，也沒有一個框架是萬能的，但總要有個開始，筆者在進幾年一直在 extjs 的世界打滾，已有三四年的經驗，最近負責的專案除...

smlsun ‧ 2013-10-04

2 Like 1 留言 4847 瀏覽

鐵人賽 Modern Web DAY 8

邁向 JavaScript 勇者之路系列第 8 篇

技術 JavaScript 的文法學

大多數國家的語言都是由左到右、由上而下的閱讀方式，中文、拉丁語系就是屬於這類型，但也有部分國家是由右到左的，像是阿拉伯語系就是如此。而 JavaScript 是...

卡斯伯 ‧ 2017-12-11

1 Like 0 留言 4788 瀏覽

鐵人賽 Modern Web DAY 7

React.js 從【0】到【1】推坑計畫系列第 7 篇

技術【Day 7】型別檢查 && PropTypes

昨天講解了 props 的應用，讓子元件可以接收來自父元件的資料。但是隨著應用規模的提升，透過型別檢查可以減少許多可能的錯誤。要達成這個目的，許多人會選擇 fl...

莫力全 Kyle Mo ‧ 2019-09-11

3 Like 0 留言 4697 瀏覽

鐵人賽 Modern Web DAY 26

讓 TypeScript 成為你全端開發的 ACE！系列第 26 篇

技術 Day 26. 機動藍圖・策略模式 X 選擇策略 - Strategy Pattern Using TypeScript. I

閱讀本篇文章前，仔細想想看類別繼承與介面綁定的差別在哪裡？能夠描述它們各自的優缺點嗎？如果還沒理解完畢的話，可以先翻看前一篇的文章喔！筆者本來沒有要...

Maxwell Alexius ‧ 2019-10-06

2 Like 1 留言 4660 瀏覽

鐵人賽 Modern Web DAY 17

React.js 從【0】到【1】推坑計畫系列第 17 篇

技術【Day 17】Redux 實戰演練

今天將直接實作 redux，如果不知道 redux 運作概念的讀者可以回去看看昨天的概念介紹喔～今天嘗試將 dark theme 與 light theme 實...

莫力全 Kyle Mo ‧ 2019-09-21

10 Like 3 留言 4621 瀏覽

達標好文技術 JS 執行環境解析

JS 執行環境筆記性質菜鳥初學，為了避免誤人子弟，請大神留步勘誤 QQ 建議搭配服用: JS Scope / Hoisting 執行環境的基礎以 Fun...

RocMark ‧ 2018-06-01

2 Like 1 留言 4559 瀏覽

鐵人賽 Modern Web DAY 20

讓 TypeScript 成為你全端開發的 ACE！系列第 20 篇

技術 Day 20. 機動藍圖・類別繼承 X 延用設計 - TypeScript Class Inheritance

閱讀本篇文章前，仔細想想看描述類別存取修飾子（Access Modifiers）的功能與意義。為何類別要實踐某介面時，介面裡的所有規格在類別裡會直接綁...

Maxwell Alexius ‧ 2019-09-30

1 Like 0 留言 4383 瀏覽

鐵人賽 Modern Web

讓 TypeScript 成為你全端開發的 ACE！系列第 31 篇

技術 Day 31. 戰線擴張・專案監控 X 編譯設定 - TypeScript Compiler Compile Configurations

恩... 照常 Day 31. 繼續。《戰線擴張》篇章概要本系列進入到第三部分：《戰線擴張》篇（The Front Line Expansion）筆者就...

Maxwell Alexius ‧ 2019-10-11

4 Like 2 留言 4373 瀏覽

鐵人賽 Modern Web

讓 TypeScript 成為你全端開發的 ACE！系列第 35 篇

技術 Day 35. 戰線擴張・命名空間 X 組織分明 - TypeScript Namespaces Introduction

閱讀本篇文章前，仔細想想看讀者認為目前對 TypeScript 編譯器的設定的了解程度如何呢？如果還沒理解完畢的話，可以先翻看最近這幾天的文章喔！...

Maxwell Alexius ‧ 2019-10-15

8 Like 3 留言 4369 瀏覽

達標好文技術 JS Scope / Hoisting

JS Scope / Hoisting 筆記性質建議搭配服用 : JS 執行環境菜鳥初學，為了避免誤人子弟，請大神留步勘誤 QQ 範例先來個範例，猜猜結果為何...

RocMark ‧ 2018-06-01

0 Like 0 留言 4362 瀏覽

技術 [Ts][Js] array & Object array Distinct

**字串陣列 Distinct ** const array = ['1','2','1','3']; const setType = new Set(arr...

collin0703 ‧ 2019-01-09

3 Like 0 留言 4312 瀏覽

鐵人賽 Modern Web

讓 TypeScript 成為你全端開發的 ACE！系列第 41 篇

技術 Day 41. 戰線擴張・模擬戰 — UBike 地圖 X 外觀模式 - Façade Pattern in TypeScript

閱讀本篇文章前，仔細想想看還記得單例模式 Singleton Pattern嗎？今天會用到喔！本篇文承接上一篇文，因此如果是跳到這篇的話可以先從上一篇或...

Maxwell Alexius ‧ 2019-10-21

1 Like 0 留言 4305 瀏覽

鐵人賽開發技術 DAY 2

extjs 4 + grails 開發實戰系列第 2 篇

技術使用 sencha architect 開發 extjs 應用程式注意事項

在有限的時間中，要學會一個前端框架不容易，也沒有一個框架是萬能的，但總要有個開始，筆者在進幾年一直在 extjs 的世界打滾，已有三四年的經驗，最近負責的專案除...

smlsun ‧ 2013-10-03

1 Like 0 留言 4184 瀏覽

技術 JS筆記-使用fetch下載檔案/download.js好用的東西

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

Oo_花之舞__oO ‧ 2022-12-31

1 Like 0 留言 4180 瀏覽

鐵人賽開發技術 DAY 9

extjs 4 + grails 開發實戰系列第 9 篇

技術 extjs 4 更無縫的與 grails 進行整合

在有限的時間中，要學會一個前端框架不容易，也沒有一個框架是萬能的，但總要有個開始，筆者在進幾年一直在 extjs 的世界打滾，已有三四年的經驗，最近負責的專案除...

smlsun ‧ 2013-10-11

2 Like 0 留言 4120 瀏覽

鐵人賽 Modern Web

讓 TypeScript 成為你全端開發的 ACE！系列第 43 篇

技術 Day 43. 通用武裝・泛型註記 X 推論未來 - TypeScript Generic Declaration & Annotation

閱讀本篇文章前，仔細想想看泛用型別的意義是什麼？泛用型別大致上有哪些種類或形式？如果還不清楚可以看一下前一篇文章喔～以下就直接正文開始～泛用...

Maxwell Alexius ‧ 2019-10-23

1 Like 0 留言 4117 瀏覽

鐵人賽 Modern Web DAY 13

這個網站也太嗨！30 個網頁動態提案系列第 15 篇

技術 #12-套件掰！用JS 做進場特效 (Intersection Observer API)

進場特效也是基本再基本的網頁動態！尤其是當網頁內容塞太多時，適當地加上進場特效可以幫助使用者閱讀重點。以前常用的套件如Scroll Magic，或計算網頁滑動...

Global Rachel ‧ 2021-09-28 ‧團隊寫 code 需要講幹話

1 Like 0 留言 4113 瀏覽

鐵人賽 Modern Web DAY 12

這個網站也太嗨！30 個網頁動態提案系列第 14 篇

技術 #11-下滑動態做起來！(JS: scrollTo & scrollBy)

今天來介紹一下往下滑和往上滑的指引動畫和搭配Web API。現在都很流行第一屏設計做好做滿，有時候太美了會讓使用者忘記（/根本不想）往下滑，適當地指引下滑，就...

Global Rachel ‧ 2021-09-27 ‧團隊寫 code 需要講幹話

技術 Day 21. 機動藍圖・靜態成員 X 即刻操作 - Static Properties & Methods

技術 Day 46. 通用武裝・迭代器模式 X 泛用迭代器 - Iterator Pattern Using TypeScript

技術 Day 23. 機動藍圖・私有建構子 X 單身狗模式 - Private Constructor & Singleton Pattern

技術 extjs 中使用 form 表單： submit 透過 rest 與後端 grails 的整合

技術 Day 15. 機動藍圖・功能多樣性 X 多樣性介面 - More on TypeScript Interface

技術 動態型別的 JavaScript

技術 Day 36. 戰線擴張・戰線分散 X 組織集中 - TypeScript Namespaces Import/Export Mechanism

技術 Day 28. 機動藍圖・抽象類別 X 藍圖基底 - TypeScript Abstract Class

技術 Day 19. 機動藍圖・存取修飾 X 藍圖規劃 - TypeScript Class Access Modifiers

技術 Day 29. 機動藍圖・工廠模式 X 抽象工廠 - Factory Method & Abstract Factory Pattern Using TypeScript

技術 document.getElementsByClassName 用法

達標好文 技術 [演算法][JavaScript]演算法挑戰系列(5)-Spiral Matrix

技術 extjs 4 mixins(混和) 特性說明

技術 JavaScript 的文法學

技術 【Day 7】型別檢查 && PropTypes

技術 Day 26. 機動藍圖・策略模式 X 選擇策略 - Strategy Pattern Using TypeScript. I

技術 【Day 17】Redux 實戰演練

達標好文 技術 JS 執行環境解析

技術 Day 20. 機動藍圖・類別繼承 X 延用設計 - TypeScript Class Inheritance

技術 Day 31. 戰線擴張・專案監控 X 編譯設定 - TypeScript Compiler Compile Configurations

技術 Day 35. 戰線擴張・命名空間 X 組織分明 - TypeScript Namespaces Introduction

達標好文 技術 JS Scope / Hoisting

技術 [Ts][Js] array & Object array Distinct

技術 Day 41. 戰線擴張・模擬戰 — UBike 地圖 X 外觀模式 - Façade Pattern in TypeScript

技術 使用 sencha architect 開發 extjs 應用程式注意事項

技術 JS筆記-使用fetch下載檔案/download.js好用的東西

技術 extjs 4 更無縫的與 grails 進行整合

技術 Day 43. 通用武裝・泛型註記 X 推論未來 - TypeScript Generic Declaration & Annotation

技術 #12-套件掰！用JS 做進場特效 (Intersection Observer API)

技術 #11-下滑動態做起來！(JS: scrollTo & scrollBy)

標記使用者

技術動態型別的 JavaScript

達標好文技術 [演算法][JavaScript]演算法挑戰系列(5)-Spiral Matrix

技術【Day 7】型別檢查 && PropTypes

技術【Day 17】Redux 實戰演練

達標好文技術 JS 執行環境解析

達標好文技術 JS Scope / Hoisting

技術使用 sencha architect 開發 extjs 應用程式注意事項