React DOM 從來沒去搞懂 react 的一些機制 瀏覽器怎麼渲染網頁瀏覽器會遵照一些既有的規則,去解析我們的 HTML 和 CSS 檔案,分別做成 DOM 和 CSSOM 等樹狀結構,最後再合併成 Render Tree。 Reflow當 DOM 結構、元素的大小、位置或其他與 layout 的屬性改變時,瀏覽器會重新計算所有元素的位置 Repaint當 DOM 變更影響了元素的外觀(顏色、背景、陰影等 2025-02-03 #frontend #react #DOM #website
日語筆記 五十音入門平假名(清音) あ a い i う u え e お o か ka き ki く ku け ke こ ko さ sa し si す su せ se そ so た ta ち chi つ tsu て te と to な na に ni ぬ nu ね ne の no は ha ひ hi ふ hu へ he ほ ho ま ma み mi む mu め m 2025-02-03 #japanese
leetcode javascript 30 days 沒在 leetcode 寫過 js 耶,酷 2667. Create Hello World Function 了解 closure 的概念就好 12345678910111213/** * @return {Function} */var createHelloWorld = function () { return function (...args) & 2025-02-01 #leetcode
不知道這會持續幾天的 leetcode daily 2025/02/01 3151. Special Array I bitwise xor + and 即可 Time Complexity $O(n)$ Space Complexity $O(1)$ 12345678910class Solution {public: bool isArraySpecial(vector<int>& 2025-01-31 #leetcode
不知道這會持續幾天的 leetcode Arrays & Hashing217. Contains Duplicate Hash map Time Complexity $O(n)$ Space Complexity $O(n)$ 1234567891011class Solution {public: bool containsDuplicate(vector<int>& nums) 2025-01-31 #leetcode
Graphcis Programming and Application Lecture Program 解析 (2) Grass123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101 2024-11-11
VLSI Assert-High Swtich: 輸入邏輯 1 電路會 close,導通Assert-Low Swtich: 輸入邏輯 0 電路會 close,導通 MOSFETMetal + Oxide-Semiconductor Field Effect Transitor N channel MOSFET (nFET) 是 assert-high switch,也稱 N-MOSP channel M 2024-10-13
Graphcis Programming and Application Lecture Program 解析 Alienrain前置作業和 Shaders123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687#include &quo 2024-10-06
NVDIA Night Systems NVDIA Night Systems 主要用來分析 GPU 的 Performance 因為有直覺得 Timeline,可以看某個程式在哪個時間點再做什麼,所以也可以看 CPU 執行的程式 Single thread/ Multi-thread (pthread/OpenMP) srun -n1 -cX nsys profile <nsys options> 2024-10-02
Graphcis Programming and Application OpenGL Application Programming Interface (API) 寫指令與底層顯卡溝通,把資料餵到 Render Pipeline 裡面,繪出結果 Primitive-based Rendering 用最小單元,點、線、面組成 Rasterization Rendering Pipeline 有很多 Stage,一路從 CPU 流到 GPU,有些專門處理頂點,有些 2024-09-08