- 博客(159)
- 收藏
- 关注
RSS订阅原创 最简单的 CSS 居中方式？分享 1 段优质 CSS 代码片段！
这段代码展示了如何使用 CSS Grid 布局以及 place-content 属性来居中对齐元素。CSS Grid 是一种强大的布局工具，提供了简单且灵活的方式来实现复杂的布局，而place-content 属性进一步简化了居中对齐的实现。
2024-07-22 16:31:05
290
原创 让数组元素自动分类？分享 1 段优质 JS 代码片段！
这段代码展示了如何使用 Object.groupBy 方法对数组中的对象按特定属性进行分组。它是一种简洁、高效的分组方式，特别适用于需要根据对象的某个属性来对数据进行分类的场景。
2024-07-22 16:21:40
165
原创 阻止关闭或刷新浏览器？分享 1 段优质 JS 代码片段！
这段代码展示了如何使用 JavaScript 的beforeunload事件来提示用户在关闭或刷新浏览器窗口时确认操作，从而避免意外的数据丢失或操作中断。
2024-07-18 22:31:42
436
原创 轻松搞定一键切换主题色？分享 1 段优质 CSS 代码片段！
这段代码可以轻松实现网页主题的切换，且在各种项目中通用。先定义不同主题的 CSS 变量，再通过 JavaScript 动态更改 data-theme 属性，从而实现页面样式的动态变化。这种方法不仅简化了主题管理，还提高了代码的可读性和维护性，是我们项目中一般且常用的实现方式之一。
2024-07-18 22:17:58
314
原创 网页颜色一键变灰？分享 1 段优质 CSS 代码片段！
这段代码展示了如何使用 CSS 滤镜来将整个网页变为灰度效果。在特殊的日子里，网页有整体变灰色的需求，可以使用这段代码，这个需求很有必要。再就是做一些老照片或黑白电影的效果，也可以使用这段代码。
2024-07-16 22:03:32
272
原创 这才是缓存的正确打开？分享 1 段优质 JS 代码片段！
这段代码展示了使用 WeakMap 进行缓存的一种实用方法。通过这种方法可以有效地避免重复计算，提高性能，同时确保缓存对象在不使用时可以被垃圾回收。项目中有 缓存计算结果、缓存DOM节点 这种场景时，可以考虑去使用。
2024-07-16 21:53:54
235
原创 最牛的数据类型判断方法？分享 1 段优质 JS 代码片段！
这段代码展示了如何使用JavaScript中的 Object.prototype.toString 方法来精准地获取变量的具体数据类型。这种方法比 typeof 更加精确，尤其在区分对象类型（如数组、日期、正则表达式等）时非常有用。以后在项目中要检测数据类型，只用它就足够了！
2024-07-13 11:01:43
630
原创 JS 还有个 delete 运算符？分享 1 段优质 JS 代码片段！
这段代码展示了如何在JavaScript中使用delete运算符来删除对象的属性。这个操作在许多场景中都非常有用，比如需要从对象中移除敏感信息或不必要的数据时。相比于一般创建新对象来间接删除对象属性，使用delete运算符是最直接的方式！
2024-07-13 10:47:25
173
原创 Map竟然这么好用？分享 1 段优质 JS 代码片段！
这段代码展示了如何使用 Map 对象来存储和访问键值对。相比于使用普通对象，Map 提供了一些优点：键的类型: 在 Map 中，键可以是任何类型，包括对象、函数和基本数据类型，而在普通对象中，键只能是字符串或符号。迭代顺序: Map 按插入顺序迭代键值对，而普通对象则没有保证迭代顺序。内置方法: Map 提供了一些内置方法，如 set、get、has、delete 和 clear，使得操作更加便捷。
2024-07-12 22:46:22
664
原创 超酷的3D立体文字？分享 1 段优质 CSS 代码片段！
这段代码展示了如何使用CSS的text-shadow属性创建复杂的多层次阴影效果，为文本添加立体感和视觉深度。通过设置多个阴影值，可以实现炫酷的文字效果，非常适合用于标题、横幅或其他需要吸引注意力的文本元素。项目中用到时，可直接CV！
2024-07-12 22:36:11
303
原创 大文件切片上传 So Easy？分享 1 段优质 JS 代码片段！
大文件切片上传，我一般会分为4步来搞：文件切片-计算哈希值-上传管理-上传完成合并验证。其中，上传管理又可以包括：切片上传验证、上传进度记录、断点续传。
2024-07-09 09:51:41
247
原创 竟能让函数只执行一次？分享 1 段优质 JS 代码片段！
这段代码实现了一个只执行一次的函数，通常被称为“once”模式。它通过闭包来跟踪函数是否已经被调用过。通过这种方式，我们可以确保特定函数在整个生命周期中只执行一次，避免重复执行带来的副作用或性能问题。
2024-07-09 09:42:10
386
原创 别再写一堆 if 判断了？分享 1 段优质 JS 代码片段！
以后不要再使用像if(a === undefined || a === null || a === 1 || a === 2) 这种多值匹配写法了！
2024-07-06 15:49:43
534
原创 选中最后几个元素？分享 1 段优质 CSS 代码片段！
这段代码展示了如何使用CSS的 nth-child 和 nth-last-child 伪类选择器来选择和样式化特定的列表项，这在复杂的样式需求中非常有用。理解和使用这些选择器，在项目中写样式的时候真的会是水到渠成，最起码不需要再费劲去想一个新类名了。
2024-07-06 15:41:49
170
原创 把字符串反转？分享 1 段优质 JS 代码片段！
这段代码展示了如何使用JavaScript中的字符串和数组方法，来实现一个简单的字符串反转功能。亮点是没有使用for循环就实现了字符串反转！这是一个很好的例子，展示了JavaScript的强大和灵活性，同时也是小白朋友学习字符串操作的一个好练习。
2024-07-04 16:04:23
308
原创 平滑滚动到页面顶部？分享 1 段优质 JS 代码片段！
这段代码的目的是实现一个平滑滚动回到页面顶部的功能。它通过逐步减少页面滚动位置的方式，创建了一个平滑的滚动动画效果，这在用户体验中比瞬间滚动更友好。
2024-07-04 16:00:21
455
原创 超酷的打字机效果？分享 1 段优质 CSS 代码片段！
这段代码展示了如何使用 CSS 动画来创建文本打字效果，以及如何使光标闪烁。这种动画效果通常用于增强用户界面的动态交互感。例如：在博客文章或新闻网站中，使用这种效果可以突出显示重要的引用或关键信息，吸引读者的关注。
2024-07-02 16:06:14
339
原创 轻松获取 URL 查询参数？分享 1 段优质 JS 代码片段！
这段代码通过 URLSearchParams 对象简化了从 URL 中获取查询参数的过程。通过这种方法，可以更方便地在 JavaScript 中解析和获取 URL 查询参数，特别适用于处理需要从 URL 中提取参数的场景，比如读取用户在网页中的输入或搜索关键字等。这是项目中一个很常见的操作，之前我们经常会使用 正则表达式 或者 拆分字符串 来完成，现在有了更简单的方式！
2024-07-02 16:04:17
243
原创 镂空的文字？分享 1 段优质 CSS 代码片段！
每日分享一段优质代码片段。今天分享一段优质 CSS 代码片段，实现 CSS 文字镂空的效果。老规矩，先阅读代码片段并思考，再看代码解析再思考，最后评论区留下你的见解！
2024-06-29 19:32:59
187
原创 将内容复制到剪贴板？分享 1 段优质 JS 代码片段！
每日分享一段优质代码片段。今天分享一段 JS 代码片段，使用 Clipboard API 实现将内容复制到剪贴板。老规矩，先阅读代码片段并思考，再看代码解析再思考，最后评论区留下你的见解！
2024-06-29 19:28:44
288
原创 监听设备方向变化？分享 1 段优质 JS 代码片段！
每日分享一段优质代码片段。今天分享一段 JS 代码片段，用于在H5端监听设备方向的变化。老规矩，先阅读代码片段并思考，再看代码解析再思考，最后评论区留下你的见解！
2024-06-29 19:17:01
193
原创 防止它人代码调试？分享 1 段优质 JS 代码片段！
每日分享一段优质代码片段。今天分享一段 JS 代码片段，是防止代码被调试或篡改的基础。老规矩，先阅读代码片段并思考，再看代码解析再思考，最后评论区留下你的见解！
2024-06-29 19:13:14
415
原创 网页背景全屏就这？分享 1 段优质 CSS 代码片段！
每日分享一段优质代码片段。今天分享一段 CSS 代码片段，使用 CSS 设置网页全屏背景图片，很简单。老规矩，先阅读代码片段并思考，再看代码解析再思考，最后评论区留下你的见解！
2024-06-29 19:08:57
262
原创 检测元素外部点击？分享一段优质 JS 代码片段！
每日分享一段优质代码片段。今天分享 1 段JavaScript代码片段，实现了检测用户是否点击了指定元素外部的区域。
2024-06-24 16:10:39
643
原创 干掉 for 循环？分享 1 段优质 JS 代码片段!
每日分享一段优质代码片段。今天分享 1个JavaScript代码片段，使用 JavaScript 的 find() 方法在 Array 中搜索目标对象，非常简单。
2024-06-24 16:05:49
292
原创 功能问题：如何防止接口重复请求？
防止接口重复请求在软件开发中非常重要，重复请求必然会导致服务器资源的浪费。因为每次请求都需要服务器进行处理，如果请求是重复的，那么服务器就在做不必要的工作。在高并发的场景下，这种浪费会成倍增加，可能导致服务器性能下降，甚至引发服务崩溃。所以，今天我们一起来聊一聊，如何防止接口重复请求？
2024-06-06 22:50:01
531
原创 高铁Wifi是如何接入的？
在飞驰的高铁上，除了窗外一闪而过的风景，你是否好奇过，高铁Wifi信号如何连接的呢？远动的火车可不能连接光纤吧，难道是连接的卫星信号吗？还是用的移动基站的信号呢？使用PC端的朋友，请将页面缩小到最小比例，阅读最佳！虽然很少连过，但真的很好奇！
2024-05-29 11:06:09
447
1
原创 面试必备：应对 “为什么离职” 的万能回答
面试官问到你为什么从上一家公司离职时，你会怎么回答？这个问题我觉得很有意思，也很有必要去探讨一下。很多专业人士都会建议你，最好不要直接提到离职的原因，更不要提钱，要往所谓积极和努力的方向说。我却觉得不然，因为很多事很多人没有绝对化。
2024-05-29 11:01:29
300
1
原创 告别红色波浪线：tsconfig.json 配置详解
tsconfig.json 文件用于配置 TypeScript 项目的编译选项。如果配不对，就会在项目中显示一波又一波的红色波浪线，警告你这些地方的类型声明存在问题。一般我们遇到这种问题，就从网上copy一整段代码沾到 tsconfig.json 文件中，但原因不知道是为啥。所以，今天就和大澈一起过一遍这些常用的配置项吧！
2024-05-22 21:45:08
236
1
原创 推荐5个还不错的前端库
有段时间没给老友们推荐好用的库了，安排上哈哈！今天推荐5个大澈觉得还不错的前端库，非常轻量，用 npm 方式引入或者直接复制到本地使用都可以。
2024-05-21 22:42:34
228
1
原创 一文带你分清路由器、交换机、光猫
在日常生活和工作中，我们几乎离不开它们的存在，无论是在家中上网、办公室内部通信，还是在互联网上浏览网页，都离不开这些看似普通但却至关重要的网络设备。当谈论网络设备时，我们常常会听到路由器、交换机和光猫这几个名词。那么问题来了，你能分清它们吗？
2024-05-21 10:22:18
302
1
原创 高德地图导航咋知道还有几秒变绿灯？
在使用高德地图、百度地图时，经过有红绿灯的十字路口时，导航会提示还有几秒变绿灯或者红灯，非常nice。有了这个提醒，司机可以提前做启动或者停车的准备，提升了道路通行效率。很好奇，这是怎么做到的呢？
2024-05-19 20:41:18
227
原创 什么是Cookies？
下次你再访问同一个网站时，你的浏览器会显示这个Cookie，网站通过读取 Cookie就能记起你是谁，以及你的一些偏好，就像咖啡店服务员通过卡片记得你喜欢的咖啡一样。
2024-05-17 20:43:34
348
1
原创 GPT-4o如何颠覆我们的生活？
GPT-4o的出现，让AI更加落地了，无论是医疗、教育、工作还是日常娱乐，真正可以用来改善我们的生活，而不再是生成文字的工具。
2024-05-17 09:59:19
281
原创 什么是Serverless ？
目录： 1、服务器发展阶段 2、Serverless定义 3、Serverless理解三阶段:实体物理机时代-云服务商时代-无服务器时代 Serverless。
2024-05-15 14:47:22
261
1
原创 Promise 还能这样理解呀！
目录： 1、Promise是什么 2、Promise三种状态 3、Promise如何使用 4、Promise作用在JavaScript中，这个“承诺”就是一个Promise对象。
2024-05-15 14:16:24
599
1
原创 3种深拷贝实现，你都知道吗？
目录：1、JSON.parse 2、structuredClone 3、cloneDeep一般，我们会用JSoN.parse(JsoN.stringify())来实现对象的深拷贝。
2024-05-15 13:55:32
168
1
原创 什么是Java语言的反射机制?
反射（Reflection）主要是指程序可以访问、检测和修改它本身状态或行为的一种能力。（就像照镜子反射一样）
2024-03-20 22:48:39
356
1
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人