前端 图片base 64
前端命令——编译文件ts scss sass 等
## 1. 安装 ```bash npm install -g typescript ``` ```bash tsc --initÏ ``` ## 2. 使用方法 ### 2.1、将ts文件转化为js ```bash tsc index.ts ``` 会自动生成对应的index.js文件 ### 2 ......
IntersectionObserver 实现图片懒加载、列表无限滚动等功能
过去，要检测一个元素是否可见或者两个元素是否相交并不容易，比如实现图片懒加载、内容无限滚动等功能时，都需要通过getBoundingClientRect()写大量的逻辑计算或者依靠scroll事件监听等性能很差方式来实现。 现在，依靠IntersectionObserver（交叉观察器）我们能非 ......
Base64编码和解码
1、依赖sun.misc.BASE64Decoder.jar /** * Base64编码 * @param data 要加密的字符数组 * @return String 加密后的16进制字符串 */ public static String encode(byte[] data){ return ......
node前端的流水线pipline案例
``` pipeline { agent { kubernetes { cloud 'kubernetes-dev' slaveConnectTimeout 1200 workspaceVolume hostPathWorkspaceVolume(hostPath: "/opt/jenkins/wo ......
前端页面不同屏幕适配-（postcss-pxtorem插件）
# 背景 开发中我们常用`px`作为网页的单位，但是`px`在不同屏幕下不会自适应，这样会导致网页元素在小屏幕下的话会变得相对比较大，在大屏幕下会变得相对比较小 # 解决方案 https://juejin.cn/post/7217999296263553081 https://vant-contri ......
如何快速一键批量压缩图片？推荐你一个工具无需登录免费处理！！
今天给大家推荐一个简单免费的批量压缩图片网站，不用注册，无需付费，一键批量压缩 画好图 网站地址：画好图-免费在线图片转换处理 画好图 可以压缩JPG、PNG、SVG，以及GIF以及更多的图片格式，同时节省空间、保持质量。它可以将原图压缩到非常小，同时保持画质损失非常低。与其他图片压缩工具不同的是， ......
vue3+vite2动态绑定图片优雅解决方案
> 优雅解决方案在最下面，小伙伴们儿可以直接前往 😊 > # 背景 在vue3+vite2项目中，我们有时候想要动态绑定资源，比如像下面的代码这样： ```html ``` 实际效果是这样： ，绝对能满足你的终极幻想。 它最大亮点就是配备了多达七块RTX 4090显卡，每块16384个CUDA核心、24GB GDDR6X显存，总计接近11.5万个核心、168GB显存，甚至超过了系统内存容量—— ......
图片预览组件 （放大 缩小 旋转 鼠标拖动）
**效果图**  **其中的图片初始化 不需要 如果需要可自行修改一下** **完整代码如下 ** 点击查看代码 `` ......
vue图片预览（ 放大 缩小 旋转 鼠标拖动）
* 此组件是图片是默认展开的 里面是操作的功能  代码如下 ` {{ title }} {{ currentInd ......
前端开发进阶：前端开发中如何高效渲染大数据量？
在日常工作中，有时会遇到一次性往页面中插入大量数据的场景，在数栈的[离线开发](https://www.dtstack.com/dtinsight/batchworks?src=szsm)（以下简称离线）产品中，就有类似的场景。本文将通过分享一个实际场景中的[前端开发](https://www.dt ......
直播网站程序源码，Java实现图片压缩
直播网站程序源码，Java实现图片压缩 1、Thumbnailator简介 对于图片处理，JDK中也提供了对应的工具类，不过处理起来会很麻烦，而Thumbnailator是一个Google开源的优秀图片处理的第三方Java类库,处理效果远比Java API的好。 Thumbnailator可以使用很 ......
使用 jsqr 解析二维码图片内容
npm install jsqr <template> <div> <button type="primary" @click="handUpload">上传图片</button> <div style="display: none;"> <input type="file" accept="ima ......
Unity UGUI的Image（图片）组件的介绍及使用
# UGUI的Image（图片）组件的介绍及使用 ## 1. 什么是UGUI的Image（图片）组件？ UGUI的Image（图片）组件是Unity引擎中的一种UI组件，用于显示2D图像。它提供了一种简单而灵活的方式来在游戏中加载和显示图片。 ## 2. 为什么要使用UGUI的Image（图片）组件 ......
图片压缩方法
压缩图片的工具有非常多，这里只是略微整理一下！ TinyPNG: 在线压缩 [mozjpeg](https://github.com/mozilla/mozjpeg): JPEG 压缩 (实际使用时可以使用基于它的 GUI 程序，如 [mozjpeg-gui](https://github.com/ ......
内存泄漏（前端）
# 内存泄漏 这是我在部门做的内部分享，得到大家很好地反馈，现分享出来 ## 理论 ### 概念 * 程序在申请内存后，无法释放已申请的内存空间 #### 与内存溢出的关系 * 内存溢出是程序在申请内存时，没有足够的内存空间供其使用 * 是内存泄漏的最终结果 ### 垃圾回收（GC） #### 内存 ......
在Mac系统上构建适用于Linux 64位的Go程序
要在Mac系统上构建适用于Linux 64位的Go程序，可以采用以下2种方式： 1.通过设置环境变量并使用交叉编译来实现 以下是在Mac系统上构建适用于Linux 64位的Go程序的步骤： 在你的项目根目录下，打开终端。 设置环境变量 GOOS 和 GOARCH 为 linux 和 amd64，分别 ......
[Druid-ConnectionPool-Create-1642445703jdbc:hsqldb:file:///opt/tomcat-linux-x64/webapps/webroot/WEB-INF/embed/finedb/db;hsqldb.tx=mvcc]
启动tomcat遇到上述问题，是由于启动多次tomcat，之前启动的进程还存在 解决方法： 首先找出Tomcat的进程：ps -ef |grep tomcat 然后杀死掉对应的tomcat进程：kill -9 26135 最后重启tomcat 进入bin目录输入命令.startup.sh ......
接收他人传输的图片（base64），通过flask服务 返回图片物种的坐标，类别，和打标签的图片（base64）
# 代码如下，没有优化（只实现） >test2_trans.py ```python import torch import cv2 from PIL import Image from io import BytesIO import os pt_path = r'E:\Code\Python\y ......
【校招VIP】前端校招考点之行内/块级元素
考点介绍： 行内元素会在一条直线上排列（默认宽度只与内容有关），都是同一行的，水平方向排列。块级元素各占据一行（默认宽度是它本身父容器的100%（和父元素的宽度一致），与内容无关），垂直方向排列。块级元素从新行开始，结束接着一个断行。 答案详情解析和文章内容可扫下方二维码或链接即可查看！ 一、考点题 ......
前端好用API之MutationObserver
https://www.cnblogs.com/xwwin/p/16587930.html 前情 一直以来都没有好的方式可以监听元素变化，Mutation events虽然可以监听DOM树结构变化，但是因性能问题和差的兼容问题（Webkit内核不支持）并不推荐使用。 MutationObserver ......
ionic html 如果图片不存在就显示默认图片
<img style="width: 7rem;height: 7rem;border-radius: 50%;" src="{{headPath}}" onerror="onerror=null;src='./assets/imgs/avatar.png'" > 在img标签中加上 onerror ......
【前端基础总结】
# [Web前端参考手册](https://www.cnblogs.com/dream-ze/p/17524779.html) # [【前端引入】](https://www.cnblogs.com/dream-ze/p/17524705.html) # 【HTML】 ## [【1】web服务端本质] ......
意外发现Cortex-M内核带的64bit时间戳，比32bit的DWT时钟周期计数器更方便，再也不用担心溢出问题了
视频： https://www.bilibili.com/video/BV1Bw411D7F5 介绍： 看参数手册的Debug章节，System ROM Table里面带Timestamp generator的都是支持的，不带的不支持。当前测试H743/H750等系列是带的。与DWT时钟计数器一样， ......
前端codeReview规范指南
一定要看的前端codeReview规范指南 一、前言针对目录结构、CSS规范、JavaScript规范、Vue规范可参照官方给出的 风格指南这里主要总结业务开发中常遇到的代码问题和实践，帮助大家后续各自做好codeReview，一些你遇到的典型问题，也可以在留言区评论，帮助团队共同进步。 二、实践规 ......
python截图、压缩、转base64，可以用2m压缩到100k，肉眼不失真
1 import win32gui 2 import win32ui 3 import win32con 4 import numpy as np 5 import cv2 6 import base64 7 8 # 通过句柄截取窗口内容 9 def capture_window_by_handle ......
Python高保真高压缩图片
''' pip install numpy pip install opencv-python ''' from io import BytesIO import cv2 import numpy as np def pic_compress(pic_path, out_path, target_s ......
【原创】windows api系统打印机打印JPG图片
使用windows api调用系统打印机打印图片，基本思路是获得打印机的DC然后在DC上绘制。 ## 好处 - 不需要依赖厂家提供的库 ## 关键点 - 打印机脱机状态判断 - 打印机的纸张尺寸 ## 源码 ```c++ // syscallprinter.cpp : 定义 DLL 的初始化例程。 ......
MVC 在线预览word, excel Aspose 在线预览 word exel pdf 图片 等文件 去水印
Nuget 引用 1).Aspose.Cells 2).Aspose.Slides 3).Aspose.Words 去除水印 当前版本19.10 注意需要18.x以上- 20.x以下否则不能去除水印 new Aspose.Words.License().SetLicense(new MemorySt ......
Jmeter接口上传图片/文件
参考：https://blog.csdn.net/weixin_46039178/article/details/110179335 1）配置接口基本信息 2）添加信息头管理器 content-type： multipart/form-data 3）上传文件，填写需要上传文件的地址 填写文件地址，参 ......