潜隐-前端

对于前端模块化方案, 是面试中常被提到的问题了!!! 而这里最常被关注莫属 CommonJS 和 ESM 了, 所以今天我们就尝试从底层出发来好好盘一盘 CommonJS 和 ESM...

柯里化Currying), 又称部分求值), 是函数编程的一种高级技巧, 通常只需要传递给函数一部分参数来调用它, 让它返回一个新的函数去处理剩下的参数如下 👇🏻 代码,sum是一个常规求和函数,sumCurry则是使用柯里化思想编写的一个求和函数, 它们区别就很明显了,sum在执行时需要一次性进行传参, 但是sumCurry则不是, 它可以进行进行分批传入参数// 常规求和函数// 使用「柯里化」思想编写的一个求和函数补充说明:柯里化。

Intl 对象是 ECMAScript 国际化 API 的一个命名空间, 它提供了以下几个功能: 字符串比较、数字格式化、日期时间格式化、相对时间格式化、根据数量获取复数形式、格式化字符串列表、字符串分割...

Intl 对象是 ECMAScript 国际化 API 的一个命名空间, 它提供了以下几个功能: 字符串比较、数字格式化、日期时间格式化、相对时间格式化、根据数量获取复数形式、格式化字符串列表、字符串分割...

高级加密标准(AES,Advanced Encryption Standard)为最常见的对称加密算法(微信小程序加密传输就是用这个加密算法的)。是一种对称加密算法也就是加密和解密用相同的密钥;

HTTP 缓存对于提高网站性能和用户体验, 扮演着重要的角色! 它通过在客户端和服务器之间存储和重用先前获取的资源副本, 来减少网络流量和降低资源加载时间, 从而提升用户体验, 本文将对 HTTP 缓存展开做个简单的介绍....

在 JS 中 Set 对象是数据 的一个 集合; Set 对象允许存储任何类型的数据 Set 中存储的数据都是唯一的, 同一个值只会被存储一次 Set 中每个元素都是有序的, 每.......

Map 是 JavaScript 中的键值对集合，支持任意类型的键和值，并记住插入顺序。它提供了创建、增删改查和循环等操作, 适用于缓存、去重、计数和分组等场景。相比 Object, Map 在频繁增删操作中性能更佳, 且支持直接迭代。

说起浅拷贝和深拷贝可以说是面试中经常碰到的经典问题, 并且在实际项目开发过程中, 也常常会因为数据拷贝问题, 导致一些隐藏的 BUG 在 javascript 中有很多方法能够复制……

定位元素（positioned element）是指该元素计算后位置（position）属性为 relative, absolute, fixed 或 sticky 的一个元素。Element.offsetLeft 和 Element.offsetTop 是一个只读属性，返回当前**元素边界（border）**相对于 Element.offsetParent 节点的偏移的像素值。的宽高（元素布局包括： border、滚动条、padidng、内容块）， 该属性返回的值为一个四舍五入的整数。

本文将详细介绍 JavaScript 中的原型和原型链，包括它们的定义、作用以及在实际编程中的应用。通过对这些概念的学习，我们将能够更深入地理解 JavaScript 的工作机制，从而编写出更高效、更优雅的代码...

高级加密标准(AES,Advanced Encryption Standard)为最常见的对称加密算法(微信小程序加密传输就是用这个加密算法的)。是一种对称加密算法也就是加密和解密用相同的密钥;

HTTP 缓存对于提高网站性能和用户体验, 扮演着重要的角色! 它通过在客户端和服务器之间存储和重用先前获取的资源副本, 来减少网络流量和降低资源加载时间, 从而提升用户体验, 本文将对 HTTP 缓存展开做个简单的介绍....

在 JS 中 Set 对象是数据 的一个 集合; Set 对象允许存储任何类型的数据 Set 中存储的数据都是唯一的, 同一个值只会被存储一次 Set 中每个元素都是有序的, 每.......

Map 是 JavaScript 中的键值对集合，支持任意类型的键和值，并记住插入顺序。它提供了创建、增删改查和循环等操作, 适用于缓存、去重、计数和分组等场景。相比 Object, Map 在频繁增删操作中性能更佳, 且支持直接迭代。

说起浅拷贝和深拷贝可以说是面试中经常碰到的经典问题, 并且在实际项目开发过程中, 也常常会因为数据拷贝问题, 导致一些隐藏的 BUG 在 javascript 中有很多方法能够复制……

定位元素（positioned element）是指该元素计算后位置（position）属性为 relative, absolute, fixed 或 sticky 的一个元素。Element.offsetLeft 和 Element.offsetTop 是一个只读属性，返回当前**元素边界（border）**相对于 Element.offsetParent 节点的偏移的像素值。的宽高（元素布局包括： border、滚动条、padidng、内容块）， 该属性返回的值为一个四舍五入的整数。

接口用于表示一组由空格分隔的字符串合集, 它最常以属性的形式被使用, 如上文所示。

内存泄漏: 指计算机科学中的一种资源泄漏, 主要是因为计算机程序 内存 管理疏忽或错误造成程序 未能释放 已经 不再使用 的内存, 因而失去对一段 已分配内存 空间的控制……

思路: 通过将子类的原型对象指向父类的实例对象来实现继承缺点:原型如果包含引用值, 修改引用值所有实例都会改动到缺点:子类在实例化时不能给父类的构造函数传参。

localStorage 属性允许你访问一个 Document 源(origin)的对象 Storage 用于存储当前源的数据，除非用户人为清除(调用 localStorage api 或则清除浏览器数据)， 否则存储在 localStorage 的数据将被长期保留。sessionStorage 属性允许你访问一个 session Storage 对象，用于存储当前会话的数据，存储在 sessionStorage 里面的数据在页面会话结束时会被清除。

Fetch API 提供了一个获取资源的接口(包括跨网络通信)。对于任何使用过 XMLHttpRequest 的开发者来说, 对于 Fetch 应该都能轻松上手, 而且新的 API 提供了更强大和灵活的功能集...

首先要知道标准的 http 协议是无状态的，也就是指服务端对于客户端的每次请求都认为它是一个新的请求，上一次会话和下一次会话之间是没有任何联系，这时当用户访问服务端并进行登录后，客户端之后的请求服务端依然无法对客户端身份进行识别， 如果将客户端与服务器之间的多次交互当做一个整体来看，那么服务端若想识别客户端的身份那么就需要将多次交互所涉及的数据（状态）保存下来。

当我们使用一个函数需要改变 this 指向的时候才会用到 call() apply() bind() 当然也别忘记了箭头函数call() 和 apply() 是对函数的调用，在调用的同时绑定 this 上下文并传递参数列表bind() 是对函数的拷贝进一步的封装， 为函数永久绑定 this 上下文并赋予固定参数call() 和 bind() 以参数列表形式给函数指定参数， apply() 则以数组的形式给函数指定参数。

什么是 迭代器? 广义上来讲 迭代器 (iterator) 有时又称光标 (cursor) 是程序设计软件的一种 设计模式……

本文比较了 JS 中常用的数据类型判断方法, 我们探讨了它们的适用场景和注意事项, 这些方法在面试中也是常见的问题, 深入了解这些方法可以帮助我们准确判断数据类型, 提高代码质量和可靠性....

在上文梳理 Map 的过程中, 在键值相等性比较一节遇到 零值相等 概念, 当时对这个概念那是一知半解, 所以特地针对 相等性判断 相关知识做了一次详细的梳理……