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

1 Like 1 留言 4090 瀏覽

鐵人賽 Modern Web DAY 21

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

技術 JavaScript 展開與其餘

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

卡斯伯 ‧ 2017-12-24

0 Like 0 留言 4060 瀏覽

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

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

orientest99 ‧ 2020-07-04

3 Like 0 留言 4044 瀏覽

鐵人賽開發技術 DAY 8

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

技術在 sencha Architect 中的多語系處理

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

smlsun ‧ 2013-10-09

2 Like 0 留言 4042 瀏覽

鐵人賽 Modern Web DAY 13

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

技術 JavaScript Function 與 Hoisting

Hoisting 在 JavaScript 僅是一個觀念，主要是在說明變數、函式在宣告期間就會先建立一個記憶體空間，等到實際運行時再將值放入到該記憶體空間內。不...

卡斯伯 ‧ 2017-12-16

0 Like 0 留言 4034 瀏覽

技術 JS 檢查型別 & 陣列去重

前言紀錄一些檢查型別的方法，以及陣列去重比較乾淨的寫法大綱 typeof 檢查型別檢查是否為 undefined 檢查是否為 null 檢查是否為 Ob...

RocMark ‧ 2019-06-20

3 Like 0 留言 4013 瀏覽

鐵人賽 Modern Web

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

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

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

Maxwell Alexius ‧ 2019-10-13

1 Like 0 留言 4008 瀏覽

鐵人賽 Modern Web DAY 22

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

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

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

Maxwell Alexius ‧ 2019-10-02

2 Like 3 留言 4008 瀏覽

鐵人賽 Modern Web DAY 25

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

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

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

Maxwell Alexius ‧ 2019-10-05

2 Like 0 留言 3905 瀏覽

鐵人賽 Modern Web

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

技術 Day 38. 戰線擴張・模擬戰 — UBike 地圖 X Webpack 環境建構 - TypeScript Webpack Integration

閱讀本篇文章前，仔細想想看什麼是宣告檔 Declaration Files？為何宣告檔很重要？如何載入第三方套件在 TypeScript 專案裡？如...

Maxwell Alexius ‧ 2019-10-18

1 Like 1 留言 3891 瀏覽

鐵人賽 Modern Web DAY 24

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

技術 Day 24. 機動藍圖・類別推論 X 註記類別 - Class Type Inference & Annotation

閱讀本篇文章前，仔細想想看大致上已經了解類別的基本用法與性質了嗎？ TypeScript 針對物件方面的型別推論與註記機制為何？如果還沒理解完畢的話...

Maxwell Alexius ‧ 2019-10-04

0 Like 0 留言 3732 瀏覽

鐵人賽 Modern Web DAY 22

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

技術【Day 22】React.memo

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

莫力全 Kyle Mo ‧ 2019-09-26

2 Like 1 留言 3731 瀏覽

鐵人賽 Modern Web

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

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

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

Maxwell Alexius ‧ 2019-10-19

0 Like 0 留言 3708 瀏覽

鐵人賽自我挑戰組 DAY 5

Jr 前端工程師面試題目檢討賽系列第 5 篇

技術【2023 挑戰賽 Day5】 #JS #面試經驗邏輯及陣列處理

閒聊面試經驗星期日午安！今天也是挑戰賽的第五天，討論題目前先來閒聊一下好了～我回顧了過去一個多月在近 20 家公司的面試經驗，發現有的公司會出「邏輯測驗」，...

漢堡法師 ‧ 2023-09-17

4 Like 1 留言 3645 瀏覽

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

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

smlsun ‧ 2013-10-01

0 Like 0 留言 3630 瀏覽

鐵人賽 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

1 Like 2 留言 3567 瀏覽

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

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

Darwin Watterson ‧ 2018-10-01

2 Like 0 留言 3564 瀏覽

鐵人賽 Modern Web

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

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

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

Maxwell Alexius ‧ 2019-10-20

2 Like 1 留言 3540 瀏覽

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

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

wenby83 ‧ 2021-11-29

0 Like 0 留言 3536 瀏覽

鐵人賽 Modern Web DAY 14

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

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

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

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

1 Like 1 留言 3463 瀏覽

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

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

lobsterpp ‧ 2022-05-05

0 Like 0 留言 3409 瀏覽

鐵人賽 Modern Web DAY 10

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

技術偵測滾動事件

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

Luis-Chen ‧ 2017-12-19

2 Like 2 留言 3373 瀏覽

鐵人賽 Modern Web DAY 27

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

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

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

Maxwell Alexius ‧ 2019-10-07

2 Like 0 留言 3367 瀏覽

鐵人賽 Modern Web

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

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

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

Maxwell Alexius ‧ 2019-10-14

2 Like 1 留言 3292 瀏覽

鐵人賽開發技術 DAY 5

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

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

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

smlsun ‧ 2013-10-06

0 Like 1 留言 3286 瀏覽

鐵人賽 Modern Web DAY 26

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

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

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

莫力全 Kyle Mo ‧ 2019-09-30

0 Like 1 留言 3194 瀏覽

鐵人賽 Modern Web DAY 24

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

技術 #23-用Canvas做Google恐龍遊戲(都市老妹生存記!能擊退經痛加班和渣男嗎?）

大家都知道Google斷線時會有小恐龍的離線遊戲，以前第一次看到的時候超驚喜！（我到現在斷線的時候還是會玩一下XD）品牌如果發揮一點創意，將品牌元素加進小遊戲裡...

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

1 Like 0 留言 3111 瀏覽

鐵人賽 Modern Web

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

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

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

Maxwell Alexius ‧ 2019-10-28

0 Like 0 留言 3110 瀏覽

技術 [穩扎穩打系列] AJAX 請求大補帖

前言在網頁發展史之中，人們對於網頁的需求不再是單純的靜態網頁，人們追求可變化的網頁內容，透過後台設定資料進行渲染不同的內容，這樣的需求漸漸的深耕於人們心中，...

Murray ‧ 2023-03-03

0 Like 0 留言 3043 瀏覽

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

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

orientest99 ‧ 2020-07-04

2 Like 0 留言 2982 瀏覽

技術 JS筆記-前端新手練習小專案（附加4個JS實例網站可學）

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

Oo_花之舞__oO ‧ 2022-12-31

技術 JavaScript 展開與其餘

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

技術 在 sencha Architect 中的多語系處理

技術 JavaScript Function 與 Hoisting

技術 JS 檢查型別 & 陣列去重

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

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

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

技術 Day 38. 戰線擴張・模擬戰 — UBike 地圖 X Webpack 環境建構 - TypeScript Webpack Integration

技術 Day 24. 機動藍圖・類別推論 X 註記類別 - Class Type Inference & Annotation

技術 【Day 22】React.memo

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

技術 【2023 挑戰賽 Day5】 #JS #面試經驗 邏輯及陣列處理

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

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

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

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

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

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

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

技術 偵測滾動事件

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

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

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

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

技術 #23-用Canvas做Google恐龍遊戲(都市老妹生存記!能擊退經痛加班和渣男嗎?）

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

技術 [穩扎穩打系列] AJAX 請求大補帖

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

技術 JS筆記-前端新手練習小專案（附加4個JS實例網站可學）

標記使用者

技術在 sencha Architect 中的多語系處理

技術【Day 22】React.memo

技術【2023 挑戰賽 Day5】 #JS #面試經驗邏輯及陣列處理

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

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

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

技術偵測滾動事件

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