- 博客(206)
- 收藏
- 关注
原创 前端面试题每日一学_23
1、Promise都有哪些状态?2、JS中简单数据类型和复杂数据类型的区别是什么?3、在JS中 null和undefined 的区别是什么?
2025-09-23 20:48:09
879
原创 前端大文件分片上传:逻辑拆解+代码实战
分片上传是专门针对大文件上传场景优化的一种上传方案,具有文件分片、文件秒传、断点续传、并发上传、进度展示、失败重试、取消上传。
2025-09-23 20:45:56
1600
原创 JS必备技能:数据类型判断与底层原理解析
本文梳理并解析了 5 类常用的数据类型判断方法,包括:基础类型常用的 typeof、对象类型专属的 instanceof 、全类型通用的 Object.prototype.toString.call()、基于构造函数引用的 constructor,以及针对数组、NaN、整数等场景的特定判断方案。
2025-09-16 09:12:16
1264
原创 前端面试题每日一学_21
1、请简述一下XML和JSON的区别?2、你了解过JQuery吗?你觉得JQuery源码有哪些可取之处?3、常见的网络攻击及对应防护手段有哪些?
2025-08-26 16:44:37
783
原创 前端请求技术争霸赛:新秀Fetch VS 老将XHR
Fecth 是 JS 原生提供的用于发起网络请求的现代API,基于Promise设计,提供了更简洁、更灵活的方式来处理网络请求。XHR(XMLHttpRequest)是 JS 原生提供的用于发起网络请求的传统API,基于回调函数设计,它奠定了Ajax的基础,使前端能够在不刷新页面的前提下与服务器进行数据交互。
2025-08-26 16:43:43
672
原创 前端经典场景:如何在页面卸载时向后端发送数据
本文介绍了五种前端在页面卸载时发送数据的方案,包括推荐的Navigator.sendBeacon()和Fetch + keepalive方法,以及同步XHR、创建img元素和WebSocket等方案。文章内还提供了复合方案代码示例,将多种方法结合使用以提高兼容性和可靠性,并针对PC端和移动端分别使用不同的事件监听方式。
2025-08-11 11:44:36
1270
原创 Node.js学习记录(三)--- fs模块
Node.js fs模块是用于文件系统操作的核心工具,提供同步和异步两种文件操作方法。fs/promises模块提供Promise风格的API,支持async/await语法,提高了代码可读性和可维护性。
2025-08-04 08:55:10
1238
原创 前端面试题每日一学_18
1、JS中调用构造函数时,new操作符具体做了哪些操作?2、请用JS模拟 new 操作符的实现。3、前端异步加载JS的方法有哪些?
2025-07-28 08:47:11
894
原创 Node.js学习记录(二)--- Buffer和path模块
Node.js中的Buffer是一个全局对象,用于高效处理二进制数据。它是一块固定大小的原始内存空间,类似于整数数组,每个元素代表一个字节。path模块是Node.js内置模块,用于跨平台处理文件路径,提供路径分隔符等属性和标准化方法。
2025-07-28 08:45:53
1328
原创 前端面试题每日一学_17
1、script标签的defer和async属性有什么不同?2、在JS中获取DOM元素的offsetWidth(offsetHeight)、clientWidth(clientHeight)与 scrollWidth(scrollHeight) 三个属性有什么不同?3、请整体讲一下DOM事件流(事件传播机制)
2025-07-21 17:06:59
788
原创 前端百科:浏览器缓存机制详解
浏览器缓存机制通过存储资源(如HTML/CSS/图片)减少重复请求,提升加载速度。缓存分为强缓存(直接使用本地资源,通过Cache-Control/Expires控制)和协商缓存(与服务器验证资源更新,通过ETag/Last-Modified实现)。
2025-07-21 17:06:43
1124
原创 Node.js学习记录(一)--- 基础概念
Node.js是一个基于Chrome V8引擎的JavaScript运行环境,具有非阻塞I/O和事件驱动架构,适合I/O密集型应用。它提供丰富内置模块(如fs、http)和NPM生态,支持CommonJS和ES Modules两种模块化规范。Node.js通过单线程事件循环处理高并发,避免了多线程的资源开销。
2025-07-15 12:21:38
935
原创 前端面试题每日一学_15
1、知道CSS有个content属性吗?展开讲讲。2、重绘和重排是什么?如何减少重排和重绘的次数?3、在 CSS 中如何触发硬件加速?
2025-04-18 10:16:43
828
原创 前端面试题每日一学_14
1、CSS中rgba()和opacity都可以设置透明度,请问两者有什么区别?2、CSS中控制文本水平间距和垂直间距的属性是什么?3、CSS中em和rem的区别是什么?与px的转换关系是怎样的?
2025-04-18 10:16:33
673
原创 前端面试题每日一学_13
1、谈一下Base64的原理及其优缺点。2、你使用过CSS预处理器吗?我们为什么要在项目中使用CSS预处理器?3、什么是边距折叠现象?解决方案有哪些?
2025-03-24 16:22:27
739
原创 前端面试题每日一学_12
1、position属性的各个值都是相对于什么进行定位的?2、相邻的行内块(display:inline-block)元素之间为何会出现间隙?如何解决?3、前端在写CSS动画时,你认为每帧的最⼩时间是多久?为什么?
2025-03-10 10:38:31
602
原创 前端必备技能:如何精准区分移动端和PC端
本文具体列举了6种通过JavaScript进行判断的具体方案,包含传统UA检测、新兴API,以及各自的优缺点等等。可根据具体的业务场景选择合适的方案,并在最后提供了更鲁棒的组合方案。
2025-02-24 15:57:06
1715
原创 前端面试题每日一学_10
1、CSS中隐藏元素不显示的常见方法有哪些?都有什么区别?2、使用link和@import 导入CSS的区别是什么?3、什么是FOUC现象?如何避免?
2025-01-22 18:36:27
979
原创 前端面试题每日一学_9
1、说一下HTTP Request报⽂的组成结构?2、说一下HTTP Response报⽂的组成结构?3、在HTTP请求和响应中常见的Content-Type类型有哪些?
2024-12-22 20:06:49
748
原创 前端面试题每日一学_8
1、HTML元素属性中src与href属性的区别是什么?2、网页制作中常用的图片格式有哪些?3、如果页面上存在大量图片(如电商网站),加载速度就会很慢,请问有哪些优化方案?
2024-12-04 20:30:55
642
原创 CSS奇思妙想:动态点亮文本下划线
本文分享了一种纯CSS实现的动态文本下划线效果。利用到了:行内元素的基础特性、元素背景特性、trasition过渡等CSS的基础知识。
2024-12-04 20:30:35
1552
原创 前端面试题每日一学_7
1、HTML中meta标签的相关设置有哪些?2、谈谈你对渐进增强和优雅降级的理解。3、利⽤多个域名来存储⽹站资源有什么优缺点?
2024-11-21 10:27:56
844
原创 揭开迷雾:全面解析JS中的this指向问题
大多数时候this的指向不是在编写时确定的,而是在代码执行时根据函数的调用方式来决定,简单来说,this的指向取决于函数的调用者(箭头函数除外)。
2024-11-21 10:27:32
1363
原创 前端面试题每日一学_6
1、 常见的HTML全局属性 ( global attribute ) 有哪些?2、谈谈Canvas和SVG两者的区别3、页面绘制一个可点击的圆形区域的方法有哪些?
2024-11-10 21:21:56
690
原创 突破浏览器限制:前端超小字号实现技巧
本文将详细介绍几种实现小于12px字号的方案,包括CSS缩放、相对单位、使用SVG文字等多种方案,并逐一解析这些方案的实现步骤、优缺点和适用场景。
2024-10-17 14:07:56
2818
2
原创 前端面试题每日一学_5
1、谈谈iframe存在哪些问题?2、HTML文件中第一行`!DOCTYPE html`的作用是什么?3、HTML常见的块级元素、行内元素和行内块元素有哪些?它们之间的嵌套规则是怎样的?
2024-10-17 14:06:58
624
原创 探索Base64奥秘:数据转换的神奇魔法师
Base64是一种基于64个可打印ASCII字符来表示二进制数据的编码方式,常用于需要通过文本数据传输、存储二进制数据的场景中。
2024-09-23 10:25:39
1772
原创 前端面试题每日一学_4
1、谈一下对浏览器内核的理解;2、HTML5有哪些新特性?废弃了哪些特性?3、请描述一下cookie、sessionStorage和localStorage的区别
2024-09-23 10:25:15
1033
原创 解锁 Vue3 新技能:Transition和TransitionGroup 的奇妙世界
Transition和TransitionGroup是Vue的内置动画组件,用于制作基于元素状态变化的动画效果,相较于原生CSS实现动画,使用起来更加方便,功能更加强大。
2024-09-03 13:42:34
1605
原创 前端面试题每日一学_3
1、前端进行网站性能优化的方法有哪些?2、常见的HTTP状态码有哪些?分别表示什么?3、谈谈对HTML5中语义化标签的理解
2024-09-03 13:42:13
864
原创 CSS 之 动态九宫格效果
一个纯CSS实现的动态九宫格布局效果,使用到了CSS自定义属性、 :has()伪类选择器、trasition过渡等知识点。
2024-08-22 10:53:27
1180
原创 前端面试题每日一学_2
1、浏览器地址栏中输入URL到显示页面,中间都经历了什么?2、请解释一下TCP建立连接时的三次握手?3、3、请解释一下TCP断开连接时的四次挥手?
2024-08-22 10:50:59
985
Web APIs 之 Selection对象和Range对象的基本使用
2023-02-21
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人
RSS订阅