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

2 Like 3 留言 3219 瀏覽

鐵人賽 Modern Web DAY 25

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

技術 Day 25. 機動藍圖・類別與介面 X 終極的組合 - Ultimate Combo of Class & Interface

閱讀本篇文章前，仔細想想看試描述類別（Class）的型別推論機制與註記機制。繼承過後的子類別，試描述其類別推論機制與註記機制。子類別跟父類別的推論與...

Maxwell Alexius ‧ 2019-10-05

4 Like 1 留言 3173 瀏覽

技術 extjs + grails：網站開發的好夥伴

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

smlsun ‧ 2013-10-01

1 Like 1 留言 3142 瀏覽

鐵人賽 Modern Web DAY 21

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

技術 JavaScript 展開與其餘

這兩個分別稱為展開運算子(spread operator) 及其餘運算子 (rest operator，也可稱為其餘參數)，這兩個運算符有個兩個特點，就是都...

卡斯伯 ‧ 2017-12-24

2 Like 0 留言 3055 瀏覽

鐵人賽 Modern Web

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

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

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

Maxwell Alexius ‧ 2019-10-23

0 Like 0 留言 3031 瀏覽

鐵人賽 Modern Web DAY 27

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

技術【Day 27】Redux middleware - redux-thunk

還記得之前介紹過 redux 的基本用法嗎？因為覺得 React 基礎講的差不多了，今天決定回過頭來講講 redux middleware。 Redux-mid...

莫力全 Kyle Mo ‧ 2019-10-01

3 Like 0 留言 3021 瀏覽

鐵人賽 Modern Web

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

技術 Day 33. 戰線擴張・專案除錯 X 源碼對照 - TypeScript Compiler Debug Techniques

閱讀本篇文章前，仔細想想看如何確保出現錯誤時，防止 TypeScript 編譯器產出專案結果？描述 rootDir、outDir 與 outFile...

Maxwell Alexius ‧ 2019-10-13

0 Like 0 留言 3020 瀏覽

鐵人賽 Modern Web DAY 10

初探前端之路-React-由生到死的踩地雷系列第 10 篇

技術偵測滾動事件

React 有幾種偵測Scroll 的方式，通常是用的方式寫不過有時候你要動到邏輯問題的撰寫方式，你可能就要拆步驟寫：基本上是分這三大元素去修改， com...

Luis-Chen ‧ 2017-12-19

0 Like 0 留言 3004 瀏覽

鐵人賽 Modern Web DAY 22

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

技術【Day 22】React.memo

昨天講到了 class based component 可以透過 shouldComponentUpdate 比較前一次 props 與前一次 state 來...

莫力全 Kyle Mo ‧ 2019-09-26

4 Like 2 留言 2997 瀏覽

鐵人賽 Modern Web

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

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

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

Maxwell Alexius ‧ 2019-10-15

1 Like 0 留言 2972 瀏覽

鐵人賽 Modern Web DAY 22

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

技術 Day 22. 機動藍圖・特殊成員 X 存取方法 - TypeScript Class Accessors

閱讀本篇文章前，仔細想想看類別的靜態成員（Static Members）是什麼？與普通成員差異在哪？什麼情況下會採用靜態成員的設計呢？如果還沒理解...

Maxwell Alexius ‧ 2019-10-02

1 Like 2 留言 2964 瀏覽

技術前端User Friendly設計開發part 1：checkbox

所有的HTML元件的使用方式，大多可以由w3school習得 ;但是，w3school沒告訴我們的是為什麼要用這個元件？或者什麼時候用這個元件？更或者怎樣使用這...

Darwin Watterson ‧ 2018-10-01

2 Like 1 留言 2942 瀏覽

鐵人賽開發技術 DAY 5

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

技術 extjs 4：事件宣告的建議

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

smlsun ‧ 2013-10-06

1 Like 0 留言 2911 瀏覽

鐵人賽 Modern Web DAY 13

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

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

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

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

2 Like 1 留言 2829 瀏覽

鐵人賽 Modern Web

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

技術 Day 39. 戰線擴張・模擬戰 — UBike 地圖 X 資料處理 - Data Processing using Type Alias

閱讀本篇文章前，仔細想想看是否會使用 Webpack 建立 TypeScript 專案的環境呢？另外，本篇文承接上一篇文，因此如果是跳到這篇的話可以先從...

Maxwell Alexius ‧ 2019-10-19

2 Like 0 留言 2754 瀏覽

鐵人賽 Modern Web

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

技術 Day 40. 戰線擴張・模擬戰 — UBike 地圖 X 使用 LeafletJS - Using LeafletJS with TypeScript

閱讀本篇文章前，仔細想想看你會如何善用型別推論與註記的機制呢？什麼情形可能會出現 any 型別推論出來的行為？如果出現了，要如何處理這類型的案例？...

Maxwell Alexius ‧ 2019-10-20

0 Like 1 留言 2682 瀏覽

鐵人賽 Modern Web DAY 26

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

技術【Day 26】誰說一定要用別人寫好的 hooks - Custom Hooks

從介紹第一個 hooks 開始，我們都是在使用 React 提供的 hooks ，有沒有想過我們也可以實作自己的 hooks 呢？先來看看我找到的一段對 cu...

莫力全 Kyle Mo ‧ 2019-09-30

2 Like 2 留言 2635 瀏覽

鐵人賽 Modern Web DAY 27

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

技術 Day 27. 機動藍圖・策略模式 X 臨機應變 - Strategy Pattern Using TypeScript. II

閱讀本篇文章前，仔細想想看大致上理解策略模式以及應用類別與介面進行實踐。另外本篇會延續上一篇的範例，因此沒有看過可以先翻看前一篇的文章喔！廢話不多說...

Maxwell Alexius ‧ 2019-10-07

1 Like 0 留言 2635 瀏覽

鐵人賽 Modern Web

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

技術 Day 45. 通用武裝・泛用類別與介面 X 終極組合第二彈 - Ultimate Combo of Generic Class & Interface

閱讀本篇文章前，仔細想想看泛用型別化名的如何進行宣告？泛用化名註記在變數時的注意事項為何？泛用函式的特點為何？如果還不清楚可以看一下前一篇文章喔...

Maxwell Alexius ‧ 2019-10-28

1 Like 1 留言 2544 瀏覽

技術 TDX api 串接將 ajax 改為 axios，解決 415 錯誤，解決 headers content-type 無法更新

今天跟著 TDX 的串接說明文（TDX運輸資料流通服務API介接範例程式碼說明）試圖串一串 TDX API TDX 官方有提供 Ajax 的串接範例（Sampl...

lobsterpp ‧ 2022-05-05

1 Like 0 留言 2492 瀏覽

鐵人賽 Modern Web DAY 12

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

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

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

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

2 Like 0 留言 2451 瀏覽

鐵人賽 Modern Web

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

技術 Day 34. 戰線擴張・專案語法 X 嚴格把關 - TypeScript Compiler Syntatic Checks Configurations

閱讀本篇文章前，仔細想想看前端的 Debug 技巧有哪些？編譯過後的檔案通常會有對應的 Source Map 檔，其中 Source Map 到底是在...

Maxwell Alexius ‧ 2019-10-14

1 Like 0 留言 2333 瀏覽

鐵人賽 Modern Web DAY 25

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

技術【Day 25】useCallback - 學會把函式記起來

不知不覺來到第 25 天了，本來預計是要用小專案作結的，沒想到意外的忙碌啊，所以剩下的幾天就決定介紹一些我原本也不熟悉或不常使用的特性，學習的同時也盡量內化並記...

莫力全 Kyle Mo ‧ 2019-09-29

0 Like 0 留言 2256 瀏覽

鐵人賽 Modern Web DAY 23

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

技術【Day 23】useMemo

昨天 React.memo 比較像是針對 component 做 memorization，今天要介紹的 useMemo 這個 hooks 則是可以對函式實作...

莫力全 Kyle Mo ‧ 2019-09-27

0 Like 0 留言 2242 瀏覽

鐵人賽 Modern Web DAY 14

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

技術 #13-消失吧！Navbar！讓你的網頁更多空間 (JS)

好的Nav bar的動態可以讓網站不那麼呆板，其實實作的技術也不難，就是偵測頁面的滾動向下滑的時候再出現今天實作兩個：提案 Nav bar的消失 Na...

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

0 Like 0 留言 2225 瀏覽

技術 [JS]使用babel 轉譯 ES7 的 Async function(適用於瀏覽器)--1

本篇主旨：透過babel轉譯使用Async function的js檔,使其可在瀏覽器(非Node環境)運行閱前注意：本篇為個人使用筆記,為供未來使用,會包...

orientest99 ‧ 2020-07-04

0 Like 0 留言 2222 瀏覽

鐵人賽 Modern Web DAY 12

30 天打造 MERN Stack Boilerplate 系列第 12 篇

技術 Day 12 - Infrastructure - Isomorphic API

這裡所謂的 API 指的是 Client 向 Server 的某一個 Path 發出 Request，比如說： POST /todos GET /tod...

gocreating ‧ 2016-12-12

0 Like 0 留言 2207 瀏覽

技術 [JS]使用babel 轉譯 ES7 的 Async function(適用於瀏覽器)--3(完)

本篇主旨：透過babel轉譯使用Async function的js檔,使其可在瀏覽器(非Node環境)運行上篇閱前注意：本篇為個人使用筆記,為供未來使用,會...

orientest99 ‧ 2020-07-04

1 Like 0 留言 2177 瀏覽

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

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

Oo_花之舞__oO ‧ 2022-12-31

2 Like 0 留言 2166 瀏覽

技術 Regex 筆記

參考資料 [偷米騎巴哥]正規式苦手超入門大綱 Regex 實用工具使用情境常用旗幟 flag (g/i/m) 常用特殊標點字元 ( . , ^...

RocMark ‧ 2019-06-19

2 Like 1 留言 2140 瀏覽

技術純Javascript,使用new Date()製作date picker

剛好有一道面試題目，不能使用 input type=date 或任何現有套件，要做出類似Datepicker的功能細節需求為點擊“＜”及“＞”切換年、月點...

wenby83 ‧ 2021-11-29

技術 Day 25. 機動藍圖・類別與介面 X 終極的組合 - Ultimate Combo of Class & Interface

技術 extjs + grails：網站開發的好夥伴

技術 JavaScript 展開與其餘

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

技術 【Day 27】Redux middleware - redux-thunk

技術 Day 33. 戰線擴張・專案除錯 X 源碼對照 - TypeScript Compiler Debug Techniques

技術 偵測滾動事件

技術 【Day 22】React.memo

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

技術 Day 22. 機動藍圖・特殊成員 X 存取方法 - TypeScript Class Accessors

技術 前端User Friendly設計開發part 1：checkbox

技術 extjs 4：事件宣告的建議

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

技術 Day 39. 戰線擴張・模擬戰 — UBike 地圖 X 資料處理 - Data Processing using Type Alias

技術 Day 40. 戰線擴張・模擬戰 — UBike 地圖 X 使用 LeafletJS - Using LeafletJS with TypeScript

技術 【Day 26】誰說一定要用別人寫好的 hooks - Custom Hooks

技術 Day 27. 機動藍圖・策略模式 X 臨機應變 - Strategy Pattern Using TypeScript. II

技術 Day 45. 通用武裝・泛用類別與介面 X 終極組合第二彈 - Ultimate Combo of Generic Class & Interface

技術 TDX api 串接將 ajax 改為 axios，解決 415 錯誤，解決 headers content-type 無法更新

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

技術 Day 34. 戰線擴張・專案語法 X 嚴格把關 - TypeScript Compiler Syntatic Checks Configurations

技術 【Day 25】useCallback - 學會把函式記起來

技術 【Day 23】useMemo

技術 #13-消失吧！Navbar！讓你的網頁更多空間 (JS)

技術 [JS]使用babel 轉譯 ES7 的 Async function(適用於瀏覽器)--1

技術 Day 12 - Infrastructure - Isomorphic API

技術 [JS]使用babel 轉譯 ES7 的 Async function(適用於瀏覽器)--3(完)

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

技術 Regex 筆記

技術 純Javascript,使用new Date()製作date picker

標記使用者

技術【Day 27】Redux middleware - redux-thunk

技術偵測滾動事件

技術【Day 22】React.memo

技術前端User Friendly設計開發part 1：checkbox

技術【Day 26】誰說一定要用別人寫好的 hooks - Custom Hooks

技術【Day 25】useCallback - 學會把函式記起來

技術【Day 23】useMemo

技術純Javascript,使用new Date()製作date picker