- 用 Node.js 做了一个实时交易量排行榜 Dashboard12 个品种实时排序,每 3 秒刷新,带成本盈利磨损分析。纯原生前端,无框架依赖。为什么做这个做交易相关的东西时,最常见的需求就是"看排行"——谁交易量最大、谁涨了、谁亏了。市面上的终端要么太重,要么不直观,所以自己写了一个轻量版的 Web Dashboard,一个浏览器打开就能看。长什么样深色主题,类似专业交易终端:顶部统计栏... 用 Node.js 做了一个实时交易量排行榜 Dashboard12 个品种实时排序,每 3 秒刷新,带成本盈利磨损分析。纯原生前端,无框架依赖。为什么做这个做交易相关的东西时,最常见的需求就是"看排行"——谁交易量最大、谁涨了、谁亏了。市面上的终端要么太重,要么不直观,所以自己写了一个轻量版的 Web Dashboard,一个浏览器打开就能看。长什么样深色主题,类似专业交易终端:顶部统计栏...
- 从库存覆盖天数、资金占用和在库时长出发,用原生 JavaScript 自动识别缺货、积压与滞销风险。 从库存覆盖天数、资金占用和在库时长出发,用原生 JavaScript 自动识别缺货、积压与滞销风险。
- 分页是列表接口的基本能力。涵盖 offset 分页(page、size 参数)与 cursor 分页(游标、效率对比)的实现,分析深分页(大数据量 offset)性能问题与优化(延迟关联、游标),以及 Sequelize、TypeORM、Mongoose 中分页插件的使用,和分页接口的响应格式设计(总数、页码、数据)。 文章从技术背景和发展历程入手,帮助读者理解该技术的产生原因和演进脉络。通... 分页是列表接口的基本能力。涵盖 offset 分页(page、size 参数)与 cursor 分页(游标、效率对比)的实现,分析深分页(大数据量 offset)性能问题与优化(延迟关联、游标),以及 Sequelize、TypeORM、Mongoose 中分页插件的使用,和分页接口的响应格式设计(总数、页码、数据)。 文章从技术背景和发展历程入手,帮助读者理解该技术的产生原因和演进脉络。通...
- 分布式锁协调多实例并发。涵盖 Redis SET NX EX 命令的原子加锁,锁误删问题(唯一标识校验)与 Lua 脚本原子释放,分析锁超时与业务执行时间不符的续期(redlock 算法),以及 RedLock 库的使用与分布式锁的选型建议(Redis vs ZooKeeper)。 文章从技术背景和发展历程入手,帮助读者理解该技术的产生原因和演进脉络。通过对比不同版本的特性变化,分析技术选型... 分布式锁协调多实例并发。涵盖 Redis SET NX EX 命令的原子加锁,锁误删问题(唯一标识校验)与 Lua 脚本原子释放,分析锁超时与业务执行时间不符的续期(redlock 算法),以及 RedLock 库的使用与分布式锁的选型建议(Redis vs ZooKeeper)。 文章从技术背景和发展历程入手,帮助读者理解该技术的产生原因和演进脉络。通过对比不同版本的特性变化,分析技术选型...
- 全文搜索提升用户体验。涵盖 Elasticsearch 的索引创建(mapping 定义)、文档 CRUD 操作,分析 match、term、bool 查询的 DSL 语法,Node.js @elastic/elasticsearch 客户端的连接与查询封装,以及中文分词(ik 插件)、高亮显示、聚合统计的实现,和 MongoDB 数据同步到 ES 的方案。 文章从技术背景和发展历程入手,帮... 全文搜索提升用户体验。涵盖 Elasticsearch 的索引创建(mapping 定义)、文档 CRUD 操作,分析 match、term、bool 查询的 DSL 语法,Node.js @elastic/elasticsearch 客户端的连接与查询封装,以及中文分词(ik 插件)、高亮显示、聚合统计的实现,和 MongoDB 数据同步到 ES 的方案。 文章从技术背景和发展历程入手,帮...
- 内存管理是 Node.js 稳定运行的保障。涵盖 V8 的堆内存结构(新生代 Scavenge 与老生代 Mark-Sweep-Compact),process.memoryUsage 的 rss、heapTotal、heapUsed、external 指标含义,分析内存泄漏的常见场景(闭包缓存、全局数组、事件监听器未移除、定时器引用),以及 heapdump 与 chrome devtoo... 内存管理是 Node.js 稳定运行的保障。涵盖 V8 的堆内存结构(新生代 Scavenge 与老生代 Mark-Sweep-Compact),process.memoryUsage 的 rss、heapTotal、heapUsed、external 指标含义,分析内存泄漏的常见场景(闭包缓存、全局数组、事件监听器未移除、定时器引用),以及 heapdump 与 chrome devtoo...
- Stream 是 Node.js 处理大数据的核心抽象。涵盖 Readable、Writable、Duplex、Transform 四种流类型,pipe 方法的背压(backpressure)机制与自动流量控制,分析 fs.createReadStream 大文件分片读取、gzip 压缩链式管道的实现,以及对象模式流与自定义 Transform 流的编写。 文章从技术背景和发展历程入手,帮助... Stream 是 Node.js 处理大数据的核心抽象。涵盖 Readable、Writable、Duplex、Transform 四种流类型,pipe 方法的背压(backpressure)机制与自动流量控制,分析 fs.createReadStream 大文件分片读取、gzip 压缩链式管道的实现,以及对象模式流与自定义 Transform 流的编写。 文章从技术背景和发展历程入手,帮助...
- 前端 JavaScript 事件循环与任务调度JavaScript 通常在一个主线程上执行代码。网络回调、定时器和用户输入看起来可以并发发生,实际都要通过事件循环安排到合适的时机。理解任务队列有助于解释执行顺序和页面卡顿。 一、同步代码先执行当前调用栈中的同步代码会先运行完毕。栈清空后,事件循环才会处理后续任务。因此,长循环会阻塞点击、绘制和输入响应。console.log("开始");s... 前端 JavaScript 事件循环与任务调度JavaScript 通常在一个主线程上执行代码。网络回调、定时器和用户输入看起来可以并发发生,实际都要通过事件循环安排到合适的时机。理解任务队列有助于解释执行顺序和页面卡顿。 一、同步代码先执行当前调用栈中的同步代码会先运行完毕。栈清空后,事件循环才会处理后续任务。因此,长循环会阻塞点击、绘制和输入响应。console.log("开始");s...
- 前端 JavaScript 事件循环与任务调度JavaScript 通常在一个主线程上执行代码。网络回调、定时器和用户输入看起来可以并发发生,实际都要通过事件循环安排到合适的时机。理解任务队列有助于解释执行顺序和页面卡顿。 一、同步代码先执行当前调用栈中的同步代码会先运行完毕。栈清空后,事件循环才会处理后续任务。因此,长循环会阻塞点击、绘制和输入响应。console.log("开始");s... 前端 JavaScript 事件循环与任务调度JavaScript 通常在一个主线程上执行代码。网络回调、定时器和用户输入看起来可以并发发生,实际都要通过事件循环安排到合适的时机。理解任务队列有助于解释执行顺序和页面卡顿。 一、同步代码先执行当前调用栈中的同步代码会先运行完毕。栈清空后,事件循环才会处理后续任务。因此,长循环会阻塞点击、绘制和输入响应。console.log("开始");s...
- 前端浏览器渲染流程与性能优化浏览器需要把 HTML、CSS 和 JavaScript 转成屏幕上的像素。理解渲染流程有助于判断性能问题来自资源加载、脚本执行还是布局绘制。优化目标是尽早显示主要内容,并保持交互流畅。 一、从文档到像素浏览器解析 HTML 并构建 DOM,解析 CSS 并构建 CSSOM。两者合并形成渲染树,随后依次进行布局、绘制和图层合成。HTML -> DOMCSS ->... 前端浏览器渲染流程与性能优化浏览器需要把 HTML、CSS 和 JavaScript 转成屏幕上的像素。理解渲染流程有助于判断性能问题来自资源加载、脚本执行还是布局绘制。优化目标是尽早显示主要内容,并保持交互流畅。 一、从文档到像素浏览器解析 HTML 并构建 DOM,解析 CSS 并构建 CSSOM。两者合并形成渲染树,随后依次进行布局、绘制和图层合成。HTML -> DOMCSS ->...
- 前端浏览器渲染流程与性能优化浏览器需要把 HTML、CSS 和 JavaScript 转成屏幕上的像素。理解渲染流程有助于判断性能问题来自资源加载、脚本执行还是布局绘制。优化目标是尽早显示主要内容,并保持交互流畅。 一、从文档到像素浏览器解析 HTML 并构建 DOM,解析 CSS 并构建 CSSOM。两者合并形成渲染树,随后依次进行布局、绘制和图层合成。HTML -> DOMCSS ->... 前端浏览器渲染流程与性能优化浏览器需要把 HTML、CSS 和 JavaScript 转成屏幕上的像素。理解渲染流程有助于判断性能问题来自资源加载、脚本执行还是布局绘制。优化目标是尽早显示主要内容,并保持交互流畅。 一、从文档到像素浏览器解析 HTML 并构建 DOM,解析 CSS 并构建 CSSOM。两者合并形成渲染树,随后依次进行布局、绘制和图层合成。HTML -> DOMCSS ->...
- 从缺货风险、建议补货量和采购预算出发,用原生 JavaScript 自动生成可解释、可导出的采购优先级计划。 从缺货风险、建议补货量和采购预算出发,用原生 JavaScript 自动生成可解释、可导出的采购优先级计划。
- 用实测区分btoa的单字节输入与UTF-8文本编码,给出中文、emoji、换行、空字符串及非法输入的结果和可复现实现。 用实测区分btoa的单字节输入与UTF-8文本编码,给出中文、emoji、换行、空字符串及非法输入的结果和可复现实现。
- 工具打包发布是生态贡献的最后一步。涵盖 pkg、nexe 将 Node.js 应用打包为可执行文件,ncc 将依赖编译为单文件,分析 package.json exports 字段的多入口导出、typesVersions 类型版本管理,以及 npm publish 发布流程、版本号管理与 scoped 包的发布注意事项。 文章从技术背景和发展历程入手,帮助读者理解该技术的产生原因和演进脉络。... 工具打包发布是生态贡献的最后一步。涵盖 pkg、nexe 将 Node.js 应用打包为可执行文件,ncc 将依赖编译为单文件,分析 package.json exports 字段的多入口导出、typesVersions 类型版本管理,以及 npm publish 发布流程、版本号管理与 scoped 包的发布注意事项。 文章从技术背景和发展历程入手,帮助读者理解该技术的产生原因和演进脉络。...
- 比较有意思的一点是,我提示词写可以引入你觉得必要的第三方图形库比如three.js但是deepseek依然选择了使用webgl2手搓。这是我遇到的第一个不使用three.js选择纯手搓图形渲染的大模型。 比较有意思的一点是,我提示词写可以引入你觉得必要的第三方图形库比如three.js但是deepseek依然选择了使用webgl2手搓。这是我遇到的第一个不使用three.js选择纯手搓图形渲染的大模型。
上滑加载中
推荐直播
-
华为云码道Agent集成与鸿蒙实战2026/08/11 周二 19:00-21:00
王一男-华为云码道产品规划专家;李炎-华为云码道产品专家;彭江敏-华为云鸿蒙端云一体化开发专家
本次直播带你解读华为云码道7月份产品新特性、新功能。更有专家演示码道Agent Space × 钉钉机器集成实战,从0到1打通消息通道;码道鸿蒙端云一体化实战,快速搭建员工签到系统。
回顾中 -
华为云开发者AI素养直播课·第五期2026/09/04 周五 16:00-18:00
林华鼎-华为云AI开发者运营负责人;蒋春阳-华为云AI开发者案例开发专家
本期直播内容: AI工具体验营 · 第5-8课连讲。Agent-Team 多智能体协作完成毕业设计实践
回顾中 -
华为云开发者AI素养ClassRoom·第六期2026/09/08 周二 19:00-20:00
樊渊-2026华为软件挑战赛冠军
高手来了:看软挑高手解析二维排样问题—从工业难题到算法突破
回顾中
热门标签