iT邦幫忙

js相關文章
共有 134 則文章
鐵人賽 Modern Web DAY 15

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

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

鐵人賽 Modern Web DAY 21

技術 【Day 21】React 渲染機制

我們都知道使用 React 讓我們的應用可以擁有非常好的效能,但背後裡 React 到底幫我們做了哪些努力呢? 今天就來初探一下 React 的渲染機制! 當我...

鐵人賽 Modern Web DAY 20

技術 【Day 20】可能不需要redux (2) - contextAPI

昨天介紹了 useReducer 的用法,但是還缺少了 global state 的機制啊?怎麼會說可能可以不需要 redux 了? 今天就來介紹 contex...

鐵人賽 Modern Web DAY 14

技術 Day 14. 機動藍圖・函式超載 X 究極融合 - Function Overload & Interface Merging

閱讀本篇文章前,仔細想想看 試問介面跟型別系統的差異性在哪? 為何要儘量對程式碼進行抽象化的動作? 如果還沒理解完畢的話,可以先翻看前一篇文章喔! 什...

鐵人賽 Modern Web DAY 19

技術 【Day 19】可能不需要 redux - useReducer

今天要介紹另一個 hooks - useReducer。 光看第一行有些讀者可能就會有一些疑問了,udeReducer?看起來跟 redux 的 reducer...

鐵人賽 Modern Web DAY 13

技術 Day 13. 機動藍圖・介面的延展 X 功能與意義 - Interface Extension & Significance

閱讀本篇文章前,仔細想想看 如何宣告介面(Interface)? 介面跟型別(Type)在語法上的差別與規則會是什麼?(筆者目前還沒講概念上的差別,讀者先...

鐵人賽 Modern Web DAY 12

技術 Day 12. 機動藍圖・介面宣告 X 使用介面 - TypeScript Interface Intro.

《機動藍圖》篇章概要 本系列第二部分:《機動藍圖》(The Agile Blueprint)篇章涵括的範圍就是 TypeScript 的重頭戲。不外乎,筆者想...

鐵人賽 Modern Web DAY 18

技術 【Day 18】Redux 實戰演練(2)

昨天建立了 redux 的三元素 action、reducer 與 store,也將它們用 provider 包住會用到 state 的元件,今天來試著在元件中...

鐵人賽 Modern Web DAY 17

技術 【Day 17】Redux 實戰演練

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

鐵人賽 Modern Web DAY 16

技術 【Day 16】state management - redux 基礎概念

今天開始會進入 React 中比較進階的主題 - state management 在前幾天中我們介紹了 state,也介紹了 props,我們了解一個 com...

鐵人賽 Modern Web DAY 9

技術 Day 09. 前線維護・選用屬性 X 型別擴展 - Optional Properties

閱讀本篇文章前,仔細想想看 明文型別(Literal Type)是什麼? 如何使用型別化名(Type Alias)?使用化名的好處是什麼? 變數被指派廣義...

鐵人賽 Modern Web DAY 15

技術 【Day15 路由神器 - React-router 】

講到 SPA(single page application)與傳統網頁的差異,應該很多人會想到傳統網頁跳頁往往會有一段載入時間,導致畫面空白,讓使用者需要對著...

鐵人賽 Modern Web DAY 14

技術 【Day 14】Form in React

今天要來介紹在 React 中如何建構最基本的 form。 重點可以歸納出這幾項: 建立 state 變數,且與 input value 做綁定 設定 onC...

鐵人賽 Modern Web DAY 5

技術 Day 05. 前線維護・陣列型別 X 型別陣列 - Array Types

閱讀本篇文章前,仔細想想看 定義一個函式,最需要注意的點有哪些?什麼情形必須積極作型別註記呢? 函式的輸出部分通常(但不是全部)可以不用作型別註記的原因為...

鐵人賽 Modern Web DAY 11

技術 【Day 10】CSS && Inline-style

到昨天為止都著重在 JS 的部分,基本的功能已經可以完成了,但除了功能以外,網頁應用的外觀也是很重要的,所以今天就暫時把 JS 擺在一邊,看看在 React 中...

鐵人賽 Modern Web DAY 4

技術 Day 04. 前線維護・函式型別 X 積極註記 - Function Types

閱讀本篇文章前,仔細想想看 大概可以解釋普通 JS 物件(也就是 JSON 格式,或筆者所謂的狹義物件)在 TypeScript 裡的推論機制。 知道筆者...

鐵人賽 Modern Web DAY 2

技術 Day 02. 前線維護・型別推論 X 註記 - Type Inference & Annotation

《前線維護》篇章概要 第一次看到 TypeScript 的人,最先看到就是型別註記(以下會把程式碼有註記的部分用 ~ 顯示出來)—— 英文稱為 Type An...

技術 PHP-資料庫串接handlebars顯示到HTML筆記(2)

action.js $(document).ready(function(){ var commodity_template = $('#commodity...

技術 PHP-資料庫串接handlebars顯示到HTML筆記(1)

data.php $sql = 'SELECT * FROM commodity ORDER BY id ASC'; $statement = $pdo-&gt...

鐵人賽 Modern Web DAY 1

達標好文 技術 Day 01. 遠征 TypeScript・行前準備

通常聽到一門新的技術,第一句話會問的就是... 為何我要使用這門技術呢? 貼心小提醒:如果單純想了解 TS 是什麼,以及優勢與缺點,可以跳過前文喔!...

鐵人賽 Modern Web DAY 7

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

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

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

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

技術 JS Regex相關用法

前言 exec() 看得霧煞煞 OTZ [偷米騎巴哥]正規式苦手超入門 pjchender私房菜 大綱 建立 Regex JS replace()...

技術 Regex 筆記

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

技術 【JS】-Closest、Find、Parent 跨界找元素-菜鳥筆記(1)

說認真跨界找元素,對我來說一直都很陌生 什麼父節點、子節點的 parent()、parents(); closest() 往上查找 只要找到符合條件的 就停...

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

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

技術 20181218_note

老规矩,先上代码,帮忙指点下变量作用域 在函式中的this无法再对应到window物件,这一点是要注意的。 驗證是否為window的物件,利用delete v...

技術 前端User Friendly設計開發part 2:<select-option>的一些眉眉角角

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

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

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

達標好文 技術 [筆記][JavaScript]所謂的「停止事件」到底是怎麼一回事?

HI!大家好,好久沒有記錄JavaScript的筆記了XD,在昨天研究Vue的時後突然看到了沒看過的東西,其實還有很多啦!只是這兩個function就剛好被我遇...