- 博客(1)
- 资源 (16)
- 收藏
- 关注
RSS订阅原创 【ECharts】ECharts制作图表的学习教程之柱状图
EChart图表是什么？ ECharts，一个使用 JavaScript 实现的开源可视化库，可以流畅的运行在 PC 和移动设备上，兼容当前绝大部分浏览器（IE8/9/10/11，Chrome，Firefox，Safari等），底层依赖轻量级的矢量图形库ZRender，提供直观，交互丰富，可高度个性化定制的数据可视化图表。 EChart图表有什么用？ ECharts 提供了...
2018-09-26 10:11:00
686
【微信小程序】自定义组件 recycle-view
电商小程序往往需要展示很多商品，当一个页面展示很多的商品信息的时候，会造成小程序页面的卡顿以及白屏。原因有如下几点：
1. 商品列表数据很大，首次 setData 的时候耗时高
2. 渲染出来的商品列表 DOM 结构多，每次 setData 都需要创建新的虚拟树、和旧树 diff 操作耗时都比较高
3. 渲染出来的商品列表 DOM 结构多，占用的内存高，造成页面被系统回收的概率变大。
因此实现长列表组件来解决这些问题。
## 实现思路
核心的思路就是只渲染显示在屏幕的数据，基本实现就是监听 scroll 事件，并且重新计算需要渲染的数据，不需要渲染的数据留一个空的 div 占位元素。
假设列表数据有100个 item，知道了滚动的位置，怎么知道哪些 item 必须显示在页面？因为 item 还没渲染出来，不能通过 getComputedStyle 等 DOM 操作得到每个 item 的位置，所以无法知道哪些 item 需要渲染。为了解决这个问题，需要每个 item 固定宽高。item 的宽高的定义见下面的 API 的`createRecycleContext()`的
2024-05-07
【微信小程序】流数据请求示例源码应用于AI工具、问答、客服
在小程序中，流数据请求通常指的是一种持续的数据传输方式，与传统的HTTP请求不同，流数据请求能够实时地获取和处理数据，适用于需要持续更新或大量数据传输的场景。
AI问答：在AI问答场景中，流数据请求的应用主要体现在与AI模型的实时交互上。通过流数据请求，小程序可以实时地将用户的问题发送给AI模型，并获取模型的回答，实现快速、准确的问答服务。
流数据请求处理：在处理流数据请求时，我们需要关注数据的传输效率、数据的解析与处理速度以及系统的稳定性。为此，我们可以采用WebSocket等技术来实现双向通信，同时结合适当的缓存策略，减少不必要的网络请求，提高系统性能。
AI工具：在AI工具类的小程序中，如智能翻译、语音识别等，流数据请求可以实现实时输入与输出的功能，提高工具的实用性。
问答系统：在问答系统类的小程序中，流数据请求可以实现与AI模型的实时交互，提供快速、准确的答案，满足用户的查询需求。
客服系统：在客服系统类的小程序中，流数据请求可以实现与用户的实时聊天功能，提高客服的响应速度和用户满意度。
2024-05-07
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 存储在本地
2023-07-21
前端性能优化知识图谱指导
JS性能优化是指在JavaScript代码的编写和执行过程中，通过一系列的优化策略和技术手段，提高代码的执行效率和性能，从而提升网页或应用程序的响应速度和用户体验。
优化JS性能的方法包括但不限于以下几个方面：
代码优化：通过减少不必要的计算、避免重复操作、合并代码等方式来简化和优化代码，减少不必要的性能消耗。
减少网络请求：通过合并和压缩JavaScript文件，减少网络请求的次数和文件大小，提高页面加载速度。
避免全局变量：全局变量的使用会增加作用域链的查找时间，应该尽量避免过多的全局变量定义，尽量使用局部变量。
避免频繁的DOM操作：DOM操作是一项相对耗时的操作，频繁的DOM操作会导致性能下降，应该尽量减少DOM操作的次数，可以通过缓存DOM元素、批量操作等方式来提高性能。
使用事件委托：事件委托可以将事件绑定到父元素上，通过事件冒泡机制来处理子元素的事件，减少事件绑定的次数，提高性能。
合理使用定时器：定时器的使用会占用浏览器的计算资源，应该避免过多的定时器的使用，合理设置定时器的间隔和使用场景。
使用异步加载：通过异步加载脚本文件、图片等资源，可以提高页面的
2023-07-21
前端html+css+js学习指南图谱
前端HTML+CSS+JS学习指南图谱是一个关于前端开发领域的知识总结和图形化展示。该图谱涵盖了HTML、CSS和JavaScript这三个前端开发的基础技术，包括它们的基本概念、语法规则、常用标签和属性、样式定义和布局、DOM操作等内容。通过学习指南图谱，可以帮助初学者系统地了解和学习前端开发的基础知识，掌握前端技术的核心概念和基本技能，为开发优质的网页和应用程序提供指导和参考。
2023-07-21
微信小程序基础知识图谱
微信小程序基础知识图谱是关于微信小程序的基本概念、组成要素、开发流程、功能实现等方面的知识总结和图形化展示。通过该知识图谱，可以帮助开发者系统地了解和学习微信小程序的基础知识，为开发高质量的小程序提供指导和参考。
2023-07-21
Ping++ SDK 标准版
Ping++ API 采用 REST 风格设计。所有接口请求地址都是可预期的以及面向资源的。使用规范的 HTTP 响应代码来表示请求结果的正确或错误信息。使用 HTTP 内置的特性，如 HTTP Authentication 和 HTTP 请求方法让接口易于理解。所有的 API 请求都会以规范友好的 JSON 对象格式返回（包括错误信息）。
2020-09-16
日历插件.zip
jeDate6.5.0是一款原生JS开发的不依赖任何第三方库大众化的日期控件，她身兼多职，虽不是万能的，但是她却是功能强大多样的美少女，她除了包含 单双面板、区域选择、 多语言、日历固定、有效无效日期、日期时间戳转换、日期加减、限制时分秒、初始化日期加减N、日期标注点、设定年月（YYYY-MM）、日期范围限制、开始日期设定、自定义日期格式、当天的前后若干天返回、时分秒选择、智能响应、自动纠错、节日识别，操作等常规功能外，根据不同的日期格式，显示不同内容，还拥有更多趋近完美的解决方案。更多的是需要你与她的亲密接触与呵护！
2019-08-15
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人