前端开发2025年10月31日

目录 前言 一、何为嵌套代码 二、避免嵌套 1.提炼抽取 2.反转排列 前言 看过不少过度嵌套的代码, 我真正意识到问题的严重性是刚入职那会, 我在一个老项目里看到了40个连续的else if, 套了6层的if, for和forEach, 因为我们并没有做什么限制代码嵌套的提前约定. 呃, 那之后认识到会写代码和代码写得好完全是两种概念, 能够实现复杂的需...

前端开发2025年10月31日

目录 substring() substr() slice() substring()和substr()的区别 方法补充 在 JavaScript 中，可以使用 substr()、slice() 和 substring() 方法截取字符串。 substring() substring() 方法返回一个字符串在开始索引到结束索引之间的一个子集，或从开始索引直...

前端开发2025年10月31日

目录 需求列表 HTML CSS Javascript 分析 需求列表 鼠标进入盒子里面控制遮罩层和放大盒子显示与隐藏 遮罩层跟随鼠标移动且遮罩层不超出盒子限定范围内 图片盒子/遮罩层/放大盒子 这三个的宽高大小均可适配 HTML <div class="outer" <!-- 图片盒子 box1 --> <div class="b...

前端开发2025年10月30日

目录 1、变量提升问题 2、this 指向问题 3、== 和 === 比较问题 4、循环中的异步问题 5、引用类型比较问题 6、变量命名问题 7、数据类型转换问题 8、NaN 的比较问题 9、0.1 + 0.2 不等于 0.3 问题 10、最大整数问题 11、布尔值的算术运算问题 12、闭包导致的问题 12.1、内存泄漏问题 12.2、意外的变量共享 12...

前端开发2025年10月29日

...

前端开发2025年10月28日

目录 执行上下文 this到底是什么呢 调用位置 绑定规则 特例 面试题 执行上下文 我们知道执行上下文分为两种：全局上下文和函数上下文（我的这篇文章对于执行上下文有讲解还对执行上下文和作用域迷糊吗?）。全局上下文只有一个，函数执行上下文是在函数调用的时候创建的。 每个执行上下文都有三个属性： 变量对象 作用域链 this this到底是什么呢 this是...

前端开发2025年10月27日

目录 基本实现 实现resolve和reject 状态不可变 then 其他方法 很多同学在面试的时候都会被要求手写一个Promise,那么今天我总结了一些手写Promise的方法，可以跟着我的思路一起来实现一个Promise,让我们的面试更有把握。同时我们也会实现一下Promsie常见的方法比如：all、race、allSettled、any。 基本实现...

前端开发2025年10月27日

目录 使用 storage-tools 缓存数据 storage-tools 项目演进 StorageHelper 支持 localStorage 存储 StorageHelper 添加超时机制 StorageHelper 添加其他存储适配 StorageHelper 添加异步获取 列表辅助类 ListStorageHelper 在项目开发的过程中，为了减...

前端开发2025年10月26日

目录 1.every数组方法的作用 2.语法:array.every( function ( item, index,arr) {} ) 3.every方法特点 4.注意点: 5.应用场景 : 开关思想,购物车全选 附：数组some和every的区别 总结 1.every数组方法的作用 判断数组中是否所有元素都满足条件 2.语法:array.every( ...

前端开发2025年10月26日

目录 JavaScript Fetch API 实现拦截 对 Fetch 使用猴子补丁（monkey patching） 请求拦截器 响应拦截器 错误处理 Node.js 使用 fetch-intercept 库 总结 本文翻译自 Intercepting JavaScript Fetch API requests and responses 拦截器是可用...