We can create our own utility types by some advanced mapped type usages.
Basics
Let's see the basic example.
type Person = {
name: string;
gender: string;
age: number;
married: boolean;
}
We can create our own utility types by some advanced mapped type usages.
Let's see the basic example.
type Person = {
name: string;
gender: string;
age: number;
married: boolean;
}
上圖為 Google I/O 2022 所演示的新長度單位,但目前在各大瀏覽器支援度不佳。
手機網頁與電腦網頁的 Viewport 在計算上有差異,會發生畫面預期不一致的情形,此篇文章將簡單講解問題與解決方案。
最近心血來潮把手上的 Macbook pro 2016 重灌看看,因為從剛開始學程式以來這台電腦已經被我安裝了各種各樣奇怪的東西,速度也比以前慢了許多。在買新電腦前想說重設一次看速度有沒有改善,順便也能記錄一下從零開始的配置省下以後要配置新電腦時查東查西的時間。
這邊介紹 5 種 TypeScript 的進階技巧,有些也結合了 React 實務上會用到情境。
最近因應 SEO 需求在將 React 專案改成 Next 架構時在圖片相關資源踩了許多雷,許多在 React 熟悉的寫法一到 Next 可能就直接報 Error。
因此以下用 SVG 與 PNG 圖檔為例來瞭解一下在這兩個框架中使用上的差異。
之前做 NFT 畫廊 Side Project 時需要在手機網頁上開啟 MetaMask APP 或是引導使用者去安裝該 APP 才能在此畫廊挖 NFT 。
需求與應用場景在擁有網頁與原生手機 APP 產品的公司非常常見,在手機上引導使用者去安裝或打開 APP ,而 Deep Link 就是為此而生。
下面先介紹一些 Deep Link 相關的實作。
寫 TypeScript 也有一年多的時間,整理了一些實用的寫法讓撰寫型別能更加彈性與順暢。
以下介紹 5 種技巧:
某天點進寶可夢卡片的官方網站,看到他們的圖片跑馬燈就很好奇做法是什麼。檢查了一下發現沒有用到 JavaScript,而且做法也蠻有趣的。
因應最近公司的需求,查了一下發現有現成的串接 Slack 頻道的 Lambda blueprint 可以用,但比較麻煩的是整個流程有用到蠻多服務的:CloudWatch、SNS、KNS、Lambda、IAM...等等,所以稍微紀錄並整理一下。