前端技术文章
-
DOM操作是JS与网页结构的唯一接口；选元素用getElementById（快、专用于id）或querySelector（灵活但慢、只返首个）；改内容用textContent（安全）而非innerHTML（防XSS）；append需传节点而非字符串；注意操作时机与事件监听器丢失。482 收藏 -
Bootstrap5的断点是明确定义的六个min-width像素值：xs(0)、sm(576)、md(768)、lg(992)、xl(1200)、xxl(1400)，全部锚定在$grid-breakpoints变量上，媒体查询以min-width为唯一依据，且断点“向上生效”。482 收藏 -
noindex和nofollow是独立指令，可单独使用；noindex使页面不被索引但需先被抓取，nofollow在meta中效果弱于rel="nofollow"，robots.txt优先级高于metarobots，X-Robots-Tag优先级最高。482 收藏 -
decode()是HTMLImageElement的异步方法，必须在JavaScript中调用并处理Promise，不能直接写在HTML标签里；正确做法是监听load事件后调用decode()，仅在其resolve后才显示图片。482 收藏 -
最实用的企业官网HTML模板是30分钟内可完成公司名、联系方式和三张产品图修改并上线的单页式或Bootstrap5原生结构模板，需满足扁平文件结构、统一导航控制和硬编码信息全局可搜替三大前提。482 收藏 -
font-size不生效的主因是父级使用rem/em导致计算值偏离预期，其次为继承中断、框架重置、viewport缩放及字体回退等问题，需逐级检查Computed值并验证fallback。482 收藏 -
在Blazor中，当同一自定义组件（如<TextArea>）被多次渲染于同一页面时，需确保各实例状态隔离、互不干扰，并能将各自输入结果准确回传至父组件——通过@bind-Value双向绑定配合EventCallback<string>即可优雅实现。482 收藏 -
navigator.onLine不可靠，仅反映系统网络接口状态而非服务可达性，需配合fetch心跳检测（带超时、防抖、真实后端校验）和服务端预缓存离线页才能准确判断用户可用性。482 收藏 -
Array.prototype.push本身不会栈溢出，问题在于调用方式：配合apply或扩展运算符批量传入海量元素时，引擎需将每个元素作为独立参数压栈，超出V8等引擎约65536的参数上限即报RangeError。482 收藏 -
验证码生成不应使用计算属性，而应由methods或setup中的函数完成，用ref存储真实值、computed仅作只读转换；必须确保生成可控、与后端同步、防调试暴露、输入即时校验并禁用空码提交。482 收藏 -
绝对定位元素使父容器高度为0，因其彻底脱离文档流，父容器计算高度时完全“看不见”它们；这是CSS规范行为，非bug。常见现象包括offsetHeight为0、背景不显示、兄弟元素上移；clearfix等浮动清除方案无效。482 收藏 -
padding-top/bottom百分比按包含块宽度计算，而非高度，是为了避免layout循环依赖；CSS规范强制统一锚定宽度基准以确保布局可解。482 收藏 -
用grid-template-rows:0fr→1fr可实现平滑高度过渡，因fr是可插值弹性单位；需满足三前提：容器有确定高度上下文、显式声明grid-template-rows、内容区overflow:hidden。482 收藏 -
eval在JavaScript中于当前作用域执行字符串代码，导致作用域污染、变量覆盖或泄露，且无法隔离；应优先使用JSON.parse、Function构造器或白名单映射等安全替代方案。482 收藏 -
骨架屏是页面数据加载前的灰色轮廓占位，微信开发者工具可自动生成skeleton.wxml与wxss文件，通过wx:if控制显隐，需随页面布局更新而同步调整。482 收藏