告别付费套路!一款开源免费的 PDF 处理工具箱!
bentopdf —— 一款功能强大、注重隐私的 PDF 工具箱,支持自托管,无需服务器端处理,可直接在浏览器中操作、编辑、合并和处理 PDF 文件。 ...
我用 stock-sdk 构建了一个个人专属的 A 股行情仪表盘
这篇博客介绍了我用 stock-sdk 搭建的 A 股股票看板 stock-dashboard:基于 React + TypeScript + Vite 的纯前端项目,不依赖后端或定时脚本,直接在页面侧拉取行情并完成展示与筛选。文章从数据层封装(SDK 单例、重试、TTL 缓存、服务层统一出口)讲起... ...
Vue 3 + SVG :打造动态交互式智慧公厕可视化大屏
Vue 3 + SVG :打造“会呼吸”的智慧可视化大屏 在智慧城市建设的浪潮中,可视化大屏已成为展示数据的核心窗口。而在“智慧公厕”这一细分场景下,如何直观、实时、高保真地展示每个厕位的占用状态(有人/无人),是前端开发中一个既有趣又充满挑战的课题。 传统的做法往往是“切图一把梭”——使用多 ...
uniapp+vue2+uview图片上传封装
打造基于 uView+uniapp+vue 的高性能图片上传组件(自动压缩 + 更加健壮的类型判断) 前言 在移动端开发(App/小程序/H5)中, 图片上传 是一个极其高频且容易产生性能瓶颈的场景。直接上传原图往往会带来以下问题: 上传缓慢 :现在的手机拍照动辄 5MB-10MB,用户在非 ...
面试官:说说看,用户登录后拿到的 Token,你应该怎么存?存哪里?
写在开头 点赞 + 收藏 学会 开篇:一个经典的面试题 “说说看,用户登录后拿到的 Token,前端应该怎么存?” 这个问题看似简单,却能清晰地分辨出一个前端开发者对安全的理解深度。是存到 localStorage?sessionStorage?还是 Cookie?又或者是内 ...
2026 最全 JS 反混淆工具横评:jsunpark、jsnice、de4js、ob-decrypt…到底谁才是王者?
在前端安全对抗日益激烈的 2026 年,JavaScript 混淆技术已经从简单的“代码压缩”演进到了极其复杂的指令级膨胀、多层控制流平坦化、虚拟化保护(JS-VM)以及自监测动态加密。 对于爬虫架构师、高级逆向研究员来说,“反混淆”已不再是简单的格式化,而是一场关乎代码熵值还原与控制流语义对齐的技 ...
12个JS核心,搞懂这些直接起飞!
写在开头 点赞 + 收藏 学会 你是不是也遇到过这样的场景?面试官抛出一个闭包问题,你支支吾吾答不上来;团队代码review时,看到同事用的Promise链一脸懵逼;明明功能实现了,性能却总是差那么一点... 别慌!今天我整理了12个JavaScript核心概念,这些都是20 ...
V8引擎 精品漫游指南 -解析篇 语法解析 AST 作用域 闭包 字节码 优化 一文通关
内容链条如下:1识别-2流式处理-3切分-4预解析和全量解析-5解析概述-6解析具体过程.表达式的解析-7声明的解析-8函数的解析-9变量的解析-10类的解析-11语句的解析 其中包含单个完整的知识点分散在各部分:闭包 作用域 作用域链/树 暂时性死区。。。可搜索关键字查找。 ...
写给前端的股票行情 SDK: stock-sdk,终于不用再求后端帮忙了
作者自己动手写了一个 JavaScript/TypeScript 版本的股票行情 SDK。文章介绍了这个 SDK 能获取 A 股、港股、美股的实时行情和 K 线数据,还内置了常用的技术指标计算,支持浏览器和 Node.js 双端运行,适合用来做行情看板、数据可视化、量化验证这类项目。 ...
JavaScript 中 getItem 方法详解
JavaScript 中 getItem 方法详解 你想了解的 JavaScript 中的 getItem 方法,核心是用于从浏览器的存储对象中读取指定键(key)对应的存储值(value),最常用在 Web 存储相关的 API 中,下面分核心知识点详细说明: 一、核心使用场景:两大存储对象 get ...
还在痛苦前端的拖拽排序吗?SortableJS 轻松搞定
产品扔过来一个需求:这个列表需要实现拖拽排序,心里面慌不慌? 如果要手搓一个这个功能,那代码可就很感人了。 大概有这么些逻辑:鼠标按下 -> 开始拖动 -> 拖动中实时改变位置 -> 拖动结束判断是否允许释放 -> 不允许缩放怎么做 -> 允许缩放又怎么做。 要实现这一大堆逻辑,那画面很美~~ 别慌 ...
JSAPIThree 加载单体三维模型学习笔记:SimpleModel 简易加载方式
这是一篇关于 JSAPIThree(mapvthree)加载单体三维模型的学习笔记,介绍如何使用 SimpleModel 类简化三维模型加载,这是对 Three.js 加载方式的封装,支持所有 Three.js 兼容的模型格式,并能自动处理多种投影方式下的坐标转换。 ...
JavaScript图表库 DHTMLX Diagram 6.1 重磅发布:全新PERT模式上线,项目可视化能力再升级!
近日,JavaScript图表库DHTMLX Diagram 6.1 正式版本。本次版本更新带来了全新的 PERT 可视化模式,并在无代码/低代码流程图编辑体验方面实现了更高的灵活性与可控性。同时,Diagram 编辑器在快捷键管理与图形交互控制上也迎来了多项重要增强。 ...
JSAPIThree 加载 3D Tiles 学习笔记:大规模三维场景渲染
这是一篇关于 JSAPIThree(mapvthree)加载 3D Tiles 的学习笔记,介绍如何使用 Default3DTiles 加载和渲染大规模三维场景数据,包括从 URL 和 Cesium Ion 加载、性能优化配置等功能。 ...
防止跨站脚本攻击(XSS)(完整版HTTP安全响应头-CSP)
一、CPS简介 Content-Security-Policy(CSP,内容安全策略)是一种由浏览器实施的安全机制,用于防止跨站脚本攻击(XSS)、数据注入攻击和点击劫持等常见 Web 安全威胁。 它通过白名单机制控制网页可以加载和执行哪些资源,从而有效减少恶意代码的执行机会。 二、核心作用 1、防 ...
JSAPIThree 加载 WMS、WMTS 和通用栅格图学习笔记:标准地图服务与切图规则
这是一篇关于 JSAPIThree(mapvthree)加载 WMS、WMTS 和 XYZ 格式地图的学习笔记,介绍标准地图服务协议的使用方法以及瓦片切图规则的理解和应用。 ...
高性能表格组件AG Grid 35 全新发布:支持单元格公式、分组拖拽、绝对排序、列选择等
AG Grid 35 是一次重量级更新,带来了诸多提升用户交互体验与数据处理效率的全新特性,包括:单元格公式、行分组拖拽、绝对排序、列选择,以及全新的过滤与导出覆盖层。 ...
JS事件深度解析一、二、三 事件 循环 队列 事件传播 事件监听列表 shadow dom 异步 事件的派发
本文适合js已经入门的朋友阅读,以全方位的视角,详细的讲解了事件的一生,尤其推荐阅读第三部分,对于平常的前端开发,很有帮助。同时 通过对浏览器层面的略微描述,也能更为深刻的理解js中事件的种种的行为缘由。本文力求符合规范 贴合主流浏览器实现, 为读者构建一个立体的心智模型。 ...
JSAPIThree 加载天地图学习笔记:使用天地图影像服务
这是一篇关于 JSAPIThree(mapvthree)加载天地图的学习笔记,以初学者的视角记录如何配置天地图 token、加载天地图影像等功能的完整学习过程。 ...
JSAPIThree 加载 Mapbox 数据学习笔记:使用 Mapbox 矢量瓦片地图
这是一篇关于 JSAPIThree(mapvthree)加载 Mapbox 数据的学习笔记,以初学者的视角记录如何配置 Mapbox AccessToken、加载 MVT 地图、自定义样式等功能的完整学习过程。 ...


