自定义博客皮肤VIP专享

*博客头图:

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

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

博客底图:

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

栏目图:

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

主标题颜色:

RGB颜色,例如:#AFAFAF

Hover:

RGB颜色,例如:#AFAFAF

副标题颜色:

RGB颜色,例如:#AFAFAF

自定义博客皮肤

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

原创 深入理解 CSS 属性 pointer-events: none

pointer-events 属性控制一个元素是否能够接收用户的指针事件。指针事件通常指鼠标点击、悬停、拖动,或者触摸事件等。这些事件可以用来触发元素的交互,例如按钮点击、链接跳转、元素拖动等。pointer-events的常见值auto:元素可以正常接收鼠标事件(默认值)。none:元素不会响应任何鼠标事件或触摸事件,所有指针事件都会被忽略。等:这些值更多是 SVG 场景中的特定用法。:这些值适用于 SVG 元素,用来控制元素的填充区域和描边区域是否响应指针事件。

2024-11-15 11:45:24 2036

原创 使用.jsx和.js文件书写react代码的区别

【代码】使用.jsx和.js文件书写react代码的区别。

2024-07-12 09:15:00 551

原创 React Hooks学习笔记

useMemo 接收2个参数,第1个参数为执行运算的函数,第2个参数为要监控的状态。有2个函数,第一个参数是要缓存的函数,第二个参数是一个数组 (响应值变化时更新函数)

2024-07-10 16:46:50 1144

原创 SessionStorage和loacalStorage区别

SessionStorage中存储的数据在当前会话期间有效,即当页面关闭时数据将被清除。

2024-07-06 09:30:00 833

原创 解决高德地图标点密集问题

高德地图提供了地图标点聚合的功能,我们可以在调用API时设置标点聚合的参数,让地图自动将附近的标点进行聚合显示,减少地图上的标点密集情况。在调用API时,可以提供搜索功能,让用户可以根据关键词搜索需要的标点信息,然后在地图上显示相应的标点,帮助用户快速找到目标信息。根据用户的缩放级别和地图显示范围,可以调整标点的显示密度,让地图在不同层级下显示合适数量的标点信息,保持地图清晰度和可读性。

2024-07-03 08:45:00 908

原创 ts中的unknown、never、any的区别

在 TypeScript 中,any 类型可以被赋予任何类型的值,它是一种动态类型。使用 any 类型时,TypeScript 编译器将会关闭类型检查,这意味着可以对任何属性进行访问,调用任何方法,而不会受到编译器的限制。因此,any 类型可以被看作是 TypeScript 中的“逃逸阀”,在某些情况下可以用来解决类型不确定的问题,但也会降低类型安全性。

2024-07-02 09:00:00 644

原创 深入理解事件委派和冒泡以及捕获

事件委派是一种常见的事件处理机制,通过将事件处理程序绑定到父元素上,来管理子元素的事件处理。当子元素触发事件时,事件会冒泡到父元素,然后由父元素上的事件处理程序来处理。这种机制可以减少事件处理程序的数量,提高性能,并且方便动态添加或删除子元素时的事件处理。

2024-06-26 09:15:00 525

原创 JS原型与原型链学习笔记

在JavaScript中,每个对象(除了null)都有一个原型(prototype)。原型是一个对象,它包含了共享的属性和方法。当你创建一个对象时,这个对象会自动拥有一个指向原型的内部属性__proto__。

2024-06-25 09:00:00 617

原创 懒加载和预加载的区别

懒加载是一种延迟加载资源的技术,即在需要的时候才加载资源,而不是在页面初始加载时就全部加载。这样可以减少页面加载时间和带宽消耗。

2024-06-23 09:00:00 640

原创 前端打包工具——webpack和vite

Vite在开发阶段利用浏览器原生ES模块加载,实现即时热更新;在生产环境下会进行代码压缩和预构建优化。

2024-06-20 09:00:00 715

原创 CSS布局——Flex布局和Grid布局

在上面的代码中,.container是Flex容器,通过设置将其定义为Flex容器,并使用和属性将Flex项目在主轴和交叉轴上居中排布。.item是Flex项目,通过设置flex: 1;实现项目的灵活伸缩,并设置margin属性实现项目之间的间距。

2024-06-19 08:45:00 959

原创 深入理解JavaScript中typeof和instanceof的区别

typeof用于检查基本数据类型和函数类型,返回一个表示数据类型的字符串;而instanceof用于检查对象的原型链,返回一个布尔值表示是否是特定构造函数的实例。typeof适用于基本数据类型和函数类型,而instanceof适用于对象实例的检查。typeof返回的是字符串,而instanceof返回的是布尔值。typeof无法准确地判断null的类型,而instanceof可以准确判断对象实例的类型。

2024-06-18 09:00:00 1780

原创 vue中 key的作用与原理

在上面的代码中,我们使用了v-for指令来遍历items数组,并为每个li元素设置了唯一的key,即item.id。由于每个li元素都有唯一的key,Vue可以准确地追踪到每个元素的变化,只更新需要更新的部分,而不是重新渲染整个列表。在Vue中,当使用v-for指令进行列表渲染时,每个VNode都需要有一个唯一的key值。Vue通过比较新旧VNode的key值来确定VNode的变化情况,进而决定是否重新渲染该VNode。在Vue中,key是用于识别VNode的特殊属性。

2024-06-17 09:30:26 663 1

原创 promise学习笔记

JavaScript 异步编程是处理长时间运行的任务而不会阻塞主线程的一种方式。JavaScript 是单线程的,这意味着一次只能执行一个任务。异步编程允许程序在等待耗时操作(如网络请求、文件读取、计时器等)完成时继续执行其他任务。

2024-06-07 09:23:33 744

原创 学习笔记——SpringMVC

SpringMVC是一种流行的Java Web框架,其基于MVC架构设计,提供了灵活的、高效的Web应用程序开发方式。

2023-11-24 09:11:13 1437 1

空空如也

空空如也

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

TA关注的人

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