- 博客(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组知识点——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
原创 两种方法让文字实现抖音图标的故障风效果
本文将采用两种不同的方式来达到故障风格效果。第一种为::before , ::after 伪元素。第二种为text-shadow
2023-09-15 02:09:35 257
原创 前端css笔记:人物素材添加动态效果
对于网上的一张白底动漫人物图片,倘若就这么放在自己的页面中未免显得突兀。接下来我们进行几个操作让它在页面中更有特点。
2023-09-15 00:28:36 431 1
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人