2024

年 (共 3 篇文章)

[OpenFeature] 實際使用 OpenFeature

這篇文章將介紹如何使用 OpenFeature 的 Evaluation API,並以 TypeScript 程式語言為例,示範如何在前端專案中使用 Feature Flag 來管理 Todo List 功能的開關。

繼續閱讀
[OpenFeature] 簡介

OpenFeature 是 2023-11-21 剛從 CNCF 基金會孵化出來的一個項目,目的是用更加標準化的方式來實現功能的開關。今天這篇文章簡單來介紹一下 OpenFeature 的基本概念。

繼續閱讀
使用 Signal Model Input 輕鬆達成 two way binding

Angular 自從 17 推出 Signals 後,就持續改進,從 17.1 的 Signal Input 到現在最新的 Model Input,讓開發者可以更輕鬆的達成 two way binding!今天就來看看如何使用透過 Signal Model Input 來達成 two way binding 吧!

繼續閱讀

2023

年 (共 17 篇文章)

如何測試使用 OnPush 策略的 Angular 元件

OnPush 策略可以打造出高效能的元件,但也會對撰寫測試程式造成一些不方便,今天就來看看有哪些方法可以幫助我們測試 OnPush 策略的元件吧!

繼續閱讀
Standalone Components 下如何使用 Angular Elements

Angular 15 之後推出了全新的 Standalone Components 開發方式,擺脫傳統 NgModule 的束縛,讓我們能打造出更輕更快的 Angular 元件以及應用程式。未來極有可能會變成 Angular 開發的主流,而 Angular Elements 則可以幫我們把 Angular 的應用程式打包成符合 W3C 標準的 Web Components,可惜的是目前 Angular 文件還沒有特別針對 Standalone Components 如何使用 Angular Elements 特別做說明,這篇文章就來介紹一下如何將 Angular 的 Standalone 轉換成 Web Components。

繼續閱讀
[Kubernetes] CKAD/CKA 證照考試心得

為了即將到來的工作需求,最近開始準備 Kubernetes 的考試,花了一個月的時間學習,總算取得 CKAD 和 CKA 證照,在這邊分享一下我這一個月的學習心得。

繼續閱讀
搶先體驗 Angular 16 對 jest 的支援

Angular 16 時加入了實驗性質的對 jest 的支援,以面對未來 Karma 棄用時的測試選項。而 jest 也已經逐漸變成前端測試的主流,因此這次就來看看 Angular 官方對 jest 目前的支援如何吧!

繼續閱讀
使用 SimpleWebAuthn 實現 Passkeys 無密碼登入

前幾天看到「PAPAYA電腦教室」的影片,發現 Google 驗證也支援 Passkeys 了,實際使用的體驗感覺非常的棒,也好奇我們自己是否能提供一樣的服務,就做了一些研究,發現果然可行,目前常用的作業系統與行動裝置都支援了,這篇文章就筆記一下如何用 SimpleWebAuthn 套件來實踐 Passkeys 無密碼等入功能。

繼續閱讀
使用 Angular Signals 實作分頁功能

今天這篇文章來簡單用 Angular Signals 實作一個分頁功能,體驗一下使用 Angular Signals 與 Reactive Programming 的開發思維。

繼續閱讀
簡介 Angular Signals

Angular 16 推出了 Angular Signals 功能,雖然還在 developer preview,但個人覺得是個非常值得開始學習,並在未來正式版後開始使用的功能,這篇文章就來介紹一下 Angular Signals 的用法。

繼續閱讀