前端技术文章
-
多层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 收藏 -
display:flex后子元素不等高，是因为align-items:stretch需父容器有明确交叉轴高度且子元素未设height/min-height等覆盖属性，否则拉伸失效。331 收藏 -
Less的extend不能替代嵌套，因其本质是选择器复用而非作用域继承；它仅合并顶层选择器声明，不递归处理伪类、媒体查询等子规则，且要求目标选择器同级定义、无嵌套上下文、无动态参数。176 收藏 -
使用UIKit可快速构建响应式网页，通过CDN引入CSS和JS文件后，利用预设类名实现按钮、导航栏、卡片等组件，结合栅格系统适配多设备，并通过uk-*指令添加模态框等交互效果，提升开发效率。105 收藏 -
闭包封装Symbol键与操作逻辑，通过初始化函数返回get/set/reset接口，结合globalThis命名空间容器实现隐式、不可枚举、防误触的状态共享。479 收藏 -
本文介绍在乘客计数应用中正确实现“重置已保存记录”功能的方法：通过分离显示文本与动态数值，确保点击重置按钮后仅将保存的乘客数归零，同时完整保留“Previousentries:”等固定提示文字。395 收藏 -
order属性可调整Flex子元素显示顺序，默认值为0，数值越小越靠前，支持负数和正数，相同值按HTML顺序排列。通过设置不同order值可实现视觉与语义分离，适用于响应式设计，如移动端模块重排、插队展示等场景。需注意屏幕阅读器仍按DOM顺序读取，避免过度使用负数或大数值，建议范围-2到3，配合开发者工具调试，不推荐用于频繁动态排序，应结合语义结构合理使用以提升布局灵活性。250 收藏 -
用DevTools选中元素需点击「选择元素」图标（或Ctrl/Cmd+Shift+C）后单击目标，不可拖拽；修改HTML仅影响内存DOM，刷新即还原，非源文件变更。374 收藏 -
![正则表达式中，{n,m}用于限制某个字符或组的匹配次数，具体含义如下：{n}：表示前面的字符必须出现n次。{n,}：表示前面的字符至少出现n次，可以更多。{n,m}：表示前面的字符至少出现n次，最多m次。示例说明1.限制输入长度为6位数字^\d{6}$这表示字符串必须是6个数字，不能多也不能少。2.限制输入长度为3到8位字母^[a-zA-Z]{3,8}$这表示字符串只能由字母组成，且长度在3到8位](/uploads/20260530/17801348166a1ab3a05030b.png)
正则{n,m}限制的是Unicode码点数而非字节数；若需校验UTF-8字节长度，必须配合后端编码计算，前端正则仅能粗略拦截。430 收藏 -
closed模式无法真正隐匿逻辑，因其仍可通过getComputedStyle、slotchange事件、MutationObserver等间接推断内部结构，且易被原型劫持；open模式才是可调试、可测试、符合工程实践的合理选择。407 收藏 -
闭包不能直接实现原子性，它仅是作用域封装机制；原子性需依赖硬件指令、内核锁（如flock）或POSIX原子操作（如rename）。闭包可辅助构建逻辑上原子的同步封装层，但本身非同步原语。117 收藏 -
固定定位元素缩放位移的根本原因是百分比单位依赖动态扰动的父容器尺寸，有效锁定需用vw/vh替代%，同步控制内容尺寸，并清理移动端祖先干扰。215 收藏