- 博客(42)
- 收藏
- 关注
RSS订阅原创 深入盘点 CommonJS 和 ESM 的原理、差异
对于前端模块化方案, 是面试中常被提到的问题了!!! 而这里最常被关注莫属 CommonJS 和 ESM 了, 所以今天我们就尝试从底层出发来好好盘一盘 CommonJS 和 ESM...
2024-12-13 09:56:16
922
原创 深入理解 JavaScript 柯里化: 提升函数的复用性和灵活性
柯里化Currying), 又称部分求值), 是函数编程的一种高级技巧, 通常只需要传递给函数一部分参数来调用它, 让它返回一个新的函数去处理剩下的参数如下 👇🏻 代码,sum是一个常规求和函数,sumCurry则是使用柯里化思想编写的一个求和函数, 它们区别就很明显了,sum在执行时需要一次性进行传参, 但是sumCurry则不是, 它可以进行进行分批传入参数// 常规求和函数// 使用「柯里化」思想编写的一个求和函数补充说明:柯里化。
2024-12-13 09:55:15
1192
原创 扫盲: Intl 国际化命名空间
Intl 对象是 ECMAScript 国际化 API 的一个命名空间, 它提供了以下几个功能: 字符串比较、数字格式化、日期时间格式化、相对时间格式化、根据数量获取复数形式、格式化字符串列表、字符串分割...
2024-12-01 08:42:33
794
原创 扫盲: Intl 国际化命名空间
Intl 对象是 ECMAScript 国际化 API 的一个命名空间, 它提供了以下几个功能: 字符串比较、数字格式化、日期时间格式化、相对时间格式化、根据数量获取复数形式、格式化字符串列表、字符串分割...
2024-12-01 08:41:06
871
原创 前端加密解密
高级加密标准(AES,Advanced Encryption Standard)为最常见的对称加密算法(微信小程序加密传输就是用这个加密算法的)。是一种对称加密算法也就是加密和解密用相同的密钥;
2024-11-29 08:25:22
969
原创 初窥 HTTP 缓存
HTTP 缓存对于提高网站性能和用户体验, 扮演着重要的角色! 它通过在客户端和服务器之间存储和重用先前获取的资源副本, 来减少网络流量和降低资源加载时间, 从而提升用户体验, 本文将对 HTTP 缓存展开做个简单的介绍....
2024-11-29 08:24:17
1313
原创 关于 JS 中 Set 的长篇大论
在 JS 中 Set 对象是数据 的一个 集合; Set 对象允许存储任何类型的数据 Set 中存储的数据都是唯一的, 同一个值只会被存储一次 Set 中每个元素都是有序的, 每.......
2024-11-28 08:35:09
1149
原创 关于 JS 中 Map 的长篇大论
Map 是 JavaScript 中的键值对集合，支持任意类型的键和值，并记住插入顺序。它提供了创建、增删改查和循环等操作, 适用于缓存、去重、计数和分组等场景。相比 Object, Map 在频繁增删操作中性能更佳, 且支持直接迭代。
2024-11-28 08:33:18
979
原创 八股文: 讲讲什么是浅拷贝、深拷贝?
说起浅拷贝和深拷贝可以说是面试中经常碰到的经典问题, 并且在实际项目开发过程中, 也常常会因为数据拷贝问题, 导致一些隐藏的 BUG 在 javascript 中有很多方法能够复制……
2024-11-26 07:50:45
1114
原创 元素 offset client scroll 相关属性简介
定位元素（positioned element）是指该元素计算后位置（position）属性为 relative, absolute, fixed 或 sticky 的一个元素。Element.offsetLeft 和 Element.offsetTop 是一个只读属性，返回当前**元素边界（border）**相对于 Element.offsetParent 节点的偏移的像素值。的宽高（元素布局包括： border、滚动条、padidng、内容块）， 该属性返回的值为一个四舍五入的整数。
2024-11-26 07:48:41
838
原创 你真的懂原型、原型链吗?
本文将详细介绍 JavaScript 中的原型和原型链，包括它们的定义、作用以及在实际编程中的应用。通过对这些概念的学习，我们将能够更深入地理解 JavaScript 的工作机制，从而编写出更高效、更优雅的代码...
2024-11-13 08:45:36
1200
原创 CSS 技巧：如何让 div 完美填充 td 高度
本文探讨了如何在 HTML 表格中实现 div 标签高度自适应填充 td 单元格的多种方案。通过分析 CSS 的特性, 文章提供了三种解决方案: 使用绝对定位、设置明确高度以及利用 td 的自增长特性。此外, 文章还解决了 div 内容在单元格中垂直居中的问题, 提供了简单有效的 CSS 解决方案。
2024-11-13 08:41:42
2746
原创 前端加密解密
高级加密标准(AES,Advanced Encryption Standard)为最常见的对称加密算法(微信小程序加密传输就是用这个加密算法的)。是一种对称加密算法也就是加密和解密用相同的密钥;
2024-11-01 10:43:20
595
原创 初窥 HTTP 缓存
HTTP 缓存对于提高网站性能和用户体验, 扮演着重要的角色! 它通过在客户端和服务器之间存储和重用先前获取的资源副本, 来减少网络流量和降低资源加载时间, 从而提升用户体验, 本文将对 HTTP 缓存展开做个简单的介绍....
2024-11-01 10:42:04
1131
原创 关于 JS 中 Set 的长篇大论
在 JS 中 Set 对象是数据 的一个 集合; Set 对象允许存储任何类型的数据 Set 中存储的数据都是唯一的, 同一个值只会被存储一次 Set 中每个元素都是有序的, 每.......
2024-10-31 09:32:57
622
原创 关于 JS 中 Map 的长篇大论
Map 是 JavaScript 中的键值对集合，支持任意类型的键和值，并记住插入顺序。它提供了创建、增删改查和循环等操作, 适用于缓存、去重、计数和分组等场景。相比 Object, Map 在频繁增删操作中性能更佳, 且支持直接迭代。
2024-10-31 09:31:10
832
原创 八股文: 讲讲什么是浅拷贝、深拷贝?
说起浅拷贝和深拷贝可以说是面试中经常碰到的经典问题, 并且在实际项目开发过程中, 也常常会因为数据拷贝问题, 导致一些隐藏的 BUG 在 javascript 中有很多方法能够复制……
2024-10-30 09:59:35
1120
原创 元素 offset client scroll 相关属性简介
定位元素（positioned element）是指该元素计算后位置（position）属性为 relative, absolute, fixed 或 sticky 的一个元素。Element.offsetLeft 和 Element.offsetTop 是一个只读属性，返回当前**元素边界（border）**相对于 Element.offsetParent 节点的偏移的像素值。的宽高（元素布局包括： border、滚动条、padidng、内容块）， 该属性返回的值为一个四舍五入的整数。
2024-10-30 09:57:19
619
原创 从 classList 到 DOMTokenList: 简化类名管理的工具
接口用于表示一组由空格分隔的字符串合集, 它最常以属性的形式被使用, 如上文所示。
2024-10-29 09:44:20
1083
原创 从 GC 到 WeakMap、WeakSet
内存泄漏: 指计算机科学中的一种资源泄漏, 主要是因为计算机程序 内存 管理疏忽或错误造成程序 未能释放 已经 不再使用 的内存, 因而失去对一段 已分配内存 空间的控制……
2024-10-29 09:41:54
986
原创 什么? chatgpt 居然告诉我 JS 中常见的继承方案有十种？
思路: 通过将子类的原型对象指向父类的实例对象来实现继承缺点:原型如果包含引用值, 修改引用值所有实例都会改动到缺点:子类在实例化时不能给父类的构造函数传参。
2024-10-28 10:30:42
1162
原创 localStorage 和 sessionStorage
localStorage 属性允许你访问一个 Document 源(origin)的对象 Storage 用于存储当前源的数据，除非用户人为清除(调用 localStorage api 或则清除浏览器数据)， 否则存储在 localStorage 的数据将被长期保留。sessionStorage 属性允许你访问一个 session Storage 对象，用于存储当前会话的数据，存储在 sessionStorage 里面的数据在页面会话结束时会被清除。
2024-10-28 10:28:27
573
原创 fetch: 取消请求、读取流、获取下载进度...
Fetch API 提供了一个获取资源的接口(包括跨网络通信)。对于任何使用过 XMLHttpRequest 的开发者来说, 对于 Fetch 应该都能轻松上手, 而且新的 API 提供了更强大和灵活的功能集...
2024-10-27 11:05:04
1773
原创 cookie 简介
首先要知道标准的 http 协议是无状态的，也就是指服务端对于客户端的每次请求都认为它是一个新的请求，上一次会话和下一次会话之间是没有任何联系，这时当用户访问服务端并进行登录后，客户端之后的请求服务端依然无法对客户端身份进行识别， 如果将客户端与服务器之间的多次交互当做一个整体来看，那么服务端若想识别客户端的身份那么就需要将多次交互所涉及的数据（状态）保存下来。
2024-10-27 11:03:44
873
原创 apply call bind 简介
当我们使用一个函数需要改变 this 指向的时候才会用到 call() apply() bind() 当然也别忘记了箭头函数call() 和 apply() 是对函数的调用，在调用的同时绑定 this 上下文并传递参数列表bind() 是对函数的拷贝进一步的封装， 为函数永久绑定 this 上下文并赋予固定参数call() 和 bind() 以参数列表形式给函数指定参数， apply() 则以数组的形式给函数指定参数。
2024-10-26 11:21:26
740
原创 Js 中迭代器、生成器详解!
什么是 迭代器? 广义上来讲 迭代器 (iterator) 有时又称光标 (cursor) 是程序设计软件的一种 设计模式……
2024-10-26 11:19:09
1086
原创 JavaScript 中四种常见的数据类型判断方法
本文比较了 JS 中常用的数据类型判断方法, 我们探讨了它们的适用场景和注意事项, 这些方法在面试中也是常见的问题, 深入了解这些方法可以帮助我们准确判断数据类型, 提高代码质量和可靠性....
2024-10-25 07:54:38
2868
原创 JS 中何谓相等性判断?
在上文梳理 Map 的过程中, 在键值相等性比较一节遇到 零值相等 概念, 当时对这个概念那是一知半解, 所以特地针对 相等性判断 相关知识做了一次详细的梳理……
2024-10-25 07:52:42
1440
原创 重写 CSS Flexible Box
Flex 是 Flexible Box 的缩写, 意为 弹性布局, 用来为盒状模型提供更为灵活的布局能力, 它给 Flexbox 的 子元素 之间提供了强大的 空间分布(伸缩) 和 对齐能力……
2024-10-24 11:35:26
617
原创 请列举四种「等比例自适应矩形」实现方案？
本文将介绍四种等比例自适应矩形的实现方案, 这四种方案包括两种早期常用的 vw 和 padding 方案, 还包括不常见两种方案: aspect-ratio 以及 cqw ...
2024-10-24 11:33:43
733
原创 要不重新认识下「border-radius」?
在这篇文章中, 我们将探讨边框圆角的各种方面, 包括其绘制规则、在不同元素重叠情况下的表现, 以及与其他 CSS 属性相互作用的效果。通过深入理解边框圆角的工作原理, 我们将能够更好地利用这一特性, 为网页设计增添更多的创意和精彩。无论您是一个初学者还是一个经验丰富的开发者, 本文都将帮助您更好地掌握边框圆角
2024-10-15 08:43:16
1325
原创 画对情侣兔, 祝大家中秋节有情人终将团圆
时间像流水般匆匆而过, 一眨眼中秋节就要到了!! 既然如此那就让我用 `CSS` 画一对 `相互依偎的情侣兔` 吧!!! 借此祝福大家, 相信在月圆之夜, 有情人终将团圆, 共享美满幸福的时刻!! 在这个特殊的中秋节...
2024-10-15 08:41:39
667
原创 什么不支持 transition ? 那是你不知道 @property 好不好？
本文将介绍自定义 CSS 属性的另外一个方式, 相比如常规的方式该方式更加的规范, 并且它支持自动设置补间动画噢.....
2024-10-14 09:26:20
999
原创 初识 Grid 布局
网格布局 (Grid) 是最强大的 CSS 布局方案, 它将网页划分成一个个网格, 可以实现任意组合不同的网格, 做出各种各样的布局; 本文介绍就 Grid 布局的用法进行简单的讲解, 助你掌握这强大的 CSS 布局工具
2024-10-14 09:22:46
823
原创 CSS 选择器简单回顾
当我们探讨网页设计和开发时, CSS(层叠样式表) 无疑是一个不可或缺的技术, 它使我们能够精确控制网页的外观和布局, 为用户创造出独特的视觉体验、以及良好的交互体验!!
2024-10-14 09:20:17
1195
原创 CSS 居中那些事
这篇文章探讨了 CSS 居中的技巧和方法。它涵盖了水平居中和垂直居中的不同场景, 并提供了多种实用的CSS代码示例。通过使用居中技术, 您可以轻松地在网页设计中实现元素的居中对齐....
2024-10-14 09:19:01
1430
原创 CSS 容器查询一探究竟
CSS container 已经出来很久了, 你是否真的好好了解过呢? 快来看一看吧, 本文将对 CSS container 特性进行详细梳理....
2024-10-12 09:53:06
952
原创 CSS 实战录: 双栏、四等分、不等间距、自适应...
本文深入探讨了在实际工作中遇到的一个 Flex 布局问题以及解决方案的总结, 旨在帮助其他开发者更好地应对类似的挑战!!
2024-10-12 09:51:34
1191
原创 BFC: 优化网页渲染的秘密利器
深入探讨BFC (块级格式化上下文) 的作用与特性, 解读其对元素布局、清除浮动和边距折叠等问题的影响。了解创建和操控BFC的方法, 并探讨其对性能和用户体验的积极影响...
2024-10-11 08:37:57
1166
原创 :has(): 根据「页面任意元素状态」为「任意元素」设置「不同样式」
本文将简单介绍 :has() 的使用, 并介绍三种常见的使用场景! 同时将会介绍几个实战案例, 来帮助大家深入理解 :has() 的强大之处…
2024-10-11 08:29:48
651
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人