爱喝酒的百里奚

你可能想不到，只用两行 CSS，就能让你的卡片、图片、内容块自动适应各种屏幕宽度，彻底摆脱复杂的媒体查询！ 秘诀就是 CSS Grid 的 auto-fill 和 auto...

面试官：谁跟你说最常见的状态码是200？我看你是没缓存！ 一、200 ≠ 最频繁 在 Web 开发的世界里，我们从第一天学前端就被灌输了“返回 200 是成功”，以至于一听...

1. 前端倒计时为何不准？ 1.1 JavaScript的“单线程陷阱” JavaScript是单线程语言，所有任务（包括定时器回调）都在同一个线程中排队执行。当主线程被耗...

那天晚上，办公室的灯已经灭了大半，我坐在靠窗的位置，刚把代码提交推送完，正打算收键盘走人。她走过来，端着还冒着热气的速溶咖啡……...

一、为什么需要防重复弹窗？ 在实际开发中，前端常遇到 多接口并行请求 的场景： 场景1：电商结算页同时调用库存、优惠券、地址校验接口 场景2：后台管理系统批量提交多个表单 ...

在前端面试中，首屏优化一直是常见的前端性能面试题。 我们可以先用 performance 相关API 来统计下页面的 DOM 加载时间。 旧版统计方法，使用 perform...

ES6 之前，如果想保存数据，可以放到数组或对象中。ES6 开始，新增了 Set、WeakSet 与 Map、WeakMap 这 4 种可以存储数据的数据结构，本篇文章就先...

「这是我参与11月更文挑战的第1天，活动详情查看：2021最后一次更文挑战」 简介： FormData 对象用以将数据编译成键值对，以便用 XMLHttpRequest 来...

Map 中任何值都可以作为一个键或一个值; Map 中每个元素是有顺序的, 它能够记住每个元素首次插入顺序; 同 Object 在 Map 中的一个键只能出现一次, 它在 ...

📚 JS 中 Map 的概念与使用 一、Map 是什么？ Map 是 ES6 新增的一种键值对集合。 与普通对象 {} 不同，Map 的键可以是任何类型（不仅限于字符串或...

前端 | FormData 用法详解 介绍 ​FormData 是 Ajax2.0 对象用以将数据编译成键值对，以便于 XMLHttpRequest 来发送数据。XMLHt...

前因 在日常开发中都是使用公司内部封装好的 request，一直没太注意请求参数类型，源于一次常规需求， 服务端提出：之前的请求参数有问题，需要调整，经过排查后发现之前的 ...

如今，现代Web应用的交互数据处理越来越复杂，对性能的要求越来越高，需要进行复杂计算的场景也越来越多，JavaScript单线程模型很难满足这些需求。在这样的背景下，Web...

前言 Hello~大家好。我是秋天的一阵风 在前端开发中，CSS 的边框（border）属性是网页设计中不可或缺的一部分。它能够为元素添加视觉边界，从而增强页面的层次感和美...

写在开头 学会shape()之后可以轻松完成如下各种不规则图形的效果！ 什么是shape() 语法 为什么需要shape() 我们之前已经有了很多clip-path类型为什...

为什么会有跨域这个问题产生？ 浏览器为什么需要“同源策略”这种安全机制？ 一、防御恶意攻击 防止数据窃取 场景：用户登录银行网站（bank.com）后，访问了一个恶意网站（...

在前端开发中，z-index 和 overflow 是两个看似简单却极易引发误解的 CSS 属性。它们分别控制元素的层叠顺序和内容溢出行为，但在实际应用中，它们的交互常常导...

1. 抽组件 ≠ 拆文件夹 很多初学 Vue 的人对“组件化”的理解就是：“页面上出现重复的 UI？好，抽个组件。” 于是你会看到这样的组件： 接着你又遇到需要加图标的输入...