写在开头 点赞 + 收藏 学会 在开发自定义 Swiper 或长列表组件时,为了优化性能,我们通常会给每一项加上懒加载逻辑: <view class="item"> <template v-if="shouldRender"> <slot :name="'slot-' + i ...
写在开头 点赞 + 收藏 学会 拖拽功能是前端开发里最常见的交互之一: 从 百度网盘的文件拖拽,到 Figma 的画布操作,都离不开拖拽能力。 很多人会觉得——拖拽不就是 mousedown + mousemove + mouseup 吗?三行代码就能搞定! 但当你真正落地到 ...
基于 LLM + Next.js 的博弈实战猜拳游戏 摘要:当你以为自己在和随机数生成器玩游戏时,对面的 AI 正在阅读你所有的历史出拳记录,并写了一篇关于你心理状态的小作文。本文带你拆解这个基于 Next.js 16 + Tailwind v4 + LLM 的“过度设计”+“没啥技术含量”+”有那 ...
写在开头 点赞 + 收藏 学会 “代码写得少,Bug 自然少。”——鲁迅(并没有说) 今天不聊 React、不聊 Vue,回到语言层,挖一挖那些“官方早就给了,但我们总自己造轮子”的 ES6 冷门 API。 它们每一个都经过浏览器真·原生实现,无 polyfill 也能跑,一 ...
写在开头 点赞 + 收藏 学会 最近项目上线,用户一多,页面就卡得不行。首屏加载 3 秒起,滚动掉帧,手机发烫……被 QA 喊去聊了好几次。 没办法,只能低头研究性能优化。翻了一圈文档和实战案例,发现现代浏览器其实给了我们很多“外挂”——那些你可能听过但一直没用起来的高级 A ...
在智能制造、能源监测与工业分析等领域中,高性能数据可视化是构建现代软件产品核心能力的重要环节。瑞典能源测量与电力质量分析解决方案提供Metrum成功采用 LightningChart JS 高性能数据可视化库,显著提升其基于 Web 的实时图表展示功能,为工业测量与分析产品注入更强的可视化动力。 ...
写在开头 点赞 + 收藏 学会 这个问题你可能在面试、线上 Bug、甚至随手写 Demo 的时候都见过: console.log(0.1 + 0.2 0.3); // false 很多人第一反应是“浮点数精度问题”,但如果继续追问: 为什么偏偏是 0.1、0.2 这种小数出问 ...
封装一个好用的页面导出 PDF 工具 Hook (html2canvas + jspdf) 在最近的一个项目中,遇到一个将页面内容(详情页)导出为 PDF的需求,但是好像目前没有直接把dom转成pdf这样一步到位的技术,所以自己封装了一个间接转换的方法,基于 Vue3 + TypeScript 的通 ...
写在开头 点赞 + 收藏 学会 面试官问:"用户 token 应该存在哪?" 很多人脱口而出:localStorage。 这个回答不能说错,但远称不上好答案。 一个好答案,至少要说清三件事: 有哪些常见存储方式,它们的优缺点是什么 为什么大部分团队会从 localStorag ...
写在开头 点赞 + 收藏 学会 今天来分享 10 个 Vue3 的性能优化技巧。 核心原则: 减少不必要的响应式追踪 避免无谓的 DOM 操作 按需加载资源 咱也不要为了优化而优化!小项目用默认写法完全没问题,优化应在性能瓶颈出现后进行。 这些技巧不难,但都非常关键。 看完你 ...
写在开头 点赞 + 收藏 学会 前端 HTML 转 PDF 的工具函数,核心作用是:把网页中指定 ID 的 DOM 元素(比如表格、报表、表单等),通过 html2canvas 和 jspdf 两个库转换成 PDF 文件并下载到本地。 简单说:它能让用户 “一键下载” 网页上 ...
告别 HBuilderX?拥抱 unibest:基于 Vite + Vue 3 的 Uni-app 开发终极方案 在移动端跨平台开发领域,Uni-app 凭借其强大的跨端能力不仅统一了小程序和 App 的开发,更构建了庞大的生态。然而,传统的开发模式(依赖 HBuilderX、基于 Webpack ...
JeecgBoot Vue3 实战:构建高效的企业级前端业务模块 JeecgBoot-Vue3 是一个基于 Vue3.0 + TypeScript + Vite6 + Ant-Design-Vue 的现代化前端解决方案。它集成了二次封装组件、Utils、Hooks、动态菜单、权限校验及按钮级权限控制 ...
vue 可视化表单设计器 vxe-form-design 创建自定义控件的详细用法,vxe-design 是 vxe 下的一个开源的可视化设计器,在使用表单设计器时,通常需要将业务的的每一个控件进行封装,以适应业务的需求,接下来介绍一下如果来定义一个自定义的控件。 https://design.vx ...
bentopdf —— 一款功能强大、注重隐私的 PDF 工具箱,支持自托管,无需服务器端处理,可直接在浏览器中操作、编辑、合并和处理 PDF 文件。 ...
这篇博客介绍了我用 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?又或者是内 ...