深入 Vue 3 ref 的底层实现
深入 Vue 3 ref 的底层实现：从响应式基石到自动解包之谜 在 Vue 3 的 Composition API 中，ref 是我们最常使用的响应式工具之一。它看似简单，但其底层实现却蕴含了 Vue 3 响应式系统的核心思想。本文将带你深入源码，剖析 ref 的创建、依赖收集、触发更新以及自动解...
虚拟DOM和Document Fragment的区别？
在前端开发中，提升应用性能是永恒的主题。为了减少直接操作真实 DOM 带来的高昂性能开销（如重排和重绘），开发者们创造了多种优化技术。其中，虚拟DOM（Virtual DOM） 和 DocumentFragment 是两个常被提及的概念。它们都旨在提升效率，但工作原理、抽象层级和应用场景却截然不同。...
重排（Reflow）与重绘（Repaint）的区别？以及如何减少重排和重绘？
重排（Reflow）与重绘（Repaint）：前端性能优化的基石 在网页开发中，我们经常听到“重排”（Reflow）和“重绘”（Repaint）这两个术语。它们是浏览器渲染页面的核心过程，也是影响页面性能的关键因素。理解它们的区别和触发条件，是进行前端性能优化的基础。...
【JS】Map和Object的区别
JavaScript 中的 Map 和 Object 都可以用来存储键值对，但它们在设计、性能和使用场景上有显著的区别。理解这些差异有助于在开发中做出更合适的选择。...
【JS】什么是Document Fragment？
DocumentFragment 是 Web API 中的一个接口，表示一个没有父级的最小化文档对象。它被设计为一个轻量级的“文档片段”容器，可以用来存储一组节点，通常用于高效地进行 DOM 操作。 核心概念 虚拟容器：DocumentFragment 本身不是一个完整的文档，也不是实际 DOM...
【量化策略】RSI 超买超卖（RSI Mean-Reversion）
什么是RSI？ RSI（Relative Strength Index，相对强弱指标） 是衡量资产价格 “超买” 或 “超卖” 状态的震荡指标，由韦尔斯・怀尔德（Welles Wilder）在 1978 年提出。 1. 计算逻辑 RSI 通过比较一段时间内价格上涨和下跌的幅度，反映市场的多空力量对比...
【量化策略】双均线交叉（SMA Cross）
基础概念：SMASMA（Simple Moving Average，简单移动平均线） 是反映某段时间内价格平均水平的指标，计算方式为 “某周期内收盘价的算术平均值”。公式：n日SMA = （第1日收盘价 + 第2日收盘价 + … + 第n日收盘价） / n意义：SMA 平滑了短期价格波动，更清晰地反...
量化交易策略随笔
1、资讯条数：flashNumber;2、每个flash LLM生成score。3、总资讯情绪影响因子 = ∑score^3 / flashNumber4、查询多空比，多空比大于1，代表投资情绪积极。小于1则代码投资情绪消极。5、查询近100天的15分钟K线数据。查询当前持仓信息。6、<!--...
GIT文件名大小写修改后，提交不上去？
可执行以下命令更改 git 设置，使其区分文件名的大小写。但如果你已经提交了有问题的，会造成仓库上有大写、小写两份，一定要先回退提交后，重新提交。 git config core.ignorecase false ```<!--autointro-->...
用Lottie做前端动画：从设计到落地的全流程实践
一、引言：为什么选择Lottie做动画？在前端开发中，实现复杂动画往往面临两大痛点： 手动编写CSS/JS动画代码繁琐：关键帧调试、性能优化耗时耗力，尤其是复杂交互动画 传统动画格式缺陷：GIF画质差、文件体积大；视频无法实现动态交互，且难以适配不同屏幕 Lottie的出现解决了这些...