-
-
JavaScriptBigInt大数运算全解析
-
BigInt与Number不兼容，因类型系统禁止隐式转换，混合运算如1n+1会抛TypeError；必须显式转换，且BigInt()构造函数不接受Number参数，JSON、Math、Date等API均不支持BigInt。
-
文章 ·
前端
| 1天前 |
374浏览
收藏
-
-
-
平滑无限滚动背景实现技巧
-
本文详解通过精确控制background-size与background-position的百分比关系，构建视觉上连续、无跳变的无限向左滑动背景动画，避免传统方案中因重置导致的闪烁或停顿。
-
文章 ·
前端
| 4星期前 |
373浏览
收藏
-
-
表单未验证字段红色高亮方法
-
:invalid未生效是因为它仅在字段已验证且失败时触发，初始加载时字段处于“未触碰”状态，即使值非法也不会匹配；需用户交互或手动校验才激活。
-
文章 ·
前端
| 4星期前 |
373浏览
收藏
-
-
CSS样式混乱？BEM命名规范帮你理清结构
-
BEM能快速定位样式冲突，因其类名自带层级和职责信息（如button__icon--hover），解耦DOM结构依赖，避免全局类泄露覆盖，强制样式归属明确Block，杜绝嵌套选择器失效问题。
-
文章 ·
前端
| 3星期前 |
373浏览
收藏
-
-
HTML表单输入限制设置方法与属性使用
-
使用HTML属性和JavaScript可有效限制表单输入。首先通过maxlength、min/max、pattern、required和type等属性设置基础规则，如限制长度、数值范围和格式；再结合CSS的:valid/:invalid伪类实现视觉反馈；对于更复杂需求，利用JavaScript监听输入事件，实时过滤非法字符或自动格式化内容。最终建议前端限制与服务器端验证结合，确保数据安全与准确性。
-
文章 ·
前端
| 3星期前 |
373浏览
收藏
-
-
CSS嵌套过深怎么处理？BEM重构层级结构
-
嵌套超4层应警觉，因CSS从右往左匹配导致回溯性能损耗，且复用性差；应改用BEM等语义化类名，明确Block、Element、Modifier职责，避免深层后代选择器。
-
文章 ·
前端
| 2星期前 |
373浏览
收藏
-
-
-
CSS加载Google字体方法及应用技巧
-
推荐使用link标签引入GoogleFonts，如Roboto和OpenSans，并通过CSS调用；也可在CSS中用@import方式引入，但性能较差；支持按需加载特定字重如wght@400;700以优化速度；建议设置&display=swap避免文字空白，提升加载体验。
-
文章 ·
前端
| 2星期前 |
373浏览
收藏
-
-
JS Map与Set为何更高效？四种集合对比教程
-
Map和Set在动态键、任意类型键值、频繁增删、去重等场景下比Object和Array更高效，因底层哈希优化、严格插入顺序、O(1)查找及类型安全相等判断；WeakMap/WeakSet仅适用于弱引用元数据场景。
-
文章 ·
前端
| 2星期前 |
373浏览
收藏
-
-
浮动何时使用？文本环绕图片首选浮动
-
浮动仅适用于图文环绕，其他布局应优先使用flexbox或grid；父容器塌陷可通过display:flow-root触发BFC解决；现代项目除需兼容IE9及以下外无需用float。
-
文章 ·
前端
| 1星期前 |
373浏览
收藏
-
-
SVG精灵图与字体库使用教程
-
SVG精灵图应内联HTML并用构建工具自动生成symbol，统一viewBox和ID；禁用CSSbackground-image引用外部SVG；图标字体因渲染问题和兼容性差不推荐；CDN引入需锁定完整版本号；SVG响应式需正确设置width/height、viewBox及CSSmax-width:100%。
-
文章 ·
前端
| 1星期前 |
373浏览
收藏
-
-
立即执行函数在旧版浏览器插件中的使用技巧
-
IIFE在旧版浏览器插件中主要用于避免全局污染、封装私有作用域和确保代码立即执行，尤其在无模块系统环境中关键；它解决变量冲突、兼容老旧引擎、适配DOM就绪时机，并安全暴露插件接口。
-
文章 ·
前端
| 1星期前 |
373浏览
收藏
-
-
