-
微博Web分享接口旧版已下线，现仅支持weibo.jsSDK且需备案授权；个人静态页难以通过，推荐用service.weibo.com/share/share.php构造URL唤起客户端分享，但微信内会被拦截。
-
border-bottom分割线不可见主因是父容器高度塌陷、子元素浮动未清除或inline元素无垂直空间；需加padding-bottom、避免overflow:hidden、改用inline-block或伪元素替代。
-
align-content用于控制CSSGrid中多行在交叉轴的垂直分布，当容器高度大于行总高时生效；其常用值包括start、end、center、space-between、space-around、space-evenly和stretch，需配合固定高度或多行布局使用，与align-items、justify-content等属性功能区分明确。
-
使用::first-line伪元素可对块级元素的第一行文本设置样式，如颜色、字体等，仅适用于块级元素且支持有限CSS属性，与选择首个子元素的:first-child不同。
-
UnoCSS配置更简洁的根本原因是属性化模式（Attributify）将class属性视为可解析DSL，无需预定义类名集合；它默认支持动态CSS生成，仅需配置shortcuts、rules和attributifyOptions等边界控制与语义映射。
-
toLowerCase()搜索匹配需同时转换用户输入和目标字符串，仅转一边会导致漏匹配；ASCII场景有效，但土耳其语等locale下会出错，推荐用/i正则或toLocaleLowerCase('en-US')。
-
推荐在formsubmit事件中用event.target.elements或FormData获取表单值，避免手动遍历；注意name属性、disabled状态、checkbox/radio的checked判断及enctype设置。
-
useMemo的核心思想是通过缓存计算结果并在依赖项未变化时直接返回缓存值来避免重复计算，其关键在于依赖项数组的正确使用，它决定了何时重新执行计算；该机制解决了因不必要的重复计算和引用变化导致的性能瓶颈问题；useMemo用于缓存值，而useCallback用于缓存函数引用，两者共同优化React组件的渲染性能。
-
HTML5图标显示异常可因路径错误、引用不当或字体未加载，解决方法包括：一、用iconfont类名引用；二、用Unicode字符引用；三、用img标签引用位图；四、内联SVG图标；五、预加载字体文件。
-
animation-play-state仅控制CSS动画，对JS动画无效；需确认元素有animation属性，可用style.animationPlayState或class切换状态，暂停不重置计时器。
-
border-style、border-width和border-color可单独或组合设置边框；2.推荐使用简写属性border:widthstylecolor，其中style必不可少；3.可分别设置四条边的样式，每边可不同；4.省略style则无边框，省略width使用默认值，省略color则取文本颜色。
-
用Flex实现遮罩层+居中弹窗的核心是：遮罩层设position:fixed+display:flex+justify-content/align-items:center实现全屏覆盖与居中，弹窗无需绝对定位即可被父容器居中，配合背景、圆角、阴影提升视觉效果。
-
::placeholder的opacity失效主因是浏览器前缀未全覆盖及opacity值过低；应同时声明所有前缀、用rgba替代opacity、通过:focus::placeholder实现过渡、并在深色模式下单独重写样式。
-
Less中nth-child无法自动展开伪类，需用循环生成固定规则；如用.generate-stripes(@n,@i:1)配合递归和字符串拼接，在编译期输出前n项奇偶背景样式。
-
在async函数中，若在作用域内重复声明同名变量（如constdata），会遮蔽外部let声明的数组，导致后续调用push()时因data指向JSON对象而报错“pushisnotafunction”。
