Han

初見 Bitwise Operator:一些參考文章整理

Categories: 技術

今天在工作上遇到了 bitwise operator 這個位元運算子,是第一次接觸到、也是第一次在實務上看到有人使用,所以看了一些文章。

因為覺得自己只是稍微看懂了一些用法和概念,還沒有辦法完全用自己的話說出來,所以想要把今天看到的文章、對於我理解 bitwise operator 概念與情境有幫助的文章放在這邊。

Effective TypeScript: unknown vs any

Categories: 技術

在 TypeScript 中使用 unknownany 時,雖然看起來都是因為不知道型別時會使用的型別,兩者之中還是有一些區別。

之前讀書會的時候有同學分享過一些差異,把筆記整理一下分享出來,之後有更多相關的補充資料也會繼續調整這篇文章。

使用 Next.js 的 Dynamic Routes 來處理多層結構的頁面

Categories: 技術
Tags: Next.js

實作「常見問題」頁面的時候,常見問題可能會是多層結構

犀牛盾的常見問題頁 來說:

  1. 最外層是 Categories:iPhone 16 專區|產品使用|訂單常見問題|會員常見問題 …
  2. 點擊任何一個 Category 後,會看到該 Category 對應到的 Sections
  3. 再點擊任一個 Section 後,會看到該 Section 對應到的 Articles
  4. 點擊任一個 Article,會進入特定的文章頁面

最近接觸到的常見問題頁,在點擊切換 Category/Section/Article 時,網址是不會有變化的,而是透過 state 來控制當前顯示的 component

使用 flex box 來防止字體被動態調整?

Categories: 技術
Tags: CSS

最近在公司專案上遇到一個有趣的點,是在 android 的手機調整系統字體大小時,即使前端頁面有針對字體設定固定大小,例如 font-size: 14px ,字也會隨之變大變小。

有趣的點在於並不是所有字都會跟著動態調整,而且也會因為不同的 android 設備型號不同,有不同的結果。