前端开发综合论坛 今日: 0|主题: 906|排名: 70 

大家好，我是 Java陈序员。 日常办公中，PDF 处理几乎是每个人的刚需 —— 合并拆分、编辑批注、格式转换...... 但市面上的工具要么收费、要么限制文件大小，更让人不安的是：上传文件到第三方服务器，隐私和数据安全根本没保障。 今天，给大家推荐一款开源免费的 PDF 工具箱，支持自托管部署！ 关注微信公众号：【Java陈 ...

这是个啥 背景故事很简单：作为一个日常关注行情的“韭菜”，我有一个不太高效的习惯——同时打开无数个看盘软件和网页，在混乱的窗口切换中迷失自我，最终收获的往往只有焦虑，外加浏览器那令人窒息的标签页堆叠。为了彻底治愈这种低效，我决定动手打造一个专属工具：在一个页面内集成所有高频功能，涵盖实时行情、板块动 ...

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

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

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

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

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

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

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

大家好，我是 Java陈序员。 无论是儿女结婚的喜宴，还是亲友离世的白事，礼金记账都是绕不开的环节。 传统手写礼簿，不仅考验书写速度和细心程度，还面临着“记重了、算错了、丢了账本”的风险，既费人力又不省心。 而市面上的电子记账工具，要么依赖网络，要么数据存在云端，总担心隐私泄露。 今天，给大家推荐一款纯本地 ...

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

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

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

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

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

大家好，我是 Java陈序员。 在企业开发中，你是否有遇到过如下难题：管理 3 台服务器需要同时打开终端工具、文件传输软件和监控面板，切换窗口的时间比实际操作还多；出门在外想临时调整配置，手机上却找不到能流畅运行的 SSH 客户端；团队协作时，服务器连接信息在 Excel 和聊天记录里杂乱堆放，安全性无从谈起？ 今天，给 ...

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

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

Vue3基于 ZLMRTCClient 实现高性能 WebRTC 流播放器 之前文章有介绍过weRtc的应用参考这边文章：https://www.cnblogs.com/lijinhuaboke/p/19456259 后面发现一个更便捷的在现代webRtc提出播放器，都不用自己封装写方法，下载ZLMRTCClient.js直接用就行。就介绍如何在 Vue 3 项目中，利用 ZLMediaKit 提供的 ZLMRTCClient.js ...

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