前端技术文章
-
用localStorage记住收藏状态需用唯一key（如fav-${articleId}），存取时用JSON.stringify/parse避免类型错误，点击时通过dataset读ID、class切换图标、textContent更新文字，并在请求前后同步本地与UI状态。450 收藏 -
animation-play-state属性通过running和paused值控制动画暂停与继续，可继承、支持transition，JS可动态修改style.animationPlayState，但仅影响已启动动画，单次动画结束后设running不重播，需重置animation才能重启。231 收藏 -
Reset按钮可恢复表单初始状态，通过HTML属性与JavaScript结合实现确认提示、部分重置及自定义逻辑，提升用户体验与控制力。363 收藏 -
FunctionalMixins是JavaScript中最干净可控的特性组合方式，它用高阶工厂函数返回行为对象，不污染原型链、不依赖构造函数，支持闭包私有状态、显式实例注入、按需初始化及Symbol钩子契约。195 收藏 -
无参Mixin适合封装固定样式如清除浮动，命名须明确意图；带参Mixin需设默认值、防参数耦合、慎用颜色计算；调用时覆盖顺序决定最终样式，嵌套中勿漏&符号。254 收藏 -
HTML加载慢主因非体积大，而是阻塞渲染、错误路径、base64内联、缺失压缩及file://协议限制；应通过Network面板定位瓶颈，用本地服务器替代双击打开。104 收藏 -
WeakSet适合存储DOM节点因其弱引用不阻止垃圾回收，避免内存泄漏；仅接受对象、不可遍历、无size和clear方法，常与MutationObserver配合实现轻量生命周期感知。392 收藏 -
JavaScript代码规范核心是统一协作标准、减少错误、提升可维护性；ESLint支持按需配置，应优先启用防运行时错误规则，风格类规则团队一致即可，新项目建议启用strict模式和no-console，并集成至编辑器、CI及Prettier。173 收藏 -
锚点导航实时高亮需用IntersectionObserver监听目标元素可见性，设rootMargin补偿fixed头部、threshold为[0.1,0.5]防抖动，hashchange仅用于清理active状态，不可替代滚动位置判断。147 收藏 -
安卓WebView点击后半透明灰色遮罩是-webkit-tap-highlight-color的默认行为，需对可点击元素显式设为transparent并确保样式优先级、作用域及语义属性（如role="button"）完备。208 收藏 -
高频读取getter本身不直接耗电，真正造成电池负荷的是它背后触发的计算、内存访问、状态同步或副作用。279 收藏 -
true+1===2成立，因为JavaScript在数值运算中将true隐式转换为1，再执行加法得2；加号优先数值转换而非字符串拼接，且布尔转数值规则为true→1、false→0。102 收藏 -
全选状态由父组件通过checkedAllprop控制，子组件根据items渲染选项并监听变更，通过ref设置indeterminate实现半选态；当已选项数大于0且小于总数时显示短横线。391 收藏 -
Less无法运行时判断渐变类型，应通过分离的.linear()和.radial()宏分别封装，共用色标逻辑；方向/形状参数需严格区分，避免非法CSS。195 收藏 -
scroll-timeline需滚动容器、时间轴定义、动画绑定三者配合；Chrome/Edge115+原生支持，Firefox需开启flag且受限，Safari当前完全不支持。500 收藏