技术学堂

headin_border
前端HTML转PDF实用指南:html2canvas与jsp
前端HTML转PDF实用指南:html2canvas与jsp

想实现网页指定区域一键下载为PDF?本文详解基于html2canvas和jspdf的前端转换方案,包含元素定位、滚动置顶、水印添加、清晰度优化及自动分页处理。直接复制工具函数,轻松搞定报表、合同等场景...

uniapp+vue2+uview图片上传封装:自动压缩与健
uniapp+vue2+uview图片上传封装:自动压缩与健

手把手封装基于uniapp+vue2+uview的高性能图片上传组件,核心解决原图上传慢、体验差、服务器压力大等痛点。通过智能类型判断与阈值控制,仅对超过1MB的图片进行canvas压缩并转回文件对象...

Vue 3 + SVG打造动态智慧公厕可视化大屏|实战指南
Vue 3 + SVG打造动态智慧公厕可视化大屏|实战指南

基于Vue 3和动态SVG,实现智慧公厕厕位占用状态的实时可视化大屏。通过加载SVG源码、智能解析路径节点、WebSocket毫秒级驱动,解决传统切图适配差、维护难问题。支持任意缩放、高保真矢量渲染,...

用户Token到底该存哪?HttpOnly Cookie与l
用户Token到底该存哪?HttpOnly Cookie与l

面试高频题“用户Token存哪”的满分答案:对比localStorage、普通Cookie与HttpOnly Cookie的XSS与CSRF风险,揭示为什么大厂从localStorage迁移至Http...

html2canvas+jspdf实现页面导出PDF:解决分
html2canvas+jspdf实现页面导出PDF:解决分

前端开发中,将复杂页面导出为PDF常遇到截图不全、图片模糊、内容被压缩等难题。本文基于Vue3与TypeScript,详解如何利用html2canvas与jspdf封装通用Hook,通过设置scale...

Vue3性能优化10个实用技巧:提升项目响应速度的核心指南
Vue3性能优化10个实用技巧:提升项目响应速度的核心指南

文章分享了10个Vue3性能优化技巧,核心在于减少不必要的响应式追踪、避免无谓DOM操作和按需加载资源。从shallowReactive替代reactive、toRefs解构、watchEffect自...