【微信小程序】自定义组件 recycle-view

电商小程序往往需要展示很多商品，当一个页面展示很多的商品信息的时候，会造成小程序页面的卡顿以及白屏。原因有如下几点： 1. 商品列表数据很大，首次 setData 的时候耗时高 2. 渲染出来的商品列表 DOM 结构多，每次 setData 都需要创建新的虚拟树、和旧树 diff 操作耗时都比较高 3. 渲染出来的商品列表 DOM 结构多，占用的内存高，造成页面被系统回收的概率变大。 因此实现长列表组件来解决这些问题。 ## 实现思路 ​ 核心的思路就是只渲染显示在屏幕的数据，基本实现就是监听 scroll 事件，并且重新计算需要渲染的数据，不需要渲染的数据留一个空的 div 占位元素。 ​ 假设列表数据有100个 item，知道了滚动的位置，怎么知道哪些 item 必须显示在页面？因为 item 还没渲染出来，不能通过 getComputedStyle 等 DOM 操作得到每个 item 的位置，所以无法知道哪些 item 需要渲染。为了解决这个问题，需要每个 item 固定宽高。item 的宽高的定义见下面的 API 的`createRecycleContext()`的

【微信小程序】流数据请求示例源码应用于AI工具、问答、客服

在小程序中，流数据请求通常指的是一种持续的数据传输方式，与传统的HTTP请求不同，流数据请求能够实时地获取和处理数据，适用于需要持续更新或大量数据传输的场景。 AI问答：在AI问答场景中，流数据请求的应用主要体现在与AI模型的实时交互上。通过流数据请求，小程序可以实时地将用户的问题发送给AI模型，并获取模型的回答，实现快速、准确的问答服务。 流数据请求处理：在处理流数据请求时，我们需要关注数据的传输效率、数据的解析与处理速度以及系统的稳定性。为此，我们可以采用WebSocket等技术来实现双向通信，同时结合适当的缓存策略，减少不必要的网络请求，提高系统性能。 AI工具：在AI工具类的小程序中，如智能翻译、语音识别等，流数据请求可以实现实时输入与输出的功能，提高工具的实用性。 问答系统：在问答系统类的小程序中，流数据请求可以实现与AI模型的实时交互，提供快速、准确的答案，满足用户的查询需求。 客服系统：在客服系统类的小程序中，流数据请求可以实现与用户的实时聊天功能，提高客服的响应速度和用户满意度。

Cookie、Session、Token、JWT

Cookie、Session、Token、JWT 是常用于身份验证和状态管理的概念和技术。它们在Web应用程序中起到关键的作用。 Cookie：Cookie 是服务器在客户端存储的小型数据文件。它通常用于在客户端存储用户的身份验证信息或其他状态数据。当客户端请求服务器时，会将 Cookie 信息附加在 HTTP 请求的头部中发送给服务器。服务器可以读取和解析 Cookie 来获取用户的身份信息或其他状态。Cookie 可以设置过期时间，可以在多个请求之间保持状态。 Session：Session 是服务器端存储用户信息的一种机制。服务器在用户首次访问时为其创建一个唯一的会话标识符（Session ID），并将该标识符存储在服务器上。客户端在后续的请求中会将该 Session ID 作为 Cookie 发送给服务器。服务器使用 Session ID 来获取对应的用户信息。Session 可以存储敏感数据，且在服务器端存储，相对安全。 Token：Token 是一种无状态的身份验证机制。当用户登录成功后，服务器会生成一个 Token 并返回给客户端，客户端将该 Token 存储在本地

前端性能优化知识图谱指导

JS性能优化是指在JavaScript代码的编写和执行过程中，通过一系列的优化策略和技术手段，提高代码的执行效率和性能，从而提升网页或应用程序的响应速度和用户体验。 优化JS性能的方法包括但不限于以下几个方面： 代码优化：通过减少不必要的计算、避免重复操作、合并代码等方式来简化和优化代码，减少不必要的性能消耗。 减少网络请求：通过合并和压缩JavaScript文件，减少网络请求的次数和文件大小，提高页面加载速度。 避免全局变量：全局变量的使用会增加作用域链的查找时间，应该尽量避免过多的全局变量定义，尽量使用局部变量。 避免频繁的DOM操作：DOM操作是一项相对耗时的操作，频繁的DOM操作会导致性能下降，应该尽量减少DOM操作的次数，可以通过缓存DOM元素、批量操作等方式来提高性能。 使用事件委托：事件委托可以将事件绑定到父元素上，通过事件冒泡机制来处理子元素的事件，减少事件绑定的次数，提高性能。 合理使用定时器：定时器的使用会占用浏览器的计算资源，应该避免过多的定时器的使用，合理设置定时器的间隔和使用场景。 使用异步加载：通过异步加载脚本文件、图片等资源，可以提高页面的

前端html+css+js学习指南图谱

前端HTML+CSS+JS学习指南图谱是一个关于前端开发领域的知识总结和图形化展示。该图谱涵盖了HTML、CSS和JavaScript这三个前端开发的基础技术，包括它们的基本概念、语法规则、常用标签和属性、样式定义和布局、DOM操作等内容。通过学习指南图谱，可以帮助初学者系统地了解和学习前端开发的基础知识，掌握前端技术的核心概念和基本技能，为开发优质的网页和应用程序提供指导和参考。

微信小程序基础知识图谱

微信小程序基础知识图谱是关于微信小程序的基本概念、组成要素、开发流程、功能实现等方面的知识总结和图形化展示。通过该知识图谱，可以帮助开发者系统地了解和学习微信小程序的基础知识，为开发高质量的小程序提供指导和参考。

vue3.0源码.zip

vue3.0源码包，跨速帮你学习和巩固vue3.0应用和开发

Ping++ SDK 标准版

Ping++ API 采用 REST 风格设计。所有接口请求地址都是可预期的以及面向资源的。使用规范的 HTTP 响应代码来表示请求结果的正确或错误信息。使用 HTTP 内置的特性，如 HTTP Authentication 和 HTTP 请求方法让接口易于理解。所有的 API 请求都会以规范友好的 JSON 对象格式返回（包括错误信息）。

微信小程序-备忘录案例

此资源为使用微信小程序开发的一个常用功能(备忘录),样式简洁明了，可以很好的样式条框和丰富的逻辑运算。用作小程序开发练习很实用哦

微信小程序-二维码生成器案例

此案例demo为使用微信小程序开发的API开发的一款工具，使用方便、快捷、有效。 一件生成二维码的工具，非常好用。极力推荐！