iT邦幫忙

js相關文章
共有 224 則文章
鐵人賽 Modern Web DAY 18

技術 Day 18. 機動藍圖・類別宣告 X 藍圖設計 - TypeScript Class

閱讀本篇文章前,仔細想想看 複合型別 union 與 intersection 的功能與意義代表為何? 如果還沒理解完畢的話,可以先翻看前一篇文章喔! 今...

鐵人賽 Modern Web DAY 15

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

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

鐵人賽 Modern Web

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

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

鐵人賽 Modern Web DAY 8

技術 JavaScript 的文法學

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

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

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

技術 document.getElementsByClassName 用法

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

鐵人賽 開發技術 DAY 3

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

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

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

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

鐵人賽 Modern Web DAY 7

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

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

達標好文 技術 JS Scope / Hoisting

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

鐵人賽 Modern Web DAY 23

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

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

鐵人賽 開發技術 DAY 2

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

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

鐵人賽 Modern Web DAY 19

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

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

鐵人賽 開發技術 DAY 9

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

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

鐵人賽 Modern Web DAY 17

技術 【Day 17】Redux 實戰演練

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

鐵人賽 Modern Web DAY 21

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

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

鐵人賽 Modern Web

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

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

鐵人賽 Modern Web

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

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

鐵人賽 Modern Web DAY 20

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

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

鐵人賽 Modern Web DAY 28

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

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

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

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

鐵人賽 Modern Web

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

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

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

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

鐵人賽 開發技術 DAY 8

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

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

鐵人賽 Modern Web DAY 13
邁向 JavaScript 勇者之路 系列 第 13

技術 JavaScript Function 與 Hoisting

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

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

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

鐵人賽 Modern Web DAY 29

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

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

鐵人賽 Modern Web

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

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

鐵人賽 Modern Web DAY 26

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

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

鐵人賽 Modern Web DAY 24

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

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