Zhentiw - 博客园

2025年5月11日

摘要： Browser support: https://caniuse.com/?search=anchor%20positioning <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8" /> <meta name="viewpor 阅读全文

posted @ 2025-05-11 15:13 Zhentiw 阅读(21) 评论(0) 推荐(0)

[CSS] CSS @scope

摘要： Browser support: https://caniuse.com/?search=%40scope Example 1: global @scope () <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8" /> <me 阅读全文

posted @ 2025-05-11 15:11 Zhentiw 阅读(15) 评论(0) 推荐(0)

[CSS] CSS nesting

摘要： Browser support: https://caniuse.com/?search=css%20nesting Example 1: <html lang="en"> <head> <meta charset="UTF-8" /> <meta name="viewport" content=" 阅读全文

posted @ 2025-05-11 15:02 Zhentiw 阅读(17) 评论(0) 推荐(0)

[Typescript] 内置工具类型

摘要： // 内置工具类型 // 1. Partial<T>：将类型 T 的所有属性变为可选属性。 // 2. Required<T>：将类型 T 的所有可选属性变为必需属性。 // 3. Readonly<T>：将类型 T 的所有属性变为只读属性。 // 4. Record<K, T>：将类型 K 的所有阅读全文

posted @ 2025-05-11 14:53 Zhentiw 阅读(36) 评论(0) 推荐(0)

2025年5月8日

[General] 开发规范

摘要：开发中的那些规范为什么需要规范现在开发一个应用基本上都是多人协作，一旦涉及到多人，必然不同的开发者的开发习惯、编码方式都是有所不同的，如果没有一个统一的规范，就会造成非常多的问题：代码风格不一目录杂乱无章接口不统一（偏后端），例如：修改用户定的接口为 /v1/users 修改密钥的接口：阅读全文

posted @ 2025-05-08 13:42 Zhentiw 阅读(82) 评论(0) 推荐(0)

2025年5月6日

[CSS] Tip: CSS variable usage

摘要： Sometime the element width is dynmiac, and you want to use the width in css, how to do that 1. Define css variable in css file, --wis the container's 阅读全文

posted @ 2025-05-06 14:17 Zhentiw 阅读(10) 评论(0) 推荐(0)

[Git] Git config ignorecase

摘要： By default, git ignorecase for filename. It might happen that you change the filename from Modal.vueto modal.vue, then commit to git, in remote repo, 阅读全文

posted @ 2025-05-06 14:10 Zhentiw 阅读(16) 评论(0) 推荐(0)

[Typescript] 从字段到函数的推导

摘要： type Watcher<T> = { on<K extends keyof T & string>( eventName: `${K}Changed`, callback: (oldValue: T[K], newValue: T[K]) => void ): void; }; declare f 阅读全文

posted @ 2025-05-06 14:06 Zhentiw 阅读(7) 评论(0) 推荐(0)

2025年4月8日

[Tools] Rollup /*#__PURE__*/ tree shaking if not used

摘要： const get = /*#__PURE__*/ createGetter(); const readonlyGet = /*#__PURE__*/ createGetter(true); const shallowGet = /*#__PURE__*/ createGetter(false, t 阅读全文

posted @ 2025-04-08 00:55 Zhentiw 阅读(17) 评论(0) 推荐(0)

[Javascript] Symbol.toStringTag

摘要： const obj = { a: 1, b: 2, c: { d: 3 } } console.log(obj.toString()) // [object Object] Using Symbol.toStringTag const obj = { a: 1, b: 2, c: { d: 3 }, 阅读全文

posted @ 2025-04-08 00:27 Zhentiw 阅读(18) 评论(0) 推荐(0)

Answer1215

公告