前端 图片base 64
不忘初心 Windows10 1909 18363.2274 x64 珍藏 极限精简 960M 2023.07.13
Windows10 1909 极限精简版精品，虚拟机实测内存占用700M左右，进程不到40个。 保留打印、远程桌面、IE浏览器、数字激活等，支持微软账户登录（不支持工作或学校账户），Microsoft EDGE浏览器可以正常同步收藏夹及个人设置。 注意不支持安装商店以及任何UWP APPX应用。 此 ......
前端性能优化方法与实战
目录:01 开篇词 开启刻意练习之路，进阶前端性能技术专家.mp402 01 体系总览:性能优化体系及关键指标设定.mp403 02 性能瓶颈点:从 URL 输入到页面加载整过程分析.mp404 03 案例分析:移动端 M 站性能优化落地注意事项.mp405 04 指标采集:首屏时间指标采集具体办法 ......
web前端 第六天总结
案例1：函数 <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <title>Do ......
前端Vuer，请收好这份《Vue组件单元测试》宝典，给自己多一些安全感
大家好，我是 Kagol。
作为一名前端，在做业务开发的过程中，你是否曾经：
- 因为担心上线之后出bug，而反复手工验证自己负责的模块
- 不敢修改现有的“屎山”（别人写的或者是自己1年前写的）代码，从而不断地编写if/else
- 发现业务中有很多重复的代码，每次一改好多地方都要改，但又不敢... ......
web前端 第五天总结
案例1：js初体验 <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <title ......
前端封装时间选择器时的数据格式问题（JS闭包应用场景）
工作中遇到一个需求，需要同时支持一定长度时间段与自定义时间段。 时间选择框是一个下拉框，下拉框后面跟两个框分别显示起止时间，默认是禁用状态，下拉框有多个选项，比如一小时，三小时，六小时......最后一项是自定义时间段，选中后起止时间选择框将会解除禁用。 当选中一小时时，每次全新查询都要拿到当前时间 ......
前端操作方法
数组 方法参数操作返回值时间复杂度空间复杂度 push() 一个或多个元素 在数组末尾添加一个或多个元素，并返回新数组的长度 新数组的长度 O(1) O(1) pop() 无 移除并返回数组的最后一个元素 被移除的元素 O(1) O(1) unshift() 一个或多个元素 在数组开头添加一个或多个 ......
Stable Diffusion生成图片的参数查看与抹除方法
前几天分享了几张Stable Diffusion生成的艺术二维码，有同学反映不知道怎么查看图片的参数信息，还有的同学问怎么保护自己的图片生成参数不会泄露，这篇文章就来专门分享如何查看和抹除图片的参数。 ......
m基于FPGA的64QAM调制解调通信系统verilog实现,包含testbench,不包含载波同步
1.算法仿真效果 本系统进行了两个平台的开发，分别是： Vivado2019.2 Quartusii18.0+ModelSim-Altera 6.6d Starter Edition 其中Vivado2019.2仿真结果如下： 仿真结果导入matlab可以看星座图： Quartusii18.0+Mo ......
前端 手动全屏
手动点击设置全屏/退出全屏 html <div style="height:100%" v-if="isReloadData"> <div @click="fullScreen()">{{ isFullScreen ? '退出全屏' : '全屏展示' }}</div> </div> js expor ......
ckeditor粘贴word图片且图片自动上传功能
ueditor粘贴不能粘贴word中的图片是一个很头疼的问题，在我们的业务场景中客户要求必须使用ueditor并且支持word的图片粘贴，因为这个需求头疼了半个月，因为前端方面因为安全的原因是不允许访问本地文件的。 首先说一下，ueditor粘贴word图片的问题已经解决，但是不是纯web方法解 ......
页面图片验证码显示（base64图片显示）
前端在做登陆的时候经常会遇见输入验证码登陆的问题，一般情况下，后端返回的类似一个流图片，在页面中给图片赋值是不能显示的，想下面这种形式 这样的形式通常需要前端处理一下这个流，转成base64的形式，进行显示，代码如下： async getInterfaceCode() { let res = awa ......
JS将接口返回的base64加密后的文件流下载成pdf
function base64toPDF(data) { var bufferArray = base64ToArrayBuffer(data); var blobStore = new Blob([bufferArray], { type: "application/pdf" }); if (wi ......
ckeditor粘贴word图片且图片自动上传控件
当前功能基于PHP，其它语言流程大致相同 1.新增上传word json配置 在ueditor\php\config.json中新增如下配置： /* 上传word配置 */ "wordActionName": "wordupload", /* 执行上传视频的action名称 */ "wordFi ......
前端坑
一、console.log 快照坑 console.log(res)、console.log(res.food) 其中在前端开发者工具中res的food值并不是后者打印出来的数据 原因：控制台打印对象，前端保存的是一个对象快照 解决：使用JSON.stringify(res) 二、 ......
ckeditor粘贴word图片且图片自动上传组件
当前功能基于PHP，其它语言流程大抵相同。 大概流程： 1. 将docx文件上传到服务器中 2. 使用PHPoffice/PHPword实现将word转换为HTML 3. 将HTML代码返回并赋值到编辑器中 1 编辑器配置修改 1.1 新增上传word json配置 在ueditor\php\c ......
前端echarts组件问题合集（渲染、传参、高度...）
1、echarts环形图设置主标题text和副标题subtext在环形图中居中显示 可以通过设置主标题和副标题的textAlign来设置，title textAlign methods: { initChart() { let self = this; // {height:'250px'} 设置t ......
ckeditor粘贴word图片且图片自动上传插件
1.编辑器修改 (可选) 1.1在 ueditor/config.json 中添加代码块 /* 上传word配置 */ "wordActionName": "wordupload", /* 执行上传视频的action名称 */ "wordFieldName": "upfile", /* 提交的视 ......
CDN与前端技术
CDN（Content Delivery Network）是一种广泛应用于网络加速和内容分发的技术。它通过在全球各地部署服务器节点，将静态资源如图片、CSS和JavaScript文件等缓存到离用户最近的节点上，从而提供更快速和可靠的内容交付。在前理、前端与CDN的结合以及一些最/佳实践 ......
js文件、文件流、Base64、字符流、字节流
文件:<input type="file" name="myFile" id="myFile"> /*FileReader: 读取文件内容 * 1.readAsText():读取文本文件(可以使用TxT打开的文件)，返回文本字符串，默认编码是UTF-8 * 2.readAsBinaryString( ......
ckeditor粘贴word图片且图片自动上传代码
图片的复制无非有两种方法，一种是图片直接上传到服务器，另外一种转换成二进制流的base64码 目前限chrome浏览器使用 首先以um-editor的二进制流保存为例： 打开umeditor.js，找到UM.plugins['autoupload']，然后找到autoUploadHandler方 ......
ckeditor粘贴word图片且图片自动上传源码
这种方法是servlet，编写好在web.xml里配置servlet-class和servlet-mapping即可使用 后台（服务端）java服务代码：（上传至ROOT/lqxcPics文件夹下） <%@ page language="java" import="java.util.*" pa ......
base
子类继承父类，重写父类，在子类中调用父类被覆盖的方法。 public class Person { public virtual void GetInfo()//要标明是什么函数；virtual虚函数 { Console.WriteLine("qqqqqqqe"); } } class Employ ......
Android Glide加载小gif和图片比较模糊
其实Glide加载还是可以将小图片加载的非常清晰的， 可以通过Glide转换为Bitmap 利用Drawable将setFilterBitmap为true 但是这玩意解决不了GIF。在没有找到库的情况下：我直接自定义view通过 pl.droidsonroids.gif:android-gif-dr ......
前端文件打开并且读取内容展示
1. 函数封装 const onloadend1 = (e: any, a: any) => { const { graph } = FlowGraph const reader = new FileReader(); const fileList = fileRef1.value.files // ......
前端保存文件并且自定义内容的方法实现
1. 封装一个下载文件的函数 const downloadTxt = (fileName: any, content: any) => { let a = document.createElement('a'); a.href = 'data:text/plain;charset=utf-8,' + ......
Archlinux下配置picgo实现markdown中自动上传图片
之前写过一篇针对archlinux配置typora+picgo的文章。做完自己按照文章顺序走了一遍发现居然走不通，绝绝子！所以重新配置了一番，现在分享一下！ ......
ckeditor粘贴word图片自动上传控件
在之前在工作中遇到在富文本编辑器中粘贴图片不能展示的问题，于是各种网上扒拉，终于找到解决方案，在这里感谢一下知乎中众大神以及TheViper。 通过知乎提供的思路找到粘贴的原理，通过TheViper找到粘贴图片的方法。 其原理为一下步骤： 监听粘贴事件；【用于插入图片】 获取光标位置；【记录图片 ......