前端技术文章
-
移动端横竖屏切换抖动源于视口重算、样式未同步与交互干扰叠加，需通过完善viewport设置、用matchMedia+requestAnimationFrame提前响应、重置弹性布局及禁用干扰交互样式来切断抖动链路。187 收藏 -
Next.js13+app目录下CSS生效需严格遵循导入规则：仅app/layout.tsx中import'./globals.css'有效；非模块CSS不可在组件内导入；CSSModules必须用.module.css后缀并按对象使用；删除next.config.js中冗余css配置；Tailwind需配置content路径；禁用_customDocument，所有样式注入须通过layout顶层import实现。358 收藏 -
cite属性与cite元素语义不同：前者是URL链接，仅用于blockquote、q等4个标签；后者仅包裹作品标题，不可含作者、年份或URL。需组合使用并辅以CSS增强可识别性。191 收藏 -
多重box-shadow拖尾粒子通过同一元素多层偏移、透明度递减、模糊渐变实现，需统一偏移方向、控制模糊值防糊化，禁用drop-shadow因不支持多层独立配置，动画应预设状态并启用GPU加速。336 收藏 -
overflow:auto通过触发BFC解决边框消失问题，但易引发滚动条、裁剪绝对定位元素等问题；推荐用display:flow-root或伪元素清除。118 收藏 -
JavaScript继承基于[[Prototype]]链，class仅为语法糖；new操作自动设置实例的__proto__指向构造函数prototype；Object.create可手动模拟原型链，但需注意constructor修复与赋值行为。458 收藏 -
Array.prototype.every()返回布尔值，天然适配“全通过才放行”的权限校验；支持短路求值、零额外开销、链式嵌套、否定校验，但需防范空数组误判及undefined异常。413 收藏 -
JavaScript作用域分全局、函数和块级三种：全局作用域中var声明变量可提升且可重复，let/const不提升且不可重复；函数作用域内变量仅函数内有效，支持作用域链；块级作用域仅let/const生效，var无视{}。169 收藏 -
HTML乱码主因是文件编码非UTF-8无BOM，其次为metacharset位置/写法错误、HTTP响应头覆盖及表单/AJAX传输未声明UTF-8。153 收藏 -
Symbol.toPrimitive是JavaScript中用于自定义对象类型转换行为的内置symbol，其值为接收hint（"string"、"number"或"default"）参数的函数，优先于toString和valueOf被引擎调用以返回对应原始值。236 收藏 -
IllegalOperationError:Channelclosed是因在已关闭的channel上调用方法所致；amqplib不自动重建，需监听channel.on('close')和channel.on('error')并手动重建，避免缓存失效channel引用。455 收藏 -
多层Promise.then链式调用本身不会造成“积压”，真正影响执行节奏的是微任务队列调度及then返回值类型：同步返回普通值会立即入队，返回未settle的Promise则暂停链式执行。215 收藏 -
现代浏览器推荐用::placeholder改占位符颜色，仅支持color、opacity等有限样式；Firefox需额外加::-moz-placeholder兼容。477 收藏 -
CSSGrid比Bootstrap更适合移动端，因其无需加载冗余类、不污染HTML结构、无JS开销且原生高效；Bootstrap强制加载全部12列规则和断点类，增加首屏负担与DOM深度。417 收藏 -
响应式系统SSR“注水”报错本质是客户端激活时DOM结构、文本或节点顺序与服务端输出不一致，导致丢弃HTML重渲染；关键在于确保两端渲染结果严格一致，需统一初始数据、隔离请求状态、规避环境敏感逻辑、校验VNode结构。353 收藏