你不知道的 async、await 魔鬼细节
0、前言 关于 的使用相信很多小伙伴都比较熟悉了，但是提到 事件循环机制输出结果 类似的题目，你敢说都会？ 试一试？ 🌰1： 🌰2： ❓基本一样的代码为什么会出现差别，话不多说👇 1、async 函数返回值 在讨论 之前，先聊一下 函数处理返回值的问题，它会像 一样，会对返回值的类型进行辨识。 👉 根据返回值的类型，引起 对返回值处理方式的不同 📑结论： 函数在抛出返回值时，会根据返回值 类型 开启 不同数目的微任务 retu...
图片懒加载的实现方法
图片作为前端开发中不可或缺的元素，其加载速度对用户体验有着重要影响。然而，大量的图片加载不仅会消耗用户流量，还会导致页面加载缓慢，影响用户体验。为了解决这个问题，图片懒加载技术应运而生 图片懒加载（Lazy Loading）是一种优化网页性能的技术，它通过延迟加载图片，即在图片即将进入可视区域时才开始加载，从而减少页面初始加载时间，提高页面响应速度。 图片懒加载的实现原理主要基于以下几个关键点： 滚动事件监听： 图片懒加载的核心是通过监...
面试官：手写Promise，我瞅瞅
手写 promise 1.Promise 构造函数 参数 构造函数接受一个函数作为参数，该函数有两个参数也是函数 resolve 函数用于将 Promise 对象的状态从 pending 变为 fulfilled reject 函数用于将 Promise 对象的状态从 pending 变为 rejected 状态 三个：pending、fulfilled 和 rejected，状态不可逆 构造函数： executor 函数中，所以 pr...
CommonJS 和 ES Module 终于要兼容了？
最近网上看到一个挺有意思的消息，让我不禁想跟大家聊聊。那就是 和 的互操作性问题终于有望解决了！是不是很惊喜，这可是困扰咱们开发者多年的老大难问题啊。说到这儿，你是不是又想起了 ？ CJS 和 ESM 的前世今生 在 的世界里，模块化是构建大型应用程序的基础。模块化可以帮助开发者在不影响全局命名空间的前提下管理代码，便于功能分离、代码复用和依赖管理。 和 就是这两大模块化方案的代表。 CommonJS（CJS） 是 原生支持的模块系统，...
深入浅出ES6 Class
ES6（ECMAScript 2015）引入了许多新特性，其中Class（类）的引入让JavaScript的面向对象编程变得更加直观和易于理解。本文将深入浅出地讲解ES6中的Class类，帮助读者从基础知识到进阶使用，全面掌握Class类的应用。 Class类的基本语法 1\. 定义Class类 在ES6中，Class类的定义非常简单，使用 关键字即可： 在上述代码中： 使用 定义了一个名为 的类。 方法是类的构造函数，用于初始化实例对...
简化访问：深入理解SSO单点登录
概念 是一种身份验证和授权机制，它允许用户只需登录一次，就能够访问多个相关但独立的系统或应用。 这种机制通过在用户登录时颁发令牌的方式实现，令牌包含有关用户身份和权限的信息，服务提供者可以通过验证这个令牌来确认用户的身份，而无需用户提供额外的凭证。 的主要优点包括： 1. 用户友好性：用户只需登录一次，即可访问多个应用程序，提供了更好的用户体验和便利性。 2. 提高安全性：通过集中的身份验证，可以减少密码泄露和密码管理问题。此外， 还可...
跨域问题及其解决方案
跨域是指浏览器受同源（协议、域名、端口）策略的限制，不允许不同源的站点之间进行某些操作（如发送ajax请求，操作dom，读取cookie） 假设 源A 和 源B 是非同源的，则浏览器有以下限制： 1. DOM 访问限制 ：源A 的脚本不能读取和操作 源B 的 DOM 2. Cookie 访问限制 ：源A 不能访问 源B 的 cookie 3. Ajax 响应数据限制 ：源A 可以给 源B 发请求，但是无法获取 源B 响应的数据 1. 跨...
前端加密方案对接实践
需求背景： 查询对接第三方团队获取用户个人信息的接口，涉及到敏感数据的传输，例如：姓名、手机号、身份证等信息，此过程需要加密处理。 入参需加密字段：姓名、手机号、证件号 第三方团队提供的接口是公共接口且使用 AES 对称加密(BLD AES Key)，仅用于我们自己的后台服务 与 第三方团队的后台服务之间的数据安全加密传输 安全加密方案 基于以上情况，当前的后台服务与第三方服务之间已经建立AES加密方案，但是前端与当前的服后台务之间的数...
汇总14种JavaScript循环遍历的用法
不整理不知道，整理吓一跳，原来 有这么多不同的循环方式的，包含冷门的几个我一共整理出来 。下面将会通过尽可能简单的事例进行说明。 先直入主题看看分别是哪些循环方式： 1、for循环 2、while 循环 3、do...while循环 4、forEach循环 5、map()循环 6、for…in循环 7、for...of 循环 8、filter()过滤循环 9、some()循环 10、every()循环 11、Object.keys循环对...