Zhentiw - 博客园

2023年3月30日

[React] Composable component with Context

摘要： ProductCard component import './ProductCard.css'; import { ReactNode } from 'react'; import * as React from 'react'; import ProductCardContext from '. 阅读全文

posted @ 2023-03-30 00:58 Zhentiw 阅读(40) 评论(0) 推荐(0)

[CSS 3] min(), max()

摘要： .card { width: min(700px, 90%, 70vw); // take the one currently is the min height: max(300px, 90%, 40vh); // take the one currently is the max font-si 阅读全文

posted @ 2023-03-30 00:42 Zhentiw 阅读(41) 评论(0) 推荐(0)

[CSS 3] lv* dv* sv*

摘要： Refer to https://dev.to/frehner/css-vh-dvh-lvh-svh-and-vw-units-27k4 he lvh, svh, and dvh units in CSS are used to specify heights relative to the vie 阅读全文

posted @ 2023-03-30 00:37 Zhentiw 阅读(81) 评论(0) 推荐(0)

[Typescript] Use never for readable string

摘要： const demoFunc = <TObj extends {}>(obj: TObj, key: ErrorIfNever<keyof TObj, `You much pass at least one key`>) => { return obj[key as keyof TObj] } ty 阅读全文

posted @ 2023-03-30 00:29 Zhentiw 阅读(26) 评论(0) 推荐(0)

2023年3月28日

[Javascript] Create 2d array by using Array.from

摘要： // Initialize a 2D array with zeros const str1 = "Hello" const str2 = "World" const dp = Array.from({ length: str1.length }, () => Array.from({ length 阅读全文

posted @ 2023-03-28 14:30 Zhentiw 阅读(43) 评论(0) 推荐(0)

[Algorithm] Dynamic programming - 01 - Drawing 2-d matrix

摘要： Problem: Levenshtein Distance Write a function that takes in two strings and returns the minimum number of edit operations that need to be performed o 阅读全文

posted @ 2023-03-28 14:27 Zhentiw 阅读(53) 评论(0) 推荐(0)

2023年3月26日

[Algorithm] Disk height (DP + back tracking)

摘要： You're given a non-empty array of arrays where each subarray holds three integers and represents a disk. These integers denote each disk's width, dept 阅读全文

posted @ 2023-03-26 20:06 Zhentiw 阅读(51) 评论(0) 推荐(0)

2023年3月20日

[React] Flushing state updates synchronously with flushSync

摘要： In React, every update is split in two phases: During render, React calls your components to figure out what should be on the screen. During commit, R 阅读全文

posted @ 2023-03-20 22:03 Zhentiw 阅读(89) 评论(0) 推荐(0)

2023年3月19日

[React] useRef for preventing unnecessary re-render

摘要： When you want a component to “remember” some information, but you don’t want that information to trigger new renders, you can use a ref. import { useR 阅读全文

posted @ 2023-03-19 03:07 Zhentiw 阅读(55) 评论(0) 推荐(0)

2023年3月18日

[Javascript] Test a web component

摘要： import { WatermarkOverlay } from '../watermark-overlay' describe('WatermarkOverlay', () => { let cmp: HTMLElement let fixture: HTMLElement let shadow: 阅读全文

posted @ 2023-03-18 02:56 Zhentiw 阅读(30) 评论(0) 推荐(0)

Answer1215

公告