自定义博客皮肤VIP专享

*博客头图:

格式为PNG、JPG,宽度*高度大于1920*100像素,不超过2MB,主视觉建议放在右侧,请参照线上博客头图

请上传大于1920*100像素的图片!

博客底图:

图片格式为PNG、JPG,不超过1MB,可上下左右平铺至整个背景

栏目图:

图片格式为PNG、JPG,图片宽度*高度为300*38像素,不超过0.5MB

主标题颜色:

RGB颜色,例如:#AFAFAF

Hover:

RGB颜色,例如:#AFAFAF

副标题颜色:

RGB颜色,例如:#AFAFAF

自定义博客皮肤

-+
  • 博客(206)
  • 收藏
  • 关注

原创 前端面试题每日一学_23

1、Promise都有哪些状态?2、JS中简单数据类型和复杂数据类型的区别是什么?3、在JS中 null和undefined 的区别是什么?

2025-09-23 20:48:09 879

原创 前端大文件分片上传:逻辑拆解+代码实战

分片上传是专门针对大文件上传场景优化的一种上传方案,具有文件分片、文件秒传、断点续传、并发上传、进度展示、失败重试、取消上传。

2025-09-23 20:45:56 1600

原创 前端面试题每日一学_22

1、谈谈你对AMD和CommonJS的理解?2、web开发中常见的会话跟踪方法有哪些?3、eval()方法有了解过吗?

2025-09-16 09:18:12 907

原创 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

原创 前端面试题每日一学_20

1、JS中定义对象数据类型的方法有哪些?2、前端哪些操作可能会造成内存泄漏?3、请讲述一下Ajax的原理以及其优缺点

2025-08-11 11:45:45 538

原创 前端经典场景:如何在页面卸载时向后端发送数据

本文介绍了五种前端在页面卸载时发送数据的方案,包括推荐的Navigator.sendBeacon()和Fetch + keepalive方法,以及同步XHR、创建img元素和WebSocket等方案。文章内还提供了复合方案代码示例,将多种方法结合使用以提高兼容性和可靠性,并针对PC端和移动端分别使用不同的事件监听方式。

2025-08-11 11:44:36 1270

原创 前端面试题每日一学_19

1、请谈谈你对JS中原型和原型链的理解?2、跨域是如何产生的?其存在的意义是什么?3、解决跨域问题的常见方案有哪些?

2025-08-04 08:56:26 901

原创 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

原创 前端面试题每日一学_16

1、说说你对JS中闭包的理解?2、讲一下对JS作用域链的理解?3、解释一下什么是事件代理?

2025-07-15 12:21:55 931

原创 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

原创 JS严格模式:全面解析与开发实践

严格模式对正常的 JS 语法进行了限制,“强迫”开发者编写更安全、更高质量的JS代码。

2025-03-24 16:21:43 1104

原创 前端面试题每日一学_12

1、position属性的各个值都是相对于什么进行定位的?2、相邻的行内块(display:inline-block)元素之间为何会出现间隙?如何解决?3、前端在写CSS动画时,你认为每帧的最⼩时间是多久?为什么?

2025-03-10 10:38:31 602

原创 前端百科:常用设计模式解析

详细解析五种前端开发中常用的设计模式(含demo)

2025-03-10 10:38:10 779

原创 前端面试题每日一学_11

1、谈谈对BFC的理解?如何创建BFC?2、清除浮动的常用方法有哪些,各⾃的优缺点是什么?3、讲一下CSS盒模型的区别

2025-02-24 16:07:36 893

原创 前端必备技能:如何精准区分移动端和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

原创 前端面试题每日一学_1

1、前端SEO优化的方法有哪些?2、img标签的title和alt属性的区别是什么?3、HTTP常见的请求方法有哪些?

2024-07-27 19:30:34 424

Web APIs 之 Selection对象和Range对象的基本使用

使用场景:针对用户选中页面内容后,获取用户,选中部分的内容,并对选中部分进行处理的场景。或者想要设置页面某部分内容默认呈现选中状态的场景。 `Selection`对象存储了用户在网页上选择的文本范围或者光标符号的位置等信息,代表网页中的文本选区,可能横跨多个元素,包含文本、图片等等。文本选区是由用户点击鼠标左键并拖拽鼠标选中页面内容产生的,也就是指页面上变成蓝底的那一部分内容。 `Range`对象表示一个包含节点与文本的文档片段,通常与`Selection`对象结合使用,`Selection`对象选中的文本选区所对应的文档片段,就是一个`Range`对象。

2023-02-21

空空如也

TA创建的收藏夹 TA关注的收藏夹

TA关注的人

提示
确定要删除当前文章?
取消 删除