自定义博客皮肤VIP专享

*博客头图:

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

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

博客底图:

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

栏目图:

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

主标题颜色:

RGB颜色,例如:#AFAFAF

Hover:

RGB颜色,例如:#AFAFAF

副标题颜色:

RGB颜色,例如:#AFAFAF

自定义博客皮肤

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

原创 Vue中实现虚拟滚动技术(可直接复制)

虚拟滚动技术通过动态渲染可视区域内的元素,可以显著提高长列表的性能。在Vue中,我们可以通过计算属性和生命周期钩子来实现这一技术,为用户提供流畅的滚动体验。

2024-09-18 21:32:41 998

原创 JS虚拟滚动技术(可直接复制)

虚拟滚动技术通过只渲染可视区域内的元素来提高性能,尤其适用于长列表或数据量较大的场景。通过合理使用,我们可以在用户滚动到页面底部时自动加载更多数据,从而提升用户体验。

2024-09-18 21:28:51 514

原创 Vue中实现触底加载效果(可直接复制)

通过使用Vue的组合式API和,我们可以轻松实现触底加载功能。这种方法不仅提高了用户体验,而且可以有效地管理数据加载,减少不必要的数据请求。

2024-09-18 20:57:15 1031

原创 原生js触底加载列表实现(可直接复制)

在现代网页设计中,触底加载是一种常见的功能,它允许用户在浏览长列表时,当滚动到页面底部时自动加载更多内容。这种技术可以提高用户体验,减少一次性加载大量数据带来的延迟。本文将介绍如何使用HTML、CSS和JavaScript实现一个简单的触底加载列表。

2024-09-18 09:56:44 463

原创 【超详细】Node.js搭建服务器之路由基础与实践并实现模块化

在Web开发中,路由是处理客户端请求并将其映射到服务器端资源的一种机制。Node.js提供了灵活的方式来处理HTTP请求,并通过路由来响应不同的URL。并实现模块化处理

2024-08-16 21:26:39 973 1

原创 【超详细】理解 Node.js 中的 HTTP 服务器、文件读写和流(采用fs、http、path模块)

在本文中,我们将探讨如何使用 Node.js 创建一个简单的 HTTP 服务器,并使用文件系统模块(fs)来处理文件数据。我们会通过一个具体的例子来说明同步读取和异步流的概念,以及如何将这些数据通过 HTTP 响应发送给客户端。

2024-08-16 18:17:20 1002

原创 vue3 watch 的多种场景用法(ref,reactive,getter函数,数组)

watch的第一个参数响应式属性,不管是单个基本数据,还是整个对象,统一写成函数返回形式() => person.age 或 () => person,person无论是ref或者reactive定义的都可以适用,当要同时监听多个数据的时候,也是采用数组包函数返回形式。回调函数的两个参数,前者永远是新值,后者永远是旧值,根据监听的数据是单个还是多个决定参数是值(newName,oldName) => {具体逻辑}还是数组。

2024-08-13 09:39:02 1360

原创 vue3里路由传参的两种形式——query和params区分

vue3使用vue-router时采取query和params传参两种方式,本文介绍了两者的区别,使用方法和使用场景

2024-08-09 12:51:19 916

原创 前端vue+axios封装request请求,实现一行代码完成接口调用

该blog灵感来源于实习阶段看到前人写的优秀代码,将所有api请求全部封装到js文件,只需要在相应的 vue 文件 import对应的方法即可,本人觉得异常优雅,故写一篇笔记记录。

2024-08-01 15:32:21 501

原创 uniapp微信小程序——微信授权登录并获得头像

在做微信小程序时,不可避免需要调取用户的身份,那么就要用到微信官方的授权码去换用户信息。用户点击登录——同意微信授权——通过uni.getUserProfile获得用户的code——将code传递给后端,后端携带code请求微信官方接口获得用户信息返回。

2024-08-01 14:39:53 2293

原创 蓝桥杯Web组知识点——ES6篇

飞书云文档:蓝桥杯web组知识点——ES6篇建议打开飞书云文档食用,非飞书用户也可查看。

2023-10-22 02:14:10 599 3

原创 蓝桥杯Web组知识点——jQuery篇

自定义事件就是用户可以自己定义一个事件。在 jQuery 中,我们使用 on 方法来定义事件,然后通过 trigger 方法来触发该事件。其语法格式为:jQuery对象.on(事件类型, 处理函数);// bind 也可以 jQuery对象.trigger(事件类型);

2023-10-18 11:03:45 198 1

原创 蓝桥杯Web组知识点——JavaScript篇

笔者更喜欢飞书的笔记风格,故读者可查看飞书文档飞书云文档:蓝桥杯web知识点——JavaScript篇。

2023-10-15 11:37:47 813

原创 蓝桥杯Web组知识点——CSS篇

蓝桥杯web组知识点——css篇大纲:css基础语法 盒子模型 display属性 浮动和定位 css3新特性 flex布局 媒体查询

2023-10-14 17:46:33 725 1

原创 蓝桥杯Web组知识点——HTML篇

蓝桥杯备赛 web组 html篇 :基本结构/行内标签/块级标签/表单标签/HTML5新特性/HTML5本地存储

2023-10-14 03:58:56 580 1

原创 vue基础语法总结

vue基础语法(更新中)

2023-10-06 01:21:44 186 1

原创 两种方法让文字实现抖音图标的故障风效果

本文将采用两种不同的方式来达到故障风格效果。第一种为::before , ::after 伪元素。第二种为text-shadow

2023-09-15 02:09:35 257

原创 前端笔记——Typed.js实现打字机效果

利用Typed.js插件实现前端文字打字机效果。通过修改配置参数,可以实现不同的文本打字效果。

2023-09-15 01:09:34 939

原创 前端css笔记:人物素材添加动态效果

对于网上的一张白底动漫人物图片,倘若就这么放在自己的页面中未免显得突兀。接下来我们进行几个操作让它在页面中更有特点。

2023-09-15 00:28:36 431 1

空空如也

空空如也

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

TA关注的人

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