Zhentiw - 博客园

2025年5月25日

摘要： Browser support: https://caniuse.com/?search=%40media Normally we write midea query like this: @media (max-width: 750px) { div { color: red; } } It ap 阅读全文

posted @ 2025-05-25 18:43 Zhentiw 阅读(18) 评论(0) 推荐(0)

[CSS] @layer

摘要： Browser support: https://caniuse.com/?search=layer As we know by defualt, class selector has a higher priority than element selector in CSS <!DOCTYPE 阅读全文

posted @ 2025-05-25 18:38 Zhentiw 阅读(23) 评论(0) 推荐(0)

2025年5月24日

[HTML] HTML Attibutes与DOM Properties

摘要：因为有一些属性，在HTML标签上的名字和DOM Properties API中的名字是不一致的，比如最常用的，标签上的class属性，DOM Properties中是className 另外，并不是所有 HTML Attributes 都有与之对应的 DOM Properties，例如： <div 阅读全文

posted @ 2025-05-24 17:57 Zhentiw 阅读(25) 评论(0) 推荐(0)

2025年5月18日

[Vue] 竞态问题

摘要：竞态问题通常在多线程编程中被提及。多线程中的竞态问题（Race Condition）是指多个线程或进程在并发执行时，由于对共享资源（如变量、内存、文件等）的访问和修改顺序不确定，导致程序行为不可预测的问题。竞态问题的关键点在于：共享资源：多个线程同时访问并修改同一个资源，如全局变量或内存位置。阅读全文

posted @ 2025-05-18 18:57 Zhentiw 阅读(105) 评论(0) 推荐(0)

2025年5月13日

[CSS] CSS animation-timeline

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

posted @ 2025-05-13 01:13 Zhentiw 阅读(34) 评论(0) 推荐(0)

[CSS] CSS @property

摘要： Browser support: https://caniuse.com/?search=%40property Normal CSS variable doesn't support gradient animation <!DOCTYPE html> <html lang="en"> <head 阅读全文

posted @ 2025-05-13 01:09 Zhentiw 阅读(29) 评论(0) 推荐(0)

2025年5月11日

[CSS] CSS anchor positioning

摘要： 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 阅读(25) 评论(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 阅读(20) 评论(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 阅读(34) 评论(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 阅读(46) 评论(0) 推荐(0)

Answer1215

公告