前端技术文章
-
应给input的直接父容器设position:relative作为absolute提示的定位参照，并用calc(100%+4px)替代top:100%以规避高度计算误差，同时设置width:100%、white-space:normal、z-index:10及opacity过渡隐藏，确保提示稳定显示。333 收藏 -
Notepad++编辑HTML需三步避坑：①保存编码选“UTF-8无BOM”，否则DOCTYPE前隐含字符致怪异模式；②图片/CSS路径须相对于HTML文件位置，非编辑器路径；③file://协议下必须Ctrl+F5强制刷新，或起本地服务http://localhost:8080。273 收藏 -
JavaScript类型转换分显式和隐式：显式由开发者调用Number()、String()、Boolean()等控制，隐式由引擎在==、+、!等操作中自动触发；应优先用===、显式转换和类型检查来规避bug。358 收藏 -
display:none彻底移出渲染流，触发重排；visibility:hidden保留占位仅隐藏内容，触发重绘，且子元素设visible仍可见。184 收藏 -
JavaScript单页应用路由核心是利用HistoryAPI（pushState/replaceState/popstate）或hash模式实现URL变更不刷新页面，通过监听URL变化匹配路由表并动态渲染视图，主流框架如ReactRouter、VueRouter均基于此原理封装。306 收藏 -
CSS变量中带空格的字体名必须将引号写入变量值内，如--font-main:"HelveticaNeue",sans-serif；fontshorthand不支持var()，须显式声明font-family。498 收藏 -
伪元素可用:before，但推荐::before；CSS2旧伪元素单双冒号等效，CSS3新伪元素如::selection、::placeholder必须用双冒号，单冒号会静默失效。220 收藏 -
0fr是合法且更优的隐藏列方式，因其语义清晰、保留轨道结构、兼容动画和响应式切换；但需配套min-width:0、overflow:hidden及子元素宽度约束才能真正生效。379 收藏 -
浮动元素在宽度缩小时会“掉行”，因其脱离文档流且不感知容器变化，容器变窄时无法并排则被挤至下一行；需在媒体查询中显式设float:none并清除浮动才能避免布局崩塌。240 收藏 -
break-after不生效的首要原因是未置于@mediaprint媒体查询中，必须写在打印样式上下文内才有效；其次需确保目标元素为块级、父容器无overflow:hidden或transform等干扰属性。111 收藏 -
在Vue.js应用中调用web3.eth.sendSignedTransaction()时，可通过移除await实现“发送即忘记”（fire-and-forget）模式，让交易在后台提交、不阻塞UI响应，适用于需快速反馈用户的交互场景。356 收藏 -
应使用HTMLdata属性存储起始年份并用JS动态计算区间，避免硬编码；服务端渲染需在构建时注入年份；HTML中须保留默认版权文本以保障无JS时的可访问性与SEO。463 收藏 -
关键在于重编译+分层并行设计+浏览器策略适配：需用Emscripten/Rust+WASI生成支持线程、共享内存和SIMD的Wasm模块，服务端配置COEP/COOP响应头，运行时按Worker级、pthread级、计算段三级调度，并通过共享内存+TypedArray视图实现零拷贝数据流。206 收藏 -
ShadowDOM通过影子边界实现样式与结构硬隔离：选open模式便于调试；样式须注入shadowRoot，禁用全局CSS；用:host和::slotted精准控制穿透；DOM查询天然受限，但JS环境仍共享。304 收藏 -
大型网站必须拆分HTML文件：纯静态MPA需按模块拆为多页并统一管理公共结构；SPA则用index.html作壳，由React/Vue等框架接管路由与渲染。449 收藏