自定义博客皮肤VIP专享

*博客头图:

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

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

博客底图:

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

栏目图:

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

主标题颜色:

RGB颜色,例如:#AFAFAF

Hover:

RGB颜色,例如:#AFAFAF

副标题颜色:

RGB颜色,例如:#AFAFAF

自定义博客皮肤

-+
  • 博客(86)
  • 问答 (1)
  • 收藏
  • 关注

原创 「San」监听DOM变化的方法

监听DOM变化的方法

2024-11-21 15:08:34 710

原创 San的单向数据流与自定义事件

san的自定义事件

2024-11-21 15:04:27 1030

原创 San与s-ref

s-ref

2024-11-21 14:47:41 431

原创 「技术方案」监听字体大小实现页面高度自适应

是一个现代浏览器支持的 API,用于监听 DOM 元素的尺寸变化。通过监听字体大小变化(会影响元素高度),可以动态调整高度。如果对性能要求不高,或者需要兼容不支持上述方法的浏览器,可以定期轮询检查字体大小是否变化。以上方法无法实现随着字体变化高度的完美变化,总会存在点问题。属性变化,从而捕获字体大小的调整。不满足需求,可以使用。

2024-11-21 14:30:49 508

原创 关于「iframe」的一些总结

iframe是一个功能强大的工具,可以用来嵌入外部内容或增强网页功能。在现代开发中,虽然有其他替代方案(如 AJAX 或 API),但在嵌入不可控的第三方内容(如广告、地图、媒体等)时,iframe仍然是不可或缺的选择。使用时需要注意性能优化、安全性和用户体验。

2024-11-18 15:13:27 1521

原创 CSS Modules中的 :global

CSS Modules中的 :global,帮你修改第三方组件库样式

2024-11-13 15:10:53 1324

原创 CSS Modules在框架中的使用

CSS Moudle在框架中的使用

2024-11-13 14:57:22 986

原创 CSS Modules是什么?

一文带你了解CSS Module

2024-11-13 14:48:51 1184

原创 「面试题」后端一次性返回10万条数据前端如何处理?

后端返回10万条数据如何处理

2024-10-28 11:41:22 811

原创 Web Worker 是什么?

是一种用于在浏览器中创建多线程的技术,它允许在后台运行 JavaScript 代码,而不会阻塞页面的主线程。与主线程分离的 Web Worker 能执行复杂的计算或任务(如大规模数据处理、网络请求),从而保证页面的交互性能。二者在现代 Web 开发中扮演着不同的角色,相互补充,提升 Web 应用的用户体验。Web Worker 在浏览器的后台线程中执行,与主线程并行,因此不会影响用户界面的流畅性。Web Worker 在自己的上下文中运行,拥有自己的作用域,不能访问主线程的全局变量。

2024-10-28 11:37:24 575

原创 Service Worker 是什么?

Service Worker

2024-10-28 11:35:37 649

原创 关于sse、websocket与流式渲染

服务端发送不同类型的事件时,可以在前端通过。

2024-10-25 16:13:25 1861

原创 关于css变量

关于css变量

2024-10-25 15:58:43 441

原创 前端算法入门【栈】

前端算法入门【栈】

2024-07-21 13:04:00 330

原创 JavaScript随笔【原型面试题】

原型相关面试题

2024-07-21 07:30:00 244

转载 JavaScript随笔 【原型与原型链】

JavaScript随笔 【原型与原型链】

2024-07-21 07:00:00 81

原创 Vue随笔【::v-deep 解决 样式污染的bug】

Vue随笔【::v-deep 解决 样式污染的bug】

2024-07-20 08:00:00 624

转载 Git【git stash 优雅的切换分支】

是 Git 提供的一个功能,用于。

2024-07-20 07:30:00 171

原创 Vue随笔【render函数的使用】

vue中render函数的使用

2024-07-19 07:15:00 574

原创 实习随笔【借助 iview table 实现搜索命中高亮】

实习随笔【借助 iview table 实现搜索命中高亮】

2024-07-19 07:00:00 334

原创 项目随笔【环境变量的获取】

项目随笔【环境变量的获取】

2024-07-18 09:31:22 548

原创 Git【撤销远程提交记录】

git 回滚

2024-07-18 07:00:00 1884 1

原创 实习随笔【实现Json格式化与latex渲染】

实习随笔【实现Json格式化与latex渲染】

2024-07-17 07:45:00 1005

原创 【Vue随笔】Vue中watch的不同写法

Vue中watch的不同写法

2024-07-17 07:00:00 483

原创 实习随笔【iviews的Select实现‘与全部互斥’的多选】

实习随笔【iviews的Select实现‘与全部互斥’的多选】

2024-07-16 08:00:00 603

原创 实习随笔【iviews实现列表项太长hover显示全部】

实习随笔【iviews实现列表项太长hover显示全部】

2024-07-16 07:00:00 332

原创 实习随笔【全局防爬——禁用控制台】

全局防爬

2024-07-15 16:40:56 409 3

原创 实习随笔【前端技术实现全局添加水印】

实习随笔

2024-07-15 16:30:05 939

原创 js内置对象——Date

js为我们封装了处理时间的内置对象——Date,我们使用它提供的一些方法,便于我们操作时间,下面我们来看一下这些API!!

2024-07-04 06:00:00 263 1

原创 js数组方法归纳——slice()与splice()

关于slice 和 splice的区别总结如下:1、用途不同slice 用于截取数组的指定部分splice 用于删除/新增/替换 数组中的元素2、是否改变原数组slice 不改变原数组,会返回一个新数组splice 改变原数组1、slice 切片可以用来从数组中截取指定元素该方法不会改变元素数组,而是将截取到的元素封装到一个新数组中返回参数:1.截取开始的位置的索引,包含开始索引2.截取结束的位置的索引,不包含结束索引第二个参数可以省略不写,此时会截取从开始索引往

2024-07-03 07:00:00 899

原创 js数组方法归纳——push、pop、unshift、shift

以下涉及到的数组的四个基础方法均会改变原数组!!!

2024-07-03 06:45:00 300

原创 相等运算符==与 === 的区别

相等运算符用来比较两个值是否相等。

2024-07-02 07:00:00 423

原创 js数组方法归纳——concat、join、reverse

【代码】js数组方法归纳——concat、join、reverse。

2024-07-02 06:30:00 447

原创 js自增和自减

【代码】js自增和自减。

2024-07-01 07:15:00 329

原创 js类型转换

null --> 数字 0。undefined --> 数字。字符串 --> 数字。

2024-07-01 07:00:00 412

原创 JavaScript小记_js的数据类型与判定

js的数据类型与判定

2024-06-29 07:00:00 318

原创 JavaScript小记_如何获取对象的属性?

如何获取对象的属性?

2024-06-29 07:00:00 271

原创 React小记(五)_Hooks入门到进阶

React 16.8 版本和两种组件共存,到目前 React 18 版本,官方已经不在推荐使用类组件,在函数组件中是必不可少的,它允许我们函数组件像类组件一样可以使用组件的状态,并模拟组件的生命周期等一系列行为。本文为的汇总,希望对正在学习react-hooks的你,能够有所帮助!

2024-06-28 10:37:33 949

原创 React Hooks小记(十)_useCallback

之前我们所学的 useMemo能够达到缓存某个的效果,而当前要学习的 useCallback用来对组件内的函数进行缓存,它返回的是。会返回一个 memorized回调函数供组件使用,从而防止组件每次 rerender 时反复创建相同的函数,能够节省内存开销,提高性能。其中:1. cb 是一个函数,用于处理业务逻辑,这个 cb 就是2. array 是,当 array 中的变化时才会重新执行 useCallback。a. 如果省略 array,则每次更新都会重新计算。

2024-06-28 07:00:00 1007

原创 React Hooks小记(九)_useMemo 和 memo 函数

当父组件被重新渲染的时候,也会触发子组件的重新渲染,这样就多出了。如果子组件的状态没有发生变化,则子组件是必须要被重新渲染的。在 React 中,我们可以使用 React.memo()函数来解决上述的问题,从而达到的目的。的例如,在下面的代码中,父组件声明了 count 和 flag 两个状态,子组件依赖于父组件通过 props 传递的 num。起来,只有props发生变化的时候,才会触发子组件的重新渲染。

2024-06-27 07:15:00 397

空空如也

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

TA关注的人

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