Articles
-
2 months ago |
preprints.org | Zhongzhong Niu |Xuan Li |Tianzhang Zhao |Zhiyuan Chen
Choose an area of interest and we will send you notifications of new preprints at your preferred frequency.
-
Oct 31, 2024 |
medium.com | Xuan Li
Xuan Li·FollowJust now--小弟使用了 Next.js 、Typescript、TailwindCSS 做了一個簡易的 Side Project，主要串接 Appwrite 作為後端資料庫、以及 Plaid API 去取得銀行帳戶資訊的假資料。想透過這個專案來分享第一次從頭使用 Typescript 建立專案的使用感想以及自己覺得棒棒的點以及稍微困擾的點。Typescript 使用上小弟最享受的便是清楚定義的 Interface，不論是 Component Props 或是 API request params 都可以事先在 delcartoin file 定義好並共用，而在查詢 Code 時也可以明確的知道所需要的必要參數以及型別。Interface Hint2. 及時的 Error Hint，不必等到 hot reload 才發現 prop 帶錯型別，在 coding 的同時便有紅色蚯蚓提示你少了哪一個 Props，同樣的函式呼叫時也會及時提醒是否有缺少的參數或是錯誤的型別Error hint for params3.
-
Oct 9, 2024 |
medium.com | Xuan Li
Xuan Li · Follow 6 min read · -- Photo by Mohammad Rahmani on Unsplash TypeScript Types 的類別 基本上 Javascript & TypeScript 的基本型別並無太大區分，Primitives type 為 string, number, boolean 基本簡易的定義如以下 const hello: string = 'hello' const numberA: number = 2; const isBoolean: boolean = true; Typescript 提供了一個特別的 type any 給予特例，但是當指定型別為 any 時基本上就是告訴 Typescript Compiler 不要對此變數做檢查，想當初小弟一開始不懂時，全部型別都 any 跟寫 Javascript 其實就沒兩樣，還是建議大家在一般情境請勿偷雞，否則就考慮不要用 TypeScript 了 基本上 Type Annotations...
-
Oct 7, 2024 |
medium.com | Xuan Li
Xuan Li · Follow 3 min read · -- Typescript TypeScript 想解決什麼問題？ 在前端 Javascript 的趨勢下，TypeScript 的流行也逐漸明朗，但為什麼 Javascript 好好地又要搞出一套 TypeScript 呢？ 或者一般對 Javascript 的認知上來說，大家肯定都會覺得 Javascript 相對太自由了，變數的型別可以歪來歪去從 string 在被 assign 為 Number，身為前端工程師某種程度上小弟是滿享受這種自由的，但相對也帶來很多困擾。 不只是單純型別上的問題，更多在於開發過程中的困擾，例如無法知道 Class 物件下擁有什麼函式可以使用；不小心使用到非函式型別的變數呼叫錯誤；不小心 access 到非物件的變數種種導致的 bug，這些 Bug 通常都在 run time 才會有 error 跑出來，但你知我知獨眼龍也知，run time 跑出這種錯誤通常都不是什麼好下場更甚至於羞愧。 TypeScript 的出現便是解決上述問題所產生的解法。 TypeScript 提供了什麼優點...
-
Sep 23, 2024 |
medium.com | Xuan Li
• Assign value to variables: 如上述階段只做了 variable declarations，實際上的 value 是在此時才會被指定進來，所以當我們提早使用 const or let 宣告的變數時會產生 reference error，原因就在於值的指定在此時才做帶入，而 var or functino 為何不會則是因為在 creation phase 下用 作為他們的初始值。function helloWorld () { console.log('hello world')j}helloWorld();let numberA = 10;const numberB= 20;function addMore (number1, number2) { let more = 15; return more + number1 + number2;}var result1 = addMore(numberA, numberB);console.log('result1', result1);
Try JournoFinder For Free
Search and contact over 1M+ journalist profiles, browse 100M+ articles, and unlock powerful PR tools.
Start Your 7-Day Free Trial →