大宇宇宇

菜单

大宇宇宇 前端开发练习生

归档

2025 年 09 月

异步编程的几种方式，怎么避免回调地狱

2025-09-24

异步编程的几种方式 1. 回调函数（Callback） 就是最基础的“你做完一件事后，告诉我一声，我继续做下一步”。比如： setTimeout(() => { console.log("时间到！"); }, 1000); 但如果你一个回调里再套一个回调，再套一个……代码就会变成“金字塔”，很难
浏览器渲染过程

2025-09-24

浏览器渲染过程是将 HTML、CSS 和 JavaScript 转化为可视化页面的复杂流程，主要分为以下几个关键阶段： 1. 解析（Parsing） HTML 解析：浏览器将 HTML 文本转换为 DOM（文档对象模型）树，标记之间的嵌套关系会形成树的层级结构 CSS 解析：将 CSS 样式转换为
事件冒泡、事件捕获和事件委托

2025-09-24

JS学习日记 #JS
事件冒泡（Event Bubbling）、事件捕获（Event Capturing）和事件委托（Event Delegation）是 JavaScript 中与事件处理相关的三个重要概念。它们涉及到事件在 DOM 树中传播和触发的方式。 事件冒泡（Event Bubbling）： 事件冒泡是指当一个
强缓存和协商缓存

2025-09-22

什么是浏览器的强缓存和协商缓存？ ① 强缓存 强缓存是指浏览器无需与服务器进行通信，而是直接根据本地缓存是否过期来判断缓存资源是否可用的。强缓存的整体工作流程如下
常见的HTTP状态码

2025-09-22

常见的HTTP状态码有哪些？分别表示什么？ ① 1XX：信息状态码 100 Continue：继续，一般出现在发送POST请求中，当已经发送了http header之后，服务端会返回该状态码，表示确认，继续发送具体参数信息。
网站性能优化方案

2025-09-22

前端进行网站性能优化的方法有哪些？ ① 减少HTTP请求 合并CSS和JS文件、使用CSS精灵图合并图片、使用内联SVG代替图片等等。 ② 优化文件大小 <
大文件分片上传：逻辑拆解＋代码实战

2025-09-22

JS学习日记 #JS
一、单文件直传方案的局限性 传统的单文件直传方案，是指前端获取到文件对象后，直接通过 FormData 将整个文件用一个上传请求发送给服务器。但这种方案只适用于小文件上传，在面对GB级别的大文件时，就存在诸多的局限性，比如： 上传时间长： 单次请求的数据量过大，请求需
Cookie、Session、localStorage 和 sessionStorage 的区别

2025-09-09

HTML5+CSS3学习日记 #H5+C3
一、Cookie 和 Session 的区别 1. 什么是 Cookie？ Cookie 是由服务器生成并发送到客户端的一小段数据，客户端会将其存储并在后续请求中携带，帮助服务器识别用户。Cookie 主要用于以下场景： 用户身份认证（如记住登录状态） 存储用户偏好设置 跟踪用户行为（如广告点击记录
ES6 新特性

2025-09-07

ES6 #es6
ES6(ECMAScript 2015)是JavaScript语言的重大更新，引入了许多强大的新特性，极大地提升了JavaScript的开发体验和能力。以下是ES6主要新增知识点的详细总结： (一)、ES6变量声明：let 和 const 详解 一、let 和 const 的基本概念 ES6引入了两
CSS左侧固定，右侧自适应布局

2025-09-07

HTML5+CSS3学习日记 #H5+C3
一：float+bfc ，左侧宽度不需要固定，但父级容器宽度需大于左侧宽度，否则右侧被挤压无法展示 /*左浮动固定宽度，右边盒子overflow:hidden触发bfc，使其不与浮动盒子区域重叠，因此会重
css中垂直居中的方式

2025-09-07

HTML5+CSS3学习日记 #H5+C3
在CSS中，实现垂直居中的方法有多种，每种方法适用于不同的场景。以下是常见的垂直居中方式及其实现原理和适用场景： 1. Flexbox 布局（推荐） 原理：通过父容器的 display: flex 和 align-items: center 实现垂直居中。 代码： .parent { displ
NPM原理

2025-09-05

NPM（Node Package Manager）是 Node.js 的官方包管理工具，其核心原理可概括为以下 4 大关键机制： 1. 包管理核心流程 （1）依赖安装 (npm install) 读取配置：解析 package.json 中的依赖声明（如 "express": "^4.17.1"）。
上一页 下一页