Zhentiw - 博客园

2025年5月25日

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

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

[CSS] CSS scrollbar-gutter 滚动条空间

摘要： Browser support: https://caniuse.com/?search=scrollbar-gutter When a element has limited size, and the content is oversized, the scrolling bar will sh 阅读全文

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

[CSS] CSS Media Queries Range Contexts

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

2025年5月18日

[Vue] 竞态问题

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

posted @ 2025-05-18 18:57 Zhentiw 阅读(111) 评论(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 阅读(34) 评论(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 阅读(21) 评论(0) 推荐(0)

Answer1215

公告