iT邦幫忙

js相關文章
共有 309 則文章
鐵人賽 Modern Web DAY 14

技術 【Day 14】Form in React

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

鐵人賽 Modern Web DAY 17

技術 Day 17. 機動藍圖・複合型別 X 型別複合 - TypeScript Union & Intersection

閱讀本篇文章前,今天什麼都不用想! 直接進入正文,快看下面! 筆者就直接讓油門繼續摧下去~正文開始! 筆者 O.S.:今天又是數學時間,要學好程式可真不...

鐵人賽 Modern Web DAY 16

技術 Day 16. 機動藍圖・介面與型別 X 混用與比較 - TypeScript Interface V.S. Type

閱讀本篇文章前,仔細想想看 TypeScript 的型別系統與介面之間在語法上的差別與介面或型別的使用有何共通點呢?但意義上又會差在哪? 如果還沒理解完畢的...

鐵人賽 Modern Web DAY 15

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

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

鐵人賽 Modern Web DAY 14

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

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

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

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

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

鐵人賽 Modern Web DAY 9

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

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

鐵人賽 Modern Web DAY 5

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

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

鐵人賽 Modern Web DAY 4

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

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

技術 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 7

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

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

鐵人賽 Modern Web DAY 2

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

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

鐵人賽 Modern Web DAY 1

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

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

技術 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 va...

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

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

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

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

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

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

技術 [演算法][JavaScript]演算法挑戰系列(10)-Valid Sudoku

嗨啊,這是放暑假開始的第一篇文章,雖然在這裡的大大幾乎都沒暑假了XD,不過還是讓我們感染一下這種快樂好了,哈哈哈,說到學生時期,我很愛玩的一個遊戲就叫數獨,常常...

達標好文 技術 [演算法][JavaScript]演算法挑戰系列(6)-Integer to Roman

哈哈哈,先笑一下後開始文章,這次的題目雖然也是中級,不過就稍微簡單一點(說不定是我腦子變靈活了XD),主要就是把數字轉換成字串而已,如果有時間的話可以試試看,也...

達標好文 技術 JS Scope / Hoisting

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

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

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

達標好文 技術 [演算法][JavaScript]演算法挑戰系列(1)-Longest Substring Without Repeating Characters

Hello!大家好,最近在做Google Code Jam的過程中,不小心迷上了解題的過程XD,所以我又分心去多找了一些關於解演算法的題目網站,於是登愣「就被我...