TypeScript的template literal types類似於JavaSctipt的樣板字串(template literal),熟悉template...
鐵人賽 Day29自己做一個價值幾十萬的動態網站 第二十九課:後台介面與資料串接管理,Api爬梳nosql類資料 part2 前一天我們完成了簡單的資料串接,而...
本系列文已改編成書「甚麼?網頁也可以做派對遊戲?使用 Vue 和 babylon.js 打造 3D 派對遊戲吧!」 書中不只重構了程式架構、改善了介面設計,還新...
Day 28 對管理員做特殊處理 理所當然的,需要有人擁有(伺服器能有的)最高權限,但是我們不希望任何人在任何時候都能擁有最高權限,因此我們需要一個類似 roo...
鐵人賽 Day28自己做一個價值幾十萬的動態網站 第二十八課:最後篇章也是最後TypeScript與後台介面與資料串接管理part1 前言:這邊因為是新篇章也...
本系列文已改編成書「甚麼?網頁也可以做派對遊戲?使用 Vue 和 babylon.js 打造 3D 派對遊戲吧!」 書中不只重構了程式架構、改善了介面設計,還新...
Conditional types很有意思,因為TypeScript有些很好用的utility types其實是用conditional types定義出來的。...
Day 27 身份組的權限 身份組的權限是一個很重要的概念,它可以讓我們對不同的身份組設定不同的權限,讓我們可以控制不同身份組的使用者可以做什麼事情。 我打算把...
鐵人賽 Day27自己做一個價值幾十萬的動態網站 第二十七課:最後篇章也是最後TypeScript與後台介面架設介紹 再進入後台介面製作與講解前,我們可以先來了...
本系列文已改編成書「甚麼?網頁也可以做派對遊戲?使用 Vue 和 babylon.js 打造 3D 派對遊戲吧!」 書中不只重構了程式架構、改善了介面設計,還新...
這篇是補足大家的求知慾,還記得我開頭說的 React Query 嗎? 我秉持著勤儉持家的客家精神,想說不要浪費我們建立好的 todo api server,順...
Github, Over Engineering 版型設計 這邊的設計確實讓人頭痛,作為搜尋引擎,你無法肯定用戶送出搜尋之後,回傳的資料集大小。假設有大量的資料...
昨天的文章提到 keyof 型別運算子可以用來取得物件鍵值(key)型別,並能將鍵值型別們union成一個型別;若單純從取得的型別來看,現在要認識的indexe...
Day 26 PermContext 我們在 PermContext 裡面放一個 perm 的方法,可以讓其他模組取得權限資訊。 export interfac...
Github, Over Engineering 設計 輸入欄位是我第一個設計撞牆的部分,光是其中的一個小部件就有很多眉角。 其中也沒有絕對正確的答案,很多都有...
本系列文已改編成書「甚麼?網頁也可以做派對遊戲?使用 Vue 和 babylon.js 打造 3D 派對遊戲吧!」 書中不只重構了程式架構、改善了介面設計,還新...
今天是最後一篇了,我們接著完成我們最後的新增功能吧! 其實新增功能與先前的部分沒有差太多,一樣我們先回到 todoApi 去處理新增的功能,如下: // sr...
本來準備往TypeScript和React的方向走,但TypeScript愈挖愈深發現還有很多有趣的東西沒有認識,而且也有工作上碰過的東西(汗)。 先前的文章很...
Day 25 實作 Permission Module? 明天實作 :P 每日鐵人賽熱門 Top 10 (2022-10-10) 以 2022/10/09 2...
本系列文已改編成書「甚麼?網頁也可以做派對遊戲?使用 Vue 和 babylon.js 打造 3D 派對遊戲吧!」 書中不只重構了程式架構、改善了介面設計,還新...
結構型模式之組合模式 受到React Hook啟發,Vue推出了Composition API,從來沒想過[Composition]組合是什麼意思嗎? 今天就來...
前一篇我們完成了基本的 getAll request,並於畫面簡單呈現表單內容,那麼今天我們就接續完成他應該有的修改與刪除能吧! 讓我們先回到 todoApi...
上一篇 提到type predicates是TypeScript裡面的一種narrowing技巧,今天就來看narrowing,以及同樣和narrowing有關...
Github, Over Engineering 向 Google 取經 要能設計出實用性至上的搜尋結果,我們先做一些 Research。 既然要設計搜尋引擎,...
Day 24 TypeScript String Literal 我發現我的系列進度嚴重落後,但也不知道該怎麼補上。 QQ 昨天的 TypeScipt 提示可...
本系列文已改編成書「甚麼?網頁也可以做派對遊戲?使用 Vue 和 babylon.js 打造 3D 派對遊戲吧!」 書中不只重構了程式架構、改善了介面設計,還新...
行為型模式:觀察者模式 Observer Design Pattern 如果你用過Vue的Watcher,那你就大概了解了觀察者模式啦。觀察者模式指的是可以[訂...
前一篇我們大致上了解了 API server 的運作與 todo 的格式,今天讓我們回歸主線,來使用 RTK query 整理我們的剛才的 todo APIs,...
原本要介紹Type Guard和Narrowing,後來發現Type Predicates是Narrowing的一種技巧,所以今天先來看看Type Predic...
Day 23 Permission Tree? 昨天不負責的說了一下我們需要來研究一下如何做權限管理,今天就來研究一下。 const perms = {...