这篇博客介绍了我用 stock-sdk 搭建的 A 股股票看板 stock-dashboard：基于 React + TypeScript + Vite 的纯前端项目，不依赖后端或定时脚本，直接在页面侧拉取行情并完成展示与筛选。文章从数据层封装（SDK 单例、重试、TTL 缓存、服务层统一出口）讲起... ...

Vue 3 + SVG ：打造“会呼吸”的智慧可视化大屏 在智慧城市建设的浪潮中，可视化大屏已成为展示数据的核心窗口。而在“智慧公厕”这一细分场景下，如何直观、实时、高保真地展示每个厕位的占用状态（有人/无人），是前端开发中一个既有趣又充满挑战的课题。 传统的做法往往是“切图一把梭”——使用多 ...

打造基于 uView+uniapp+vue 的高性能图片上传组件（自动压缩 + 更加健壮的类型判断） 前言 在移动端开发（App/小程序/H5）中， 图片上传 是一个极其高频且容易产生性能瓶颈的场景。直接上传原图往往会带来以下问题： 上传缓慢 ：现在的手机拍照动辄 5MB-10MB，用户在非 ...

Vue3 + 高德地图(AMap) 实现平滑的实时轨迹展示 前言 在物联网、物流监控或安防调度系统中，实时展示设备（如无人机、车辆、手环）的移动轨迹是一个常见需求。如果仅仅是简单的更新标记点位置，视觉上会出现“跳变”现象，体验很不流畅。 本文将分享如何在 Vue 3 项目中，利用 高德地图 (AMa ...

‍ 写在开头 点赞 + 收藏 学会 开篇：一个经典的面试题 “说说看，用户登录后拿到的 Token，前端应该怎么存？” 这个问题看似简单，却能清晰地分辨出一个前端开发者对安全的理解深度。是存到 localStorage？sessionStorage？还是 Cookie？又或者是内 ...

‍ 写在开头 点赞 + 收藏 学会 最近公司又接了个数据可视化大屏的需求，设计稿是标准的 1920 x 1080。 拿到设计稿的那一刻，我的内心是拒绝的... 大家都知道，做大屏适配最烦的就是还原设计稿坐标。 以前我尝试过各种方案： rem / vw: 每一个 px 都要转 ...

在前端安全对抗日益激烈的 2026 年，JavaScript 混淆技术已经从简单的“代码压缩”演进到了极其复杂的指令级膨胀、多层控制流平坦化、虚拟化保护（JS-VM）以及自监测动态加密。 对于爬虫架构师、高级逆向研究员来说，“反混淆”已不再是简单的格式化，而是一场关乎代码熵值还原与控制流语义对齐的技 ...

‍ 写在开头 点赞 + 收藏 学会 你是不是也遇到过这样的场景？ 在Vue项目里，为了跨组件传递数据，你用provide和inject写了一套祖孙通信逻辑。代码跑起来没问题，但TypeScript编辑器总给你画红线，要么是“类型any警告”，要么就是“属性不存在”的错误提示。 你 ...

gift-book —— 一款纯本地、零后端、完全本地运行的单页 Web 应用，旨在为各类红白喜事提供一个现代化、安全、高效的礼金（份子钱）管理解决方案。 ...

‍ 写在开头 点赞 + 收藏 学会 前言 开发过Vue应用的同学对KeepAlive功能应该都不陌生了，但是大家对它的理解是只停留在知道怎么用的阶段 还是说清晰的知道它内部的实现细节呢，在项目中因KeepAlive导致的的Bug能第一时间分析出来原因并且找到解决方法呢。这篇文章的 ...

‍ 写在开头 点赞 + 收藏 学会 我本身是做 Web 开发的，最近需要写个小工具，调用一些系统 API，就选择了比较成熟的 Electron。结果业务代码写了三小时，环境配置、镜像、文件引用、打包路径、体积过大、文件被锁定……各种问题却折腾了将近三天。写下这篇笔记，记录这一路的 ...

‍ 写在开头 点赞 + 收藏 学会 你是不是也遇到过这样的场景？面试官抛出一个闭包问题，你支支吾吾答不上来；团队代码review时，看到同事用的Promise链一脸懵逼；明明功能实现了，性能却总是差那么一点... 别慌！今天我整理了12个JavaScript核心概念，这些都是20 ...

vxe-table 复制单元格内容总会在最后加个换行符，如何去掉末尾换行符的解决方法，默认情况下复制单元格内容时，会自动在文本尾部带个换行符。 https://vxetable.cn 通过 clip-config.isTrimCopyContent 来启用对复制后内容的修剪功能，自动去掉本次内容的换 ...

vxe-table 个性化列自定义列弹出层修改高度、修改最大高度不自动适应表格高度的方法 默认情况下，在表格设置高度或最小高度的情况下个性化列弹出层默认内部模式（自适应表格高度），表格多高就最大多高；未设置高度情况下默认外部模式（不跟随表格高度） https://vxetable.cn 自适应高度时 ...

Termix —— 一个开源、永久免费、自托管的一体化服务器管理平台，通过一个直观的界面管理服务器和基础设施，同时提供 SSH 终端访问、SSH 隧道功能以及远程文件管理等功能。 ...

‍ 写在开头 点赞 + 收藏 学会 前言 在前端开发中，ECharts 作为数据可视化的利器被广泛使用，但每次使用都要重复处理初始化、容器获取、事件绑定、窗口 resize 等逻辑，不仅繁琐还容易出错。最近我封装了一个useEchart Hooks，彻底解决了这些痛点，今天就来分 ...

vue 表格 vxe-table 加载数据的几种方式，更新数据的用法，vue 最强大的表格组件，支持 vue2 和 vue3，功能太多，这里介绍基础用法 https://vxetable.cn 双向绑定 data 方式 数据是双向同步的，修改 data 就可以自动刷新 <template> <div ...

Vue 3 实战：基于 ZLMRTCClient 实现高性能 WebRTC 流播放器 之前文章有介绍过weRtc的应用参考这边文章：https://www.cnblogs.com/lijinhuaboke/p/19456259 后面发现一个更便捷的在现代webRtc提出播放器，都不用自己封装写方法， ...

Vue3 ：封装 WebRTC 低延迟视频流与 WebSocket 实时状态驱动的大屏可视化 在工业互联网和智慧安防领域，实时监控大屏是核心业务场景之一。本文将分享在最近的“油罐车作业智能监控系统”中，如何利用 Vue3 + TypeScript 技术栈，实现低延迟的 WebRTC 视频流播放，以及 ...

‍ 写在开头 点赞 + 收藏 学会 前言 在前端开发中，我们经常会遇到接口返回的文本内容过长，无法完全显示的问题。为了处理这一问题，通常会设置固定的宽度并使用省略号样式（text-overflow: ellipsis）来隐藏超出的文本。然而，有时产品需求还希望用户能够通过悬停查看 ...