前端技术文章
-
spread-radius设为正值时阴影向外等比例扩张，是几何尺寸的真实增大而非错觉；例如box-shadow:008px4pxrgba(0,0,0,0.1)中阴影宽高各增加8px，造成“胀出感”，需配合blur-radius和低透明度color协同控制以实现自然光影效果。336 收藏 -
clip属性对position:relative元素无效，因CSS2规范限定其仅适用于absolute或fixed定位的脱离文档流元素；relative元素仍在流中，不满足前提，浏览器直接忽略该声明。205 收藏 -
必须用transform+opacity实现流星动画，因其硬件加速且不触发重排；left/top会导致卡顿，background-position难以精准控制轨迹；需错开delay/duration、限制DOM数量、禁用blur/box-shadow等性能杀手。318 收藏 -
用HTML+CSS+JS实现可滚动、带时间线的ActivityFeed：HTML用语义化<article>结构，CSS通过::before伪元素绘制时间线，JS用IntersectionObserver监听末项触发防抖分页加载，统一解析ISO/Unix时间戳为Date实例并安全渲染富文本。393 收藏 -
code属性指定Applet类的字节码文件名（不含.class后缀），须继承java.applet.Applet或javax.swing.JApplet，路径用斜杠分隔包名，如com/example/MyApplet；不支持点号或.class后缀，且仅适用于Java8及以前版本。495 收藏 -
掌握缩放比例和变换原点是关键，缩放比例控制元素在X、Y轴的放大缩小倍数，值大于1放大，小于1大于0缩小，可分别设置XY方向或使用负值实现翻转；变换原点决定缩放围绕的中心点，默认为元素中心，可设为关键词、百分比或像素值，常用于按钮点击、悬停等交互效果，合理搭配使动画更自然精准。169 收藏 -
优先用overflow-wrap:break-word，再加word-break:normal和明确的max-width；word-break:break-all仅用于纯技术字段。171 收藏 -
HTML本身不支持布尔运算，所谓“HTML布尔运算”实为设计软件中完成的SVG路径操作；前端交互中的布尔状态管理与图形布尔运算是两类完全不同的概念。265 收藏 -
WeakSet不能防止脚本注入，仅能非侵入式追踪已授权DOM元素引用以避免内存泄漏；它不参与授权决策，须配合严格校验与防御性操作，且不可替代XSS根本防护措施。359 收藏 -
text-shadow是实现文字描边最简单可靠、兼容性最好（IE10+）的纯CSS方式，需用8个方向零偏移阴影组合模拟均匀描边，避免单层斜向阴影或误用drop-shadow()。223 收藏 -
HTML没有函数，它只是描述页面结构的标记语言；function、addEventListener等属于JavaScript，onclick等内联属性依赖JS引擎执行。240 收藏 -
计算属性能自然处理多重嵌套依赖，关键在于Vue3的Proxy响应式系统自动追踪getter中所有同步读取的响应式路径，无论嵌套多深；支持任意深度对象/数组访问、链式computed依赖及动态增删属性，但需确保依赖链有真实响应式根源且避免异步或条件跳过导致依赖丢失。304 收藏 -
print-color-adjust:exact必须写在@mediaprint块内才生效，且目标元素需显式声明background-color，同时用户打印设置不能启用“仅打印文本”选项。105 收藏 -
PostCSS是构建时工具，必须集成于Webpack/Vite等构建流程，无法在HTML中直接运行或浏览器端实时处理；其作用是在编译阶段将CSS规则静态注入HTML的style属性或生成CSS文件。454 收藏 -
本文详解为何全局重置样式（*选择器）会覆盖header的背景色，并提供专业、可复用的CSS修复方案，确保header背景色精准生效且不影响子元素。431 收藏