自定义博客皮肤VIP专享

*博客头图:

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

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

博客底图:

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

栏目图:

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

主标题颜色:

RGB颜色,例如:#AFAFAF

Hover:

RGB颜色,例如:#AFAFAF

副标题颜色:

RGB颜色,例如:#AFAFAF

自定义博客皮肤

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

原创 浏览器的缓存机制

浏览器缓存是提升网页性能的核心机制,它通过存储资源副本(如HTML、CSS、JS、图片等),在后续请求时直接复用本地资源。

2025-07-29 11:11:57 902

原创 从源码理解 Promise

事件循环是 JavaScript 异步编程 的核心机制,异步任务完成后如何通知主线程?回调函数 成为最直接的解决方案。然而回调函数存在一系列问题,因此 ES6 引入了 Promise。

2025-07-28 10:40:37 856

原创 什么是 Monorepo ? 如何实现?

多个项目(或包)的代码放在 同一个版本控制仓库 中进行管理。Ps:想象一个大房子(一个大的代码仓库),里面住着好几个相关的项目(比如前端的网页 App、后端的服务器程序、共享的工具库),它们不再各自住单独的小房子(单独的仓库),而是共享同一个大空间、同一个地址簿(版本管理)、同一个工具箱(构建工具)。这个大房子就是 Monorepo。

2025-06-14 17:33:35 846

原创 React 的 类组件 和 函数式组件 有什么区别?

函数式组件和类组件在功能上已趋于等价,但函数式组件凭借 Hooks 在代码简洁性、逻辑复用性、未来兼容性上更具优势。建议开发者优先掌握函数式组件的使用,同时了解类组件以维护旧代码。

2025-06-08 17:57:40 664

原创 MobX 有什么用?相比 React Hooks 的优点?

MobX 的核心是通过和这种机制比基于手动依赖声明的useMemo或useEffect更精准和高效。

2025-06-08 17:52:00 829

原创 终于理解闭包是什么了(含防抖、节流)

函数放学回家了(执行完毕),但它依然背着自己的书包(保存了函数创建时的作用域变量),随时可以打开书包用里面的东西。闭包(Closure)是编程中一个非常重要的概念,尤其在 JavaScript 中广泛使用。假设你是一个学生,每天背着书包去上学。,可以简单理解为“函数记住了自己被创建时的环境”。:即使外部函数已执行完毕,其变量也不会被垃圾回收。:闭包中的变量对外部不可见,实现数据封装。:内部函数可以访问外部函数的变量。

2025-06-08 17:41:01 540

原创 HTML + CSS 制作 PDF 简历,轻松Get

再使用 Rendering 面板,找到 Emulate CSS media type,在下拉菜单中选择 print ,页面会立即应用打印样式(背景变白/布局变化)此时的页面样式就与浏览器通过 print 功能生成的 PDF 基本上一致。可以根据页面显示,来修改调整样式。先将 HTML 和 CSS 文件写起来,填充自己想要的内容和基础样式。浏览器右键的 print 功能 (ctrl + p),直接生成 PDF。此方法简单方便,可以生成任何你想要的简历样式。

2025-06-08 17:17:21 207

原创 Git重命名文件/文件夹注意事项

在使用 VScode UI 重命名文件和文件夹时,git commit 会报错,识别不了重命名的文件。试错后了解到最好执行git mv 命令来重命名文件、文件夹,这样才会被git识别到;或者在文件夹中直接使用管理员身份重命名文件,不要在 VScode 中修改。

2024-04-08 17:32:40 469

原创 antd+react 实现多组复选框

背景:此多选框是放在Antd的一个Form表单里,用了Form表单的自定义控件,更方便地获取值。注意项:组件刚加载时,若焦点聚焦在其他input框,此时点击多选框,就不能再连续点击此多选框了,可以给多选框设置 onClick={(e) => e.stopPropagation()}

2024-04-08 17:30:54 498

原创 使用post请求建立长连接实现SSE

SSE 是指服务器发送事件(Server-Sent Events),它是一种用于在客户端和服务器之间单向实时通信的 Web 技术。通过 SSE,服务器可以向客户端发送异步事件流,而无需客户端发起请求。原生的EventSource 不能使用post方法,只能使用get方法,而且还不能自定义请求header,所以这里使用npm包。:自定义请求头,且可使用post请求,不兼容IE浏览器。:可使用post请求,但没正式发布,使用的人不多。

2024-02-21 15:16:44 2891

原创 Git和GitHub的使用及注意事项

一般自己上传文件时,是一次性全部修改完,再add + commit,但是如果有功能分区,比如修改了功能A,也修改了功能B,此时就有了分两次commit的需求(因为两次commit,会保存两次快照,当你只想回退到功能A未作修改而功能B已做修改的时候,就有了此需求),因此需要暂存区来帮助我们更清晰的回退。(要养成上班先git pull,下班git push的习惯,才能保证在最终git push的时候本地commit历史和远程commit历史是一致的)b站上黑马程序员的课质量还不错,搭配老师的ppt看,很高效。

2022-11-20 20:57:58 326

原创 CSS-常用元素垂直居中方法

【代码】CSS-常用元素垂直居中方法。

2022-11-20 20:56:11 211

原创 VScode使用

​。

2022-11-19 10:59:04 696

原创 前端学习路线+资源整合

由‘技术胖前端学习路线’延展开来,加入一些自己觉得很好的资源。(持续整理中)

2022-11-15 16:02:32 607

原创 职场锦囊-小tips

泛函的职场锦囊~

2022-10-10 00:30:33 167

原创 前端面试综合

前端面试-八股、项目

2022-10-10 00:26:51 794

原创 前端-自检清单

值是数据;类型是数据的类型,包括基本类型和引用类型;变量是一个用于保存任意值的命名占位符;高阶函数是一个将函数作为参数或者返回值的函数。例如map、filter。js的需要长时间运行的代码,交给浏览器另一个线程去运行,运行完毕之后再添加到js的单线程中去运行,保证了js程序不堵塞。TCP三次握手才能保证双方都有发送和接受信息的能力,若是两次握手,客户端或许因为网络堵塞等原因放弃这个连接了,此时服务器还以为他自己发出确认请求后连接就建立了,为其分配内存之类的,白白浪费很多资源。

2022-09-21 16:30:38 469

原创 练手小项目——别踩白块小游戏

参考:html5实现简单别踩白块小游戏 - XieYingpeng - 博客园效果:代码:<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>white_block</title> <link rel="stylesheet" href="white_block.css"><..

2022-04-17 23:34:59 2955

原创 练手小项目——canvas放大镜效果 放大图片

参考:canvas之放大镜效果_WHTGS的博客-CSDN博客_canvas 放大镜效果:代码:<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>canvas_magnifier</title> <link rel="stylesheet" href="canvas_magnifier.css"&.

2022-04-16 16:30:07 873 1

原创 练手小项目——CSS 网页版大白 Baymax

效果图html页面结构<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>baymax</title> <link rel="stylesheet" href="baymax.css"></head><body> <div id="baymax">.

2022-04-15 20:28:35 258

原创 互联网大厂前端面试问什么

面试一般问题分为3部分:1.八股文 2.项目问题 3.手写代码说明:本篇文章根据b站小姐姐的面试问题进行总结【前端】互联网大厂前端面试问什么?掌握这些最最最精髓问题,大厂实习不是梦!前端学习路线+全栈学习路线——鱼皮)1.八股文html:1.flex布局flex布局(常问:用法,有哪些属性,可能当场给出图片让写布局);MurphyChen’s Notes移动端开发之 flex 布局原理总结:通过给父盒子添加flex属性,来控制子盒子的位置和排列方式。flex 布局父项常见属性

2022-04-14 22:14:34 347

原创 数据库与身份认证——黑马课程笔记

数据库与身份认证1.数据库的基本概念2.安装并配置MySQL3.MySQL的基本使用3.1使用MySQL workbench管理数据库1.连接数据库2.了解主界面的组成部分3.创建数据库4.创建数据表:DataType数据类型—int整数;varchar(len)字符串;tinyint(1)布尔值 ; 字段的特殊标识—PK 主键、唯一标识;NN 值不允许为空;UQ值唯一;AI 值自动增长5.向表中写入数据3.2 使用SQL管理数据库1.什么是SQL:结构化查询语言,专门用

2022-04-06 23:09:03 2572

原创 JQuery——pink老师课程笔记

JQueryjQuery入门1.JQuery概述是一个JavaScript库,封装了很多函数,学习怎么去调用这些函数2.JQuery的使用下载Download jQuery | jQuery;production版本/development版本引入;页面DOM加载完毕执行代码$(function(){…})$=JQuery,也是顶级对象(相当于window)用原生js获取的对象就是DOM对象,用jQuery方式获取的就是jQuery对象(用$对原生DOM进行了包装)DOM——jQue

2022-04-06 20:53:45 2238

空空如也

空空如也

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

TA关注的人

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