- 博客(5)
- 收藏
- 关注
RSS订阅原创 手撕定高虚拟列表详细步骤
关于滚动事件必然要想到进行节流优化，由于虚拟列表的每次滚动会频繁到视图更新逻辑，如果采用时间戳或者定时器方案并不是最优解，甚至在滚动过快的情况下由于时间间隔的设置会出现白屏问题。但由于我们在滚动事件中会不断调用 render 函数，只要我们滚动了就触发render函数，不断重新计算renderList重新渲染。完成了以上步骤，已经实现了虚拟列表基本功能封装，这里我们通过模拟数据实现虚拟列表的效果。计算出renderList，在渲染到视图之前，我们需要设置list的样式，实现滚动效果。
2025-05-17 17:37:44
689
原创 websocket是什么？怎么用？
webSocket是一种在单个TCP连接上进行全双工通信的协议。websocket使得客户端和服务器之间的数据交换变得更加简单，服务器可以主动向客户端推送信息，客户端也可以主动向服务器发送信息，属于服务器推送技术的一种。在Websocket API中，浏览器和服务器只需要完成一次握手，两者之间可以创建持久性的连接，并进行双向数据传输。websocket本质上是一种计算机网络应用层的协议，用来弥补http协议在持久通信能力上的不足。
2025-05-07 23:51:21
2661
原创 模块化开发
模块化是一种将复杂的前端代码分割成独立、可复用的多个部分（即模块）的技术和理念。每个模块都有自己的作用域，包含特定的功能、数据或逻辑，比如一个模块可以专门负责处理用户界面的某一部分，另一个模块负责与服务器进行数据交互等。模块之间通过特定的接口来进行通信和交互，比如通过导入（import）和导出（export）机制，使得一个模块可以使用另一个模块暴露出来的功能和数据。
2025-03-11 19:55:17
685
原创 前端怎么自己写接口
新建文件夹,用于定义相关查询的操作例如在该文件夹下创建//引入连接数据的配置//获取用户信息的查询操作//定义查询语句//给 SQL 查询语句中的占位符？提供具体的值//该回调函数，它在数据库操作完成后被调用，用于处理数据库操作的结果if(err){console.log('---查询出错了----',err)}else{//查询成功向客户端发送数据。
2025-03-04 20:27:37
642
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人