前端技术文章
-
核心解决思路是控制子项自身对齐行为并限制内容溢出表现：设align-self:start/center防撑高，配合max-height:100%和overflow:auto实现安全滚动。140 收藏 -
不能只靠[dir="rtl"]选择器，因为它仅匹配显式设置dir="rtl"的元素，无法捕获继承或浏览器自动推断RTL方向的元素；:dir(rtl)则基于实际文本流方向匹配，支持继承与自动推断，且在主流浏览器中已逐步支持。262 收藏 -
<address>标签专用于声明页面或文章的责任人联系信息，如作者、维护者邮箱或官网链接；仅允许嵌套<a>、<em>、<br>等短语内容，作用域限于最近<article>或<body>顶层，不可用于普通地址或跨作用域混用。103 收藏 -
动态发布编辑器的核心是让用户输入后立即以HTML形式追加并可交互；应使用createElement+textContent安全插入，避免innerHTML导致的DOM重置、性能下降、XSS风险及事件丢失。398 收藏 -
Generator函数不支持方法简写语法，必须用function显式声明；对象或类中需通过完整函数表达式赋值，仅计算属性名（如[Symbol.iterator]）内可用简写。355 收藏 -
不能用，HTML5已移除语义支持；现代浏览器为兼容性仍解析但不保证渲染一致，strict模式下可能被忽略或降级，W3C明确定义为obsolete。389 收藏 -
移动端导航栏文字换行需同时设置white-space:nowrap防止单项内折行，及flex-wrap:wrap允许容器内菜单项自动换行，二者缺一不可；辅以min-width、gap和flex-shrink:0等细节优化体验。125 收藏 -
Headers.has()是FetchAPI中用于同步、轻量判断HTTP头是否存在的方法，不区分大小写、不触发网络请求、不读取值，适合校验Authorization等敏感头部。248 收藏 -
手动递归比JSON.stringify更高效：前者支持早停、无序列化开销、复杂度O(n)，后者需全量字符串化并扫描，内存与时间成本高。218 收藏 -
Array.prototype.sort()默认按字符串Unicode码点排序，数字数组需用(a,b)=>a-b升序或b-a降序；对象数组可按属性用减法或localeCompare排序，多级排序用逻辑或实现优先级。367 收藏 -
防抖和节流是优化表单输入与频繁事件的核心手段，防抖适用于需等待用户操作停止后执行的场景，如搜索联想与表单验证，确保仅在用户完成输入后触发请求或校验，避免中间过程的频繁调用；节流则适用于需要在持续操作中保持一定响应频率的场景，如窗口滚动或按钮点击，保证函数在指定时间周期内最多执行一次，兼顾响应性与性能。两者本质区别在于：防抖追求“最终结果”，忽略中间过程，适用于输入完成类操作；节流追求“节奏控制”，定期执行，适用于持续交互类操作。正确选择取决于具体需求：若只关心稳定状态则用防抖，若需持续反馈则用节流，合理运432 收藏 -
背景默认绘制到border-box外沿，即包含padding和border区域，但被边框遮盖；可通过background-clip控制绘制边界：border-box（默认）、padding-box、content-box。127 收藏 -
函数柯里化将多参函数转换为单参函数链，提升复用性；函数组合理论上是f(g(x))，实现数据流水线处理；两者结合可构建清晰、声明式的代码结构，使逻辑更简洁易读。280 收藏 -
float本身没有对齐属性，因其设计初衷是图文环绕而非布局控制；无法实现justify-content等对齐效果，常见误操作如margin:auto居中无效；Grid是更现代、可控且兼容良好的替代方案。460 收藏 -
HTTPS页面中HTTP资源被浏览器静默拦截，主动混合内容（如script、iframe、fetch）根本不会发出请求，被动混合内容（如img）也已被全面屏蔽，必须彻底消除所有http://字符串。343 收藏