前端技术文章
-
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 收藏 -
Chrome/Edgev110+禁止非用户手势触发的data:URL自动下载，Firefox行为不一致；正确做法是JSON→Blob→URL.createObjectURL→click，需指定type、及时revoke、确保用户手势触发。130 收藏 -
JavaScript倒计时应基于目标时间动态计算差值，用setInterval每秒更新并格式化输出；页面失焦时监听visibilitychange事件重算，确保秒级精准。109 收藏 -
BEM在移动端CSS中是防崩刚需，因其能解决position:fixed层级错乱、DPR下font-size失准、iOSSafari伪类失效等由选择器耦合引发的隐蔽问题。410 收藏 -
HTML不是编程语言，而是用标签为内容结构化标记的说明书；用记事本写标准骨架代码（含DOCTYPE、html、head、body及UTF-8声明），保存为index.html并用浏览器打开即可运行。302 收藏