前端 图片base 64
vue解决后端返回的图片路径名和原图片路径名相同时，浏览器缓存只会加载首次缓存的图片问题
方法一：让后端更改返回的路径名字。 方法二：前端自己处理。 在图片路径后拼接随机数或者时间戳 我用的是时间戳 this.$refs.rotate.src = res.data.url + "?" + new Date().getTime() :src="formData.indexUrl + '?' ......
前端Node环境下模块的导入与导出总结
```js // 1、一个模块可以有多个下方这种非默认导出 // 2、外部模块要想单独使用 a,b 其中之一时，就必须要用解构符{}的方式去导入 // 3、外部导入方式1：import {a as AAA,b as BBB} from "./utils"; 此处的 AAA与BBB 都是在外部模块导入 ......
前端vue地图定位并测算当前定位离目标位置距离可用于签到打卡
前端vue地图定位并测算当前定位离目标位置距离可用于签到打卡, 下载完整代码请访问uni-app插件市场地址: https://ext.dcloud.net.cn/plugin?id=12974 效果图如下: # #### 使用方法 ```使用方法 <!-- // 腾讯地图key注册地址（针对H5端 ......
前端vue uni-app多图片上传组件，支持单个文件，多个文件上传 步骤条step使用
快速实现多图片上传组件，支持单个文件，多个文件上传 步骤条step使用; 下载完整代码请访问uni-app插件市场地址：https://ext.dcloud.net.cn/plugin?id=12747 效果图如下: 代码如下： # 多图片上传组件，支持单个文件，多个文件上传 支持图片压缩 #### ......
前端vue基于echart实现散点图
前端vue基于echart实现散点图, 下载完整代码请访问uni-app插件市场地址: https://ext.dcloud.net.cn/plugin?id=12866 效果图如下: 参考代码如下: # #### 使用方法 ```使用方法 import echarts from '../../st ......
前端基于原生input组件的增强简单通用实用输入框
前端基于原生input组件的增强简单通用实用输入框，下载完整代码请访问uni-app插件市场地址：https://ext.dcloud.net.cn/plugin?id=12799 效果图如下: 实现代码如下： # 前端基于原生input组件的增强简单通用实用输入框 #### 使用方法 ```使用方 ......
前端vue实现页面加水印文字 单个页面所有页面加水印 水印颜色
前端vue实现页面加水印文字, 可以实现系统所有页面加水印,也可以单个页面加水印, 可更改水印颜色, 下载完整代码请访问uni-app插件市场地址: https://ext.dcloud.net.cn/plugin?id=12889 效果图如下: #### 使用方法 ```使用方法 /* 给系统所有 ......
前端vue echart自定义图表(柱形图 折线图 饼图 树形结构图 关系图谱 )
快速实现echart自定义图表(柱形图 折线图 饼图 树形结构图 关系图谱 ); 下载完整代码请访问uni-app插件市场地址：https://ext.dcloud.net.cn/plugin?id=12735 效果图如下: ......
前端简单实用通用标签栏自动换行 自适应高度 可设置行数 可改标签颜色
前端ccTag简单实用通用标签栏自动换行 自适应高度 可设置行数 可改标签颜色：下载完整代码请访问uni-app插件市场地址: https://ext.dcloud.net.cn/plugin?id=12812 效果图如下: 实现代码如下: # ccTag简单实用通用标签栏自动换行 自适应高度 可设 ......
前端vue简单好用的上拉加载下拉刷新组件,支持列表分页 本地分页
前端vue简单好用的上拉加载下拉刷新组件,支持列表分页 本地分页, 下载完整代码请访问uni-app插件市场地址: https://ext.dcloud.net.cn/plugin?id=12942 效果图如下: #### 使用方法 ```使用方法 <!-- pullDown:下拉刷新 back-t ......
前端仿新浪新闻 tabs 选项卡tabs标签页，根据文字多少自适应 tab项宽度
前端仿新浪新闻 tabs 选项卡tabs标签页，根据文字多少自适应 tab项宽度, 下载完整代码请访问uni-app插件市场地址: https://ext.dcloud.net.cn/plugin?id=12876 效果图如下: 实现代码如下： #### 使用方法 ```使用方法 <!-- v-mo ......
基于html2canva jspdf 实现前端页面加水印 并导出页面PDF
基于html2canva jspdf 实现前端页面加水印 并导出页面PDF; 下载完整代码请访问uni-app插件市场地址：https://ext.dcloud.net.cn/plugin?id=12761 效果图如下: 代码实现如下: # 使用方法 ```使用方法 <!-- 引入加入 导出pdf插 ......
前端vue自定义table 表格 表格组件 Excel组件
快速实现vue uni-app自定义table 表格 表格组件 Excel组件，扩充性好，可切换四宫格 九宫格 十二宫格; 下载完整代码请访问uni-app插件市场地址：https://ext.dcloud.net.cn/plugin?id=12705 效果图如下： 代码如下： # 自定义table ......
前端vue uni-app基于uQRCode封装简单快速实用全端二维码生成插件
快速实现基于uQRCode封装简单快速实用全端二维码生成插件; 下载完整代码请访问uni-app插件市场地址：https://ext.dcloud.net.cn/plugin?id=12677 效果图如下： 代码如下：# 基于uQRCode封装简单快速实用全端二维码生成插件 #### 使用方法 `` ......
前端vue uni-app宫格组件提供常见九宫格菜单组件，扩充性好，可切换四宫格 九宫格 十二宫格
快速实现vue uni-app宫格组件提供常见九宫格菜单组件，扩充性好，可切换四宫格 九宫格 十二宫格; 下载完整代码请访问uni-app插件市场地址：https://ext.dcloud.net.cn/plugin?id=12680 效果图如下： 代码如下# 宫格组件提供常见九宫格菜单组件，扩充性 ......
前端vue uni-app列表组件 list组件,简单好用
快速实现uni-app列表组件 list组件,简单好用; 下载完整代码请访问uni-app插件市场地址：https://ext.dcloud.net.cn/plugin?id=12675 效果图如下： #### 使用方法 ```使用方法 <!-- proList: 条目数组数据 goProDetai ......
前端vue uni-app百度地图定位组件，显示地图定位，标记点，并显示详细地址
快速实现前端百度地图定位组件，显示地图定位，标记点，并显示详细地址; 下载完整代码请访问uni-app插件市场地址：https://ext.dcloud.net.cn/plugin?id=12677 效果图如下： 代码如下： # 百度地图定位组件，显示地图定位，标记点，并显示详细地址 #### 使用 ......
还原webpack前端js
学校放了个破保密专题课视频，还不能拉进度条，也不能控制台直接调倍速，我猜是把操作写在事件的回调函数里了。想覆盖一下js代码。 源代码结构如下： 用chrome一个插件把源代码下载下来： 好，接下来用shuji还原一下。但是没有js.map文件。没关系，去js里搜搜看： 喜，去下载一下： 仔细看看，这 ......
HHDESK图片浏览功能
几十上百张图片，分散在无数文件夹里面，需要一个个文件夹点开，再一张张打开浏览，寻找最佳素材——这是挑选素材最眼花缭乱的时刻，外加双击鼠标到手麻。 好的图片浏览器也有，但是需要收费，且费用不低。 而HHDESK的设计人员注意到了这一点，为此开发并完善了图片浏览功能。本文便为大家详细介绍一下。 点击首页 ......
前端学习C语言 - 开篇
## 前端学习C语言 - 开篇 前端学习C语言有很多理由：工作、兴趣或其他。 C 语言几个常见的使用场景： - `操作系统`开发：Linux 操作系统的内核就是主要由 C 语言编写的。其他操作系统也广泛使用 C 语言进行核心部分的开发。 - 系统级开发和嵌入式编程：C 语言具有强大的`底层`控制能力 ......
ChatGPT的原理与前端领域实践
## 一、ChatGPT 简介 ### ChatGPT的火爆 ChatGPT作为一个web应用，自22年12月发布，仅仅不到3个月的时间，月活用户就累积到1亿。在此之前，最快记录的保持者也需要9个月才达到月活1亿。 实现将多张图片从上到下拼在一起转成一个pdf输出
以下是一个将多张图片从上到下拼接在一起并转换成 PDF 文件的 Spring Boot 接口的示例代码： import com.itextpdf.text.Document; import com.itextpdf.text.Image; import com.itextpdf.text.pdf.P ......
java（springboot）实现将一个pdf按页码转成多张图片
以下是一个将 PDF 转换成 JPG 格式图片的 Spring Boot 接口代码： import org.apache.pdfbox.pdmodel.PDDocument; import org.apache.pdfbox.rendering.PDFRenderer; import org.spr ......
Lit图片压缩正式版丨一款可以把图片体积减少5倍不损失画质的安卓手机应用
Lit图片压缩是一个免费简单好用的图片尺寸调整工具，能帮你快速缩小图片尺寸或解析度,能让你轻易的缩小图片尺寸，同时保有图片品质；调整后的照片会被自动储存到LitPhoto的文件夹里，免去手动储存的麻烦。被自动储存后的照片也能很容易的在内建的图片应用做后续的使用；在调整由相机所记录的照片解析度的过程中 ......
前端常见的字符编码方案
在前端开发中，最常见的字符编码方案是 UTF-8。UTF-8是一种可变长度的 Unicode 编码方案，可以表示几乎所有的字符，并且与 ASCII 兼容。由于互联网的广泛应用和多语言的支持，UTF-8成为了前端开发中的首选字符编码方案。 使用UTF-8编码的好处： 1. 多语言支持 ：UTF-8可以 ......
CSS 图片加载提前占位 padding-top、padding-bottom
今天聊一个图片加载提前占位的一个问题 🤔，内容比较适合初学者。 ### 起因 在响应式页面当中，图片加载之前是不知道图片高度的，加载成功图片完全撑开。如果不做提前占位会把下面的内容挤下去，页面出现抖动，就像下面效果一样： ![css-ccupy-no.gif](https://p3-juejin. ......
前端JavaScript开发手册——React、Angular和Vue比较
前端框架在 Web 开发中不可或缺。它们提供结构化方法和预定义组件来简化编码过程。 这些工具还可以通过提供可重用组件和抽象复杂任务（如 DOM 操作和状态管理）来帮助提高生产力。这使开发人员可以专注于应用程序逻辑，而不是编写重复的代码。 框架通过模块化开发提高代码的可维护性，使修改或替换单个组件变得 ......