publishedOn2024年12月21日5 分鐘快速將 Porkbun 網域連接到 Netlifytech超詳細 5 分鐘內將 Porkbun 購買的網域快速連接到 Netlify,讓你輕鬆完成網站部署~
publishedOn2021年11月11日Day30 :【TypeScript 不用學了】我終於完賽了!typescript30tech終於完賽了!最近跑去畫畫,附上一幅《小王子與小狐狸》,小王子裡面,最喜歡的就是他們的故事,是說畫畫真的很療癒,就跟完賽的心情一樣療癒 =)
publishedOn2021年11月9日 Day29 :【TypeScript 學起來】React + TypeScript 實作簡單 Todo App Part2typescript30tech今天繼續 todo app part2, 會紀錄實作上遇到的問題。
publishedOn2021年11月8日Day28 :【TypeScript 學起來】React + TypeScript 實作簡單的 Todo App Part1typescript30tech前面筆記了那麼多,終於來實作看看了~先來做個簡單的 to do app,也會紀錄實作上遇到的問題。
publishedOn2021年11月7日Day27 :【TypeScript 學起來】Module 模組typescript30tech在ES6前, 常用的模組概念是 CommonJS , require 引入模組與 exports 匯出模組。
publishedOn2021年11月6日Day26 :【TypeScript 學起來】Class 與 Interface 的使用typescript30tech我們在前面的時候有提過 interface 是用來定義物件的型別,對物件的形狀進行描述。
publishedOn2021年11月5日Day25 :【TypeScript 學起來】Class 的繼承、修飾符、abstract、statictypescript30tech這個跟JavaScript相同, 使用 extends 繼承類別, 建立子類別,子類別可以使用父層的東西。如下例子,依不同參數型別來使用父層的method greet。
publishedOn2021年11月4日Day24 :【TypeScript 學起來】TypeScript 中使用 Classtypescript30tech今天來了解在 TypeScript 中使用 Class,Class Member 包含了: Fields 、 Readonly、Constructors、Method、Getters / Setters、Index Signatures。
publishedOn2021年11月3日Day23 :【TypeScript 學起來】先了解 ES6 Classtypescript30techClass是什麼?簡單來說就是物件的模板,定義了一件事物的抽象特點,包含它的屬性和方法,提供一個更簡潔的語法來建立物件和處理繼承。
publishedOn2021年11月2日Day22 : 【TypeScript 學起來】Generic Function 泛型函式typescript30tech上一篇介紹了 Generic 泛型, 其實這篇差不多意思 XDD 主要針對 Generic Function。
publishedOn2021年11月1日Day21:【TypeScript 學起來】Generics 泛型typescript30tech泛型(Generics)是指在定義function、interfaces或class的時候,不預先指定具體的型別而在使用的時候再指定型別的一種特性。
publishedOn2021年10月30日Day20 :【TypeScript 學起來】是 JavaScript 沒有的 Function Overloads(函式超載)typescript30tech終於20天了,那個心情就是有點開心快結束了,但對後面10篇感到擔憂,既期待又怕無法完賽 XDD
publishedOn2021年10月29日Day19 :【TypeScript 學起來】More on Functionstypescript30tech我們在前面有簡單討論到 function,這篇就會來看一些更深入 function 的應用。
publishedOn2021年10月28日Day18: 【TypeScript 學起來】Narrowing Part 2typescript30tech繼續來筆記 Narrowing, 還有哪些方法能進行 narrow 型別呢。 若有錯誤,歡迎留言指教,感恩的心。
publishedOn2021年10月27日 Day17: 【TypeScript 學起來】什麼是 Narrowing?typescript30techNarrowing 指的是將某一個可能是多種型別的變數,縮小成具體型別的過程,通常用在聯合型別。
publishedOn2021年10月26日Day16:【TypeScript 學起來】新增任意屬性的好方法:Index Signatures 索引簽名typescript30tech在之前 interface 那篇文章, 認識到可以使用 Index Signatures, 發現他使用上有一些需要注意的地方,決定把他獨立一篇來寫。(然後心裡默默 耶 又多一篇XD
publishedOn2021年10月25日Day15: 【TypeScript 學起來】Interface VS Type Aliases 用法與差別typescript30tech上一篇講到 interface,今天這篇會來講 type, 他們兩個功能幾乎很像,但還是有些不一樣,讓我們看下去。不過這之前先介紹一下 Type Aliases(型別別名)。
publishedOn2021年10月24日Day14:【TypeScript 學起來】Interfaces(介面) 筆記大全typescript30tech筆記大全自己講 XD 終於來到 interface,覺得這個算是頗重要的一趴,讓我們看下去。這大概是我最認真做筆記的一篇 哈哈。
publishedOn2021年10月23日 Day13: 【TypeScript 學起來】只有 TS 才有的型別: Enums(列舉) typescript30tech說TS針對型別的類型也太講究,寫好多天還沒寫完(其實是我30篇不夠XDD),哈哈不囉嗦, 今天繼續筆記列舉(Enums)型別。
publishedOn2021年10月22日Day12: 【TypeScript 學起來】只有 TS 才有的型別: Literal Types(字面值型別) / Tuple (元組)typescript30tech今天來介紹Literal Types(字面值型別) / Tuple (元組)。
publishedOn2021年10月21日Day11:【TypeScript 學起來】只有 TS 才有的型別 : Union Types(聯合型別) / Intersection Types (交集型別)typescript30tech今天來筆記Union Types(聯合型別) 及 Intersection types (交叉型別)。
publishedOn2021年10月20日Day10:【TypeScript 學起來】只有 TS 才有的型別 : any / unknow / void / nevertypescript30tech終於來講 TypeScript 才有的型別了, 今天會提到的有:any / unknow / void / never。
publishedOn2021年10月19日Day09: 【TypeScript 學起來】物件型別 Object Types : Arrays / Functiontypescript30tech繼上篇了解了基本 object 在 TypScript 的使用, 今天來了解 array 及 function
publishedOn2021年10月18日Day08:【TypeScript 學起來】物件型別 Object Types : objecttypescript30tech上一篇紀錄了原始資料型別(Primitive Types),這一篇要來探險物件型別(Object types)咯~
publishedOn2021年10月17日Day07:【TypeScript 學起來】原始資料型別 Primitive Typestypescript30tech原始資料型別 Primitive Types
publishedOn2021年10月16日Day06:【TypeScript 學起來】資料型別那些事 : 總覽typescript30tech上一篇我們了解了指定型別的三種方法,那有哪些型別可以使用呢, 今天來整理 TypeScript 有可能會使用到的資料型別。
publishedOn2021年10月15日Day05:【TypeScript 學起來】TS 指定型別的三種方法typescript30tech今天先來學怎麼應付 TypeScript 最需要的型別指定比較實際 GO
publishedOn2021年10月14日Day04:【TypeScript 學起來】tsconfig.json 有哪些可以設定typescript30tech今天來講tsconfig.json,覺得新手這篇可以先 pass,大概知道有 tsconfig.json 可以設定就好,可以先用預設的,有需要設定再去了解及修改。(搞得我好像不是新手一樣,重點是設定真的太多了哈哈
publishedOn2021年10月13日Day03:【TypeScript 學起來】自動編譯 tsc + nodemon 好方便typescript30tech上一篇有提到,我們每寫一次都要手動 tsc `xx.ts` 跟 node `xx.js`, 是不是很累,我就是很累,所以來分享這篇,讓我們可以自動編譯,加速學習時間。
publishedOn2021年10月12日Day02: Hello TypeScript! 環境安裝起來 + 牛刀小試~typescript30tech在安裝 TypeScript 執行環境前,我們先來確認是否已安裝好 node.js,如果還沒安裝
publishedOn2021年10月11日鐵人賽Day01: 為什麼我想要學 TypeScripttypescript30tech這是一篇欠了很久的開場,大概轉行不到1年的時候,就一直聽到 TypeScript 的名字,想說到底是啥
publishedOn2021年7月19日Day26: Stripe Follow Along NavJavaScript30tech如何使用 JavaScript 和 CSS 來實現跟隨滑鼠移動的導航欄效果。
publishedOn2021年7月18日Day25: Event Capture, Propagation, Bubbling and OnceJavaScript30tech如何使用 JavaScript 來理解事件捕獲、傳播、冒泡和一次性事件。
publishedOn2021年7月16日Day23: Speech SynthesisJavaScript30tech如何使用 JavaScript 和 Web Speech API 來實現語音合成功能。
publishedOn2021年7月15日Day22: Follow Along Link HighlighterJavaScript30tech如何使用 JavaScript 和 CSS 來實現跟隨滑鼠移動的連結高亮效果。
publishedOn2021年7月13日Day20: Speech DetectionJavaScript30tech如何使用 JavaScript 和 Web Speech API 來實現語音識別功能。
publishedOn2021年7月12日Day19: Webcam FunJavaScript30tech如何使用 JavaScript 和 HTML5 的 getUserMedia API 來實現網頁攝影功能。
publishedOn2021年7月11日Day18: Adding Up Times with ReduceJavaScript30tech如何使用 JavaScript 的 reduce 方法來計算影片總時長。
publishedOn2021年7月8日Day14: JS Reference VS CopyJavaScript30techJavaScript 中引用與複製的差異,並提供了多種複製陣列和物件的方法。
publishedOn2021年7月3日Day11: Custom Video PlayerJavaScript30tech客製化player播放器,功能包含播放、暫停、音量、速度、快進、快退、全螢幕。
publishedOn2021年7月1日Day10: Hold Shift and Check CheckboxesJavaScript30tech按住 Shift 鍵對多個 checkbox 進行勾選。
publishedOn2021年6月25日Day7: Array Cardio Day 2JavaScript30tech練習 array 第二波, 包含 some、 every、 find、 findIndex、slice
publishedOn2021年6月19日Day4: Array Cardio 1 💪JavaScript30tech練習 array 的應用,包含 filter 、 map 、 sort 、 reduce
publishedOn2021年6月17日Day3: CSS VariablesJavaScript30tech使用 JavaScript 及 CSS3 去調整圖片的邊框間距、模糊度、及背景顏色,標題 JS 也隨著背景顏色而改變。
publishedOn2021年6月13日Day1: 挑戰 JavaScript 30 JavaScript30tech自從疫情警戒第三級後 ,待在家除了作息不正常外,也沒做什麼營養的事 (大概就一直看劇滑手機)。最近終於覺得這樣下去不行,開始實施了「10 億早晨習慣」