-
前端路由通过Hash或History模式实现SPA页面切换。Hash模式兼容性好但URL不美观；History模式URL简洁利于SEO，但需服务器配置支持。349 收藏 -
Vue异步更新队列将多次数据变更合并为一次DOM更新，nextTick在patch完成后、浏览器渲染前执行微任务回调，patch由队列统一触发虚拟DOM比对与更新。349 收藏 -
JavaScript解析器分阶段执行代码，因引擎需先语法分析和编译，采用“预解析+懒编译”策略：函数声明预解析但主体懒编译，箭头函数赋值时仅语法检查，class定义时即全量编译，eval/newFunction强制同步编译。349 收藏 -
用CSSGrid可精准还原蒙德里安式非对称平衡网格，需手动定义行列尺寸（如200px1fr300px），禁用repeat()均分；色块为独立div平涂纯色，黑线亦为独立色块；慎用vw，推荐clamp()维持比例；务必清除所有冗余间距与样式。349 收藏 -
本文讲解如何修正温度转换计算器中“首次点击即计算0值”的常见问题，通过将事件从onclick改为oninput，并增加空值与类型校验，确保仅在用户真实输入数字时才执行转换逻辑。349 收藏 -
clear:both不能解决浮动塌陷，因其仅控制兄弟元素排版，不影响父容器高度；正确方案是clearfix伪元素或改用Flex/Grid布局。349 收藏 -
使用:focus伪类可实现输入框聚焦效果，通过改变边框颜色、添加阴影和过渡动画提升用户体验，建议保持样式统一并确保可访问性，该方法适用于textareaselect等表单元素。349 收藏 -
闭包是JavaScript作用域机制的自然结果：函数记住并持续访问其定义时的作用域变量；每次调用createCounter()都创建独立词法环境，使c1与c2的count互不干扰。349 收藏 -
需在tailwind.config.js的theme.extend.keyframes和theme.extend.animation中配对注册自定义@keyframes，缺一不可；keyframes定义动画帧，animation映射类名与完整声明，且动画名须完全一致。349 收藏 -
translate="no"仅在Chrome104+、Firefox115+、Safari16.4+中有效，作用于<p>、<div>等文本容器及<button>、<label>可见文本，对表单控件、placeholder、SVGtext及JS动态文本无效，且具有单向继承性。349 收藏 -
HTMLPWA对原生APP无技术要求，但三类场景易致误解：企业用WebView壳加载、绕过应用商店时遇iOS限制、需原生桥接调用受限API；WebView加载PWA需满足JS启用、ServiceWorker配置、manifest正确引入等硬性条件。349 收藏 -
fixed定位使元素脱离文档流并固定于视口，需显式设置top/right；sticky依赖可滚动祖先且受transform等影响；JS方案最可控但需节流和transform优化。349 收藏 -
电脑过热时应立即优化散热环境、降低软件负载、执行结构化休息、升级硬件散热并建立温度预警机制。具体包括清理灰尘、关闭高耗能插件、遵循52/17工作法、更换硅脂与风扇、使用CoreTemp等工具监控告警。349 收藏 -
使用HTML5的video标签可直接在网页播放本地视频，需正确设置src路径并添加controls属性以启用播放控制，推荐通过本地服务器运行避免加载问题。348 收藏 -
padding默认增大元素总尺寸，因在width/height外计算；启用box-sizing:border-box可使其从设定宽高中扣减，更符合直觉且利于响应式布局。348 收藏
