跳至主要内容

Promise.all 之購物車案例

閱讀範圍

🛒 Promise.all 在購物車的魔法應用(從入門到進階)

作者的觀點 or 知識點

  • Promise.all 一次並行執行多個非同步任務,等所有任務都完成後,再一次返回結果。

  • Promise.all 透過並行處理無相依性的 request 請求,可以有效提升速度

方法適用場景
Promise.all小量請求(<1000)
Promise.allSettled允許部分請求失敗
批次處理API 過載風險
並發控制 (p-limit)保持穩定請求數
延遲請求 (setTimeout)API Rate Limit 限制

1. Two Sum - LeetCode

紀錄 two sum 的解題過程以及解題思緒

1. Two Sum

Given an array of integers nums and an integer target, return indices of the two numbers such that they add up to target.

You may assume that each input would have exactly one solution, and you may not use the same element twice.

You can return the answer in any order.



Example 1:

Input: nums = [2,7,11,15], target = 9
Output: [0,1]
Explanation: Because nums[0] + nums[1] == 9, we return [0, 1].
Example 2:

Input: nums = [3,2,4], target = 6
Output: [1,2]
Example 3:

Input: nums = [3,3], target = 6
Output: [0,1]

RESTful API | 前進後端計畫

What Is API

API (Application Programming Interface), 如同字面上解釋即為 介面 ,那什麼是介面?手機充電用的 Type-C 是介面,電燈的燈座是介面,火車的鐵軌也是介面,簡單的來說就是 A 方提供了一個接口,只要任何人提供符合這個接口的要求那就可以正常地使用。

部落格的選擇歷程

許多工程師都有寫部落格的習慣,從我轉職的第一天起也是看到許多軟體工程師的前輩在鼓勵寫部落格的好處

  1. 軟體工程師都應該養成寫部落格的習慣
  2. 為什麼推薦工程師寫部落格呢?
  3. 我為什麼寫部落格,以及部落格帶給我的影響

看過各路大神分享寫部落格想必對於當時新手小白的我一定是蠢蠢欲動,於是乎我開始嘗試著架設自己的 Blog 希望也可以養成固定寫作的習慣。

ResizeObserver API in React

在有些需要在 RWD 時計算的場合,我們可以利用 window 的 resize event 來偵測視窗改變的大小,但是當我們只想要偵測某個 dom 的大小因為內容而變化時就可以使用 ResizeObserver

The trouble with TypeScript enums - 讀後筆記

https://media2.giphy.com/media/l0HlPKlyXMFev9rqw/giphy.gif?cid=7941fdc6b171z7t5llgazxc9mv39kb1bq6wc2u0sued1uxw2&ep=v1_gifs_search&rid=giphy.gif&ct=g

在使用 Typescript Enum 之前或許你有更好的選擇,在我接觸現在公司的專案時,此專案已經大量使用 Enum,讓我覺得這是之前沒有的經驗,一直覺得有些微妙,後來看到這篇文章後,想起來先前我大部分也都使用 as const 來解決,藉此記錄一下筆記。

開啟 fork repo issue

筆記一下

要在我 fork 來的 blog repo 加上 gittalk 功能時才發現 fork 來的 repo 預設的 issue 都是關閉的。

此時只要到 repo setting 的 General 往下找到 issue 然後將它勾選起來

Untitled

用 Git Reflog 來還原

在使用 git 的時候若是在 remote 的 repo 沒有保存到就直接將 local 的 branch reset ,此時可以使用 git reflog 來還原。

Hexo 設定部署到 S3

這篇文章記錄一下如何將 hexo deploy 到 s3 當作靜態網站使用,這邊我使用的是 hexo + minos theme , 並且先前已經使用了 s3 建立好 bucket 且搭配 CloudFront 來做 cdn 。

那年我的前端自學資源

這篇文章分享了我自學前端開發的經驗和資源,包括前端工程師學習路線圖、通用學習資源如 MDN 和 Stack Overflow、HTML、CSS 和 JavaScript 的學習重點和資源,以及 React 框架的學習建議。文章強調了 CSS 的重要性,提供了多個互動學習遊戲和教程。整體目的是為前端開發學習者提供全面的學習指南和資源推薦。

JavaScript - 原型鍊

基本介紹

JavaScript 不像 Java 或是其他物件導向程式語言,JavaScript 是沒有 class 的 (ES6 的 class 也只是語法糖 ),儘管沒有 class 卻還是可以設計類似機制來達成差不多的功能