刷新
JS-前端埋点神器 navigator.sendBeacon 全指南

博主头像 ‍ 写在开头 点赞 + 收藏 学会 前言 在前端开发中,埋点系统是必不可少的一环。我们经常需要在用户关闭页面、刷新或跳转路由时,向服务器发送最后一条统计数据(比如用户停留时长、页面跳出率)。 但这看似简单的需求,在实现时却危机四伏:请求发不出去?页面跳转卡顿?今天我们就来聊聊这个 ...

0.1加0.2为什么不等于0.3

博主头像 ‍ 写在开头 点赞 + 收藏 学会 0.1 + 0.2 为什么不等于 0.3?答不上来的都挂了 这个问题你可能在面试、线上 Bug、甚至随手写 Demo 的时候都见过: console.log(0.1 + 0.2 0.3); // false 很多人第一反应是“浮点数精度问题”, ...

JavaScript this绑定规则:告别踩坑指南!

博主头像 ‍ 写在开头 点赞 + 收藏 学会 前言 在JavaScript学习中,this绝对是“让人又爱又恨”的存在——它看似简单,用起来却总让人摸不着头脑,一不小心就踩坑。有人说它是“动态代词”,有人说它是“隐式传递的对象引用”,其实只要摸清它的绑定规则,就能轻松驾驭!今天就结合具体代 ...

前端如何防止用户重复提交表单?4 种可靠方案(附防坑指南)

博主头像 ‍ 写在开头 点赞 + 收藏 学会 别再只靠“禁用按钮”了!真正的防重提交,需要前后端协同。 在电商下单、用户注册、支付发起等关键场景中,用户连点多次“提交”按钮是再常见不过的行为。 轻则造成数据库写入多条重复记录,重则导致用户被扣款两次、库存超卖——这绝不是危言耸听。 那么,前 ...

90%前端面试必问的12个JS核心,搞懂这些直接起飞!

博主头像 ‍ 写在开头 点赞 + 收藏 学会 你是不是也遇到过这样的场景?面试官抛出一个闭包问题,你支支吾吾答不上来;团队代码review时,看到同事用的Promise链一脸懵逼;明明功能实现了,性能却总是差那么一点... 别慌!今天我整理了12个JavaScript核心概念,这些都是20 ...

做了一个网页天气可视化

博主头像 搜索"网页天气效果",你大概率会找到两类东西:一类是纯 CSS 写的下雨动画,十几行代码,@keyframes 让 div 从上往下飘;另一类是"调用天气 API 展示温度"的教程,跟视觉效果没半点关系。 真正意义上的"沉浸式天气可视化"——雨滴打到界面元素上溅射、雪花堆积在导航栏、镜头光斑随太阳位 ...

探索JavaScript的秘密令牌:独一无二的`Symbol`数据类型

博主头像 ‍ 写在开头 点赞 + 收藏 学会 引言 在JavaScript的广阔世界中,数据类型构成了其最基础的语法元素。随着ES6的发布,这个大家庭迎来了两位新成员:BigInt和Symbol。如果说BigInt是为了解决大数运算的精度问题,那么Symbol的诞生,则像是一把为对象属性开 ...

打破同源枷锁:深入理解 postMessage 跨域通信机制

博主头像 作为前端开发,你一定遇到过这样的场景:主站嵌入了第三方支付的 iframe,需要同步用户登录状态;或者通过 window.open 打开的子窗口,要向父页面传递操作结果。此时,浏览器的“同源策略”就像一道无形的墙,直接阻断了页面间的直接交互。而 postMessage 正是为打破这道枷锁而生的 HT ...

display: contents 详解

博主头像 ‍ 写在开头 点赞 + 收藏 学会 display: contents 是一个相对较新的 CSS 属性值,它会让元素自身不生成任何盒子,但它的子元素和伪元素仍然正常生成。简单说:元素本身从渲染树中消失,但它的孩子还在。 基本概念 工作原理 <div class="parent"> ...

一文读懂:CommonJS 和 ES Module 的本质区别

博主头像 ‍ 写在开头 点赞 + 收藏 学会 面试官:你能说说 CommonJS 和 ES Module 的区别吗? 我:……(脑子里只剩下 require 和 import) 说实话,这个问题你一定见过,而且99% 的前端都背过标准答案。 但真要往深了问一句: 为什么 ESM 可以 Tr ...

数组转树与树转数组

博主头像 ‍ 写在开头 点赞 + 收藏 学会 扁平数组转树形结构 (Array To Tree) 核心痛点 处理“数组转树”最直观的思路是使用递归配合双重循环:遍历数组中的每一项,再次遍历数组寻找其子节点。 这种做法的时间复杂度为 O(n2)O(n2)当数据量 nn较小时(如几十条菜单), ...

普通Fetch和Fetch 流式的区别?

博主头像 ‍ 写在开头 点赞 + 收藏 学会 你想弄清楚 Fetch 流式的核心定义、工作原理和实际价值,简单来说,Fetch 流式是 Fetch API 提供的「边接收、边处理」数据的能力,它让前端不再需要等待服务端返回完整的响应数据,而是能逐块读取、处理数据,是前端处理大文件、实时数据 ...

前端工程化 - 良好的feature-based-目录结构与具体示例

博主头像 良好的feature-based-目录结构与具体示例 背景 先拆”业务边界”,不是拆组件 从业务角度来说,这个订单页其实有3个部分: 核心 - 浏览能力 订单列表 基础筛选 分页 Extension - 可选 - 插件能力 高级筛选 导出 状态变更 Detail - 按需能力 订单详情单床 重构目录 ...

123···9>