刷新
Vue 3 + SVG :打造动态交互式智慧公厕可视化大屏

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

uniapp+vue2+uview图片上传封装

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

2026 最全 JS 反混淆工具横评:jsunpark、jsnice、de4js、ob-decrypt…到底谁才是王者?

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

12个JS核心,搞懂这些直接起飞!

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

JavaScript 中 getItem 方法详解

博主头像 JavaScript 中 getItem 方法详解 你想了解的 JavaScript 中的 getItem 方法,核心是用于从浏览器的存储对象中读取指定键(key)对应的存储值(value),最常用在 Web 存储相关的 API 中,下面分核心知识点详细说明: 一、核心使用场景:两大存储对象 get ...

还在痛苦前端的拖拽排序吗?SortableJS 轻松搞定

产品扔过来一个需求:这个列表需要实现拖拽排序,心里面慌不慌? 如果要手搓一个这个功能,那代码可就很感人了。 大概有这么些逻辑:鼠标按下 -> 开始拖动 -> 拖动中实时改变位置 -> 拖动结束判断是否允许释放 -> 不允许缩放怎么做 -> 允许缩放又怎么做。 要实现这一大堆逻辑,那画面很美~~ 别慌 ...

防止跨站脚本攻击(XSS)(完整版HTTP安全响应头-CSP)

博主头像 一、CPS简介 Content-Security-Policy(CSP,内容安全策略)是一种由浏览器实施的安全机制,用于防止跨站脚本攻击(XSS)、数据注入攻击和点击劫持等常见 Web 安全威胁。 它通过白名单机制控制网页可以加载和执行哪些资源,从而有效减少恶意代码的执行机会。 二、核心作用 1、防 ...

JS事件深度解析一、二、三 事件 循环 队列 事件传播 事件监听列表 shadow dom 异步 事件的派发

本文适合js已经入门的朋友阅读,以全方位的视角,详细的讲解了事件的一生,尤其推荐阅读第三部分,对于平常的前端开发,很有帮助。同时 通过对浏览器层面的略微描述,也能更为深刻的理解js中事件的种种的行为缘由。本文力求符合规范 贴合主流浏览器实现, 为读者构建一个立体的心智模型。 ...

123···11>