前端

纯前端生成PDF(jsPDF)并下载保存或上传到OSS的代码示例-牛翰网

纯前端生成PDF(jsPDF)并下载保存或上传到OSS的代码示例

目录 前言 技术涉及 代码实现 1、获取DOM结点 2、获取打印容器的属性 3、生成PDF 4、保存本地或者上传OSS  保存本地 上传OSS 5、注意事项 6、完整代码 总结  前言 在工作中遇到了一个...
013418143608c9e1的头像-牛翰网宝子向前冲4个月前
03710
在前端中Proj4.js使用简单介绍及进阶应用-牛翰网

在前端中Proj4.js使用简单介绍及进阶应用

目录 前言 Proj4 是一个用于处理 JavaScript 里的几何图形和坐标计算的库。虽然这个库的知名度不如其他几何处理库如 Turf.js,但它提供了用于多边形、点、线等几何对象的计算功能,类似于 GIS(...
前端滚动锚点三个常用方案(点击后页面滚动到指定位置)-牛翰网

前端滚动锚点三个常用方案(点击后页面滚动到指定位置)

目录 三个常用方案: 1.scrollintoView 2.scrollTo 3.scrollBy  最后:要注意的点,记住这么几个操作 总结  三个常用方案: 1.scrollintoView 把调用该方法的元素滚动到屏幕的指定位...
前端实现水印功能的几种方法及优缺点-牛翰网

前端实现水印功能的几种方法及优缺点

目录 1. 使用 CSS 背景图方式 2. 使用 HTML5 Canvas 动态绘制水印 3. 使用 SVG 添加水印 4. 使用图片处理库(如 Fabric.js) 5. 使用 HTML DOM 元素实现水印 6. 结合后端生成带水印的图像 结论 ...
cd81e1706c6c1f34的头像-牛翰网暗冰ཏོ4个月前
0396
前端防抖(Debounce)和节流(Throttle)的概念、区别、应用场景及实现方法-牛翰网

前端防抖(Debounce)和节流(Throttle)的概念、区别、应用场景及实现方法

目录 前言 一、防抖(Debounce) 1.1 什么是防抖? 1.2 适用场景 1.3 防抖的实现 1.4 使用示例 二、节流(Throttle) 2.1 什么是节流? 2.2 适用场景 2.3 节流的实现 2.4 使用示例 三、防抖与节...
deb3f0e93b6203fe的头像-牛翰网君败红颜4个月前
04514
前端实现文件下载常见的几种方法总结-牛翰网

前端实现文件下载常见的几种方法总结

目录 一、location.href 二、window.open 三、a标签 四、文件流 1.请求的方式 原生js写法  axios写法 2.文件下载的方式 通过URL.createObjectURL()下载 通过# FileReader.readAsDataURL()...
f597a8d88cd9ca19的头像-牛翰网小周同学_丶4个月前
04611
前端本地数据存储的几种常见方式总结-牛翰网

前端本地数据存储的几种常见方式总结

目录 1. Cookies 特点: 示例: 缺点: 2. LocalStorage 特点: 示例: 优点: 缺点: 3. SessionStorage 特点: 示例: 优点: 缺点: 4. IndexedDB 特点: 示例: 优点:...
de331e1a302e1dbf的头像-牛翰网东离与糖宝4个月前
03112
前端根据链接生成二维码的方案及相关常用API-牛翰网

前端根据链接生成二维码的方案及相关常用API

目录 前言: 安装: ES6/ES7示例: 相关常用API: toDataURL(text, [options], [cb(error, url)]) vue示例: toString(text, [options], [cb(error, string)]) vue示例:  toCanvas(canvas...
前端直接导出excel文件的两种方式-牛翰网

前端直接导出excel文件的两种方式

目录 前言 一、插件方式 1.插件安装 2.引入 3.导出 二、本地直接导出 1.页面规则 2.在JS中添加函数 3.调用 总结  前言 开发中可能会有这样的需求,本地自己生成了一个表格,此时表格并没有...
8d9bee3803c1ba79的头像-牛翰网库库的写代码4个月前
03913
前端无感刷新token的实现步骤-牛翰网

前端无感刷新token的实现步骤

目录 XMLHttpRequest Axios Fetch API JQ uni.request 注意事项: 总结  Axios 无感知刷新令牌是一种在前端应用中实现自动刷新访问令牌(access token)的技术,确保用户在进行 API 请求时...
29ffccd13c470edf的头像-牛翰网我就不思8个月前
03011