编码 格式 网页 图片
核心网页指标 WebVitals 优化遇到的问题
1.FCP时间太久。首屏不应该包含动态内容，内容在动，可能会被认作没有完成FCP的渲染。 2.关于CLS。CSS不应该包含在页面中间，如果页面中间有CSS，建议移动到页面头部Head里面。 3.LCP。尽可能的缩减图片的大小，提高压缩比，降低图片质量，加载越快LCP分数越高。 ......
文本编辑器如何能实现直接粘贴把图片上传到服务器中
自动导入Word图片，或者粘贴Word内容时自动上传所有的图片，并且最终保留Word样式，这应该是Web编辑器里面最基本的一个需求功能了。一般情况下我们将Word内容粘贴到Web编辑器（富文本编辑器）中时，编辑器都无法自动上传图片。需要用户手动一张张上传Word图片。如果只有一张图片还能够接受， ......
【opencv】python配置opencv环境后，读取图片，报错：can't open/read file: check file path/integrity
1、报错原因 路径中出现中文字符 2、处理方法 修改文件路径为英文 参考链接： https://blog.csdn.net/qq_54000767/article/details/129292229 ......
Selenium 自动化浏览器，解决懒加载的网页获取问题
Selenium 自动化浏览器，解决懒加载的网页获取问题。可以用于爬虫这些 在使用 Selenium WebDriver 进行自动化测试时，可以通过设置日志级别来控制输出的日志信息。在 C# 中，可以通过以下方式来禁用 Selenium WebDriver 输出的日志信息： 导入 OpenQA.Se ......
Capture One 23中文企业版 Mac(图片编辑工具)
Capture One 23 Enterprise是一款专业的影像后期处理软件，适用于各类影像后期处理场景，如商业摄影、艺术摄影、肖像摄影、食品摄影等。Capture One 23 Enterprise提供了数字负片、RAW 图像解析和前处理，以及丰富的图像调整和优化工具，包括色彩管理、直方图、色彩 ......
js获取当前时间并设定返回格式
1、 /** * 返回当前时间字符串 * @param {any} fmt 格式化格式 yyyy-MM-dd hh:mm:ss */ function us_date_getnow(fmt) { var mydate = new Date(); return this.us_date_format( ......
HTML+JS+CSS实现图片文件上传界面设计的例子
在Java Web应用程序设计中文件上传功能的实现是一项非常重要的工作，本文中的例子程序实现了文件上传功能的界面设计。在Java Web应用程序设计中涉及到上传图片文件功能时，往往都需要对图片文件进行预览，如新闻稿件编辑、证件照片上传等，以便查看上传文件是否正确和效果是否适合，但是Windows系统 ......
Django生成验证码图片
1、安装和准备 pip install pillow 准备一款字体重命名为【Monaco.ttf】放在项目的根目录下 2、生成验证码图片代码 import random from PIL import Image, ImageDraw, ImageFont, ImageFilter def chec ......
js对时间格式化
/** * @function * @name us_date_format * @param {string} date - 时间字符串 2023-03-23 01:20:03 * @param {string} fmt - 格式化样式 yyyy-MM-dd hh:mm:ss * @desc 返回 ......
暗夜发光,独自闪耀,盘点网页暗黑模式(DarkMode)下的特效和动效,CSS3实现
众所周知，网页的暗黑模式可以减少屏幕反射和蓝光辐射，减少眼睛的疲劳感，特别是在夜间使用时更为明显。其实暗黑模式也给霓虹灯效应（Neon Effect）提供了发挥的环境。 霓虹灯效应是一种视觉效果，其特点是在深色背景上使用鲜艳的颜色来产生强烈的视觉冲击。这种效应通常用于设计海报、广告、标志和网页等。霓 ......
图片灰度化
概念 灰度化处理就是将一幅彩色图像转化为灰度图像的过程。彩色图像分为R，G，B三个分量，分别显示出红绿蓝等各种颜色，灰度化就是使彩色图像的R，G，B分量相等的过程。灰度值大的像素点比较亮（像素颜色值最大为255，为白色），反之比较暗（像素颜色值最小为0，为黑色）。 目的 前面说到将彩色图像转化为灰度 ......
服务器部署简单的个人网页
这是一个最最最最简单的 下载nginx yum install nginx 80端口需要开启（服务器开启80端口且不能被其它占用） netstat -nplt 启动 nginx 重启nginx service nginx restart cd usr/share/nginx/html 把index. ......
格式化get请求参数
function serializeData(data) { let arr = []; function keyName(key, name) { return name ? `${name}[key]` : key; } const serialize = (obj, name) => { fo ......
什么是硬编码？
硬编码是将数据直接嵌入到程序或其他可执行对象的源代码中的软件开发实践，与从外部获取数据或在运行时生成数据不同。. 硬编码数据通常只能通过编辑源代码和重新编译可执行文件来修改，尽管可以使用调试器或十六进制编辑器在内存或磁盘上进行更改。. 硬编码的数据通常表示不变的信息，例如物理常量，版本号和静态文本元 ......
直播系统开发，时间戳与日期格式的相互转换
直播系统开发，时间戳与日期格式的相互转换 1. 将时间戳转换成日期格式： function timestampToTime(timestamp) { var date = new Date(timestamp * 1000); //时间戳为10位需*1000，时间戳为13位的话不需乘1000 let ......
使用鼠标在图片上拖拽矩形框vue
<template> <div> <img class="no-drag" src="https://dashanbook.oss-cn-shenzhen.aliyuncs.com/11.png" @mousedown="startSelection" @mousemove="updateSelec ......
通过鼠标拖拉获取图片原像素的两个点坐标vue
<template> <div> <img class="no-drag" ref="image" src="https://dashanbook.oss-cn-shenzhen.aliyuncs.com/11.png" @mousedown="startSelection" @mousemove= ......
图片懒加载
图片懒加载 之前学习vue2的时候，我了解到图片懒加载，只是当时没花时间去解决，仅仅是使用了vant2提供的懒加载插件，现在想尝试使用JS实现。 什么是懒加载？其实就是在页面渲染时，不是一次性加载全部的图片资源，针对图片元素只在视口范围内按需加载。可以节省加载时间和优化性能，这个功能在首屏加载中有很 ......
PYTHON office文档转换为pdf格式
一、安装 pywin32 pip install pywin32 -i https://pypi.mirrors.ustc.edu.cn/simple 二、excel 转换为PDF文档 import os from win32com.client import DispatchEx def exce ......
网页超大文件上传解决方案:分片断点上传(一)
4GB以上超大文件上传和断点续传服务器的实现 随着视频网站和大数据应用的普及，特别是高清视频和4K视频应用的到来，超大文件上传已经成为了日常的基础应用需求。 但是在很多情况下，平台运营方并没有大文件上传和断点续传的开发经验，往往在网上找一些简单的PHP或者Java程序来实现基本的上传功能，然而在 ......
SQlServer 日期格式 varchar 转 datetime格式
以下是一个示例查询，将 VARCHAR 类型的时间字符串 20230118.132626 转换为日期和时间格式： SELECT DATE_ADD('2023-01-18 12:00:00', INTERVAL '1' hour, INTERVAL '1' minute, INTERVAL '1' s ......
UM 百度富文本编辑器自定义图片上传路径
UM 百度富文本编辑器自定义图片上传路径 因为公司要做图文编辑，选择了UM，但是直接存入Tomcat根目录下，不满足业务需求需要存入服务器上。 一、需要注意的是在um的JSP目录下已经存在了Uploader.java文件，我们需要把这个文件复制到自己的工程里。 二、然后在imageUp.jsp这个文 ......
使用css实现图片轮播功能
功能实现： 先搭建一个用于轮播的容器，水平置入需要轮播的图片，设置图片大小为容器的大小，超出容器的部分隐藏显示 然后用动画使每次需要轮播时让图片向左平移容器的宽度，这样一个简单的轮播就做好了 废话不多说，世界上案例吧 界面搭建 <body> <div class="swiper-container" ......
图片显示（后端返回接口在预览中展示图片，响应无返回）后端返回二进制图片前端乱码解决方案
https://blog.csdn.net/weixin_46801282/article/details/123386264 解决方案一:后端把图片转码成base64再发送过来 router.get('/test', (req, res) => { fs.readFile('./test.png' ......
图片转换成base64编码文本
/// <summary> /// 新建空间分布. /// </summary> /// <param name="input">参数.</param> /// <returns></returns> [HttpPost("")] public async Task Create([FromBody ......
Word：修改行间距为固定值之后图片被覆盖的解决方法
原因：图片使用了正文一样的格式，而正文的段落从单倍行距变成了固定值 就像图中的图片，使用了和正文一样的样式 解决方案：为图片单独创建一个样式，再将所有图片都设置成这个样式 步骤： 1、为图片新建一个样式； 名称：图片 样式基于：无样式 居中 2、修改段落格式，行距改为单倍行距 3、最后将所有图片都采 ......
在请求中使用键值对来进行传参，不使用JSON格式
在项目中碰到了个别请求需要使用键值对进行传参，不允许使用JSON格式。 第一步：引入qs模块，qs模块时node自带的模块，直接引入即可 import qs from 'qs' 第二步：使用qs.stringify()方法，qs.stringify()作用是将对象或者数组序列化成URL的格式。那么这 ......
ASP.NET Core API模型绑定和Action数据返回格式
参考文档：https://www.cnblogs.com/FlyLolo/p/ASPNETCore2_20.html 模型绑定 [FromQuery] - 从URL中取值。 [FromRoute] - 从路由中取值。 [FromForm] - 从表单中取值。Postman使用form-data或x- ......
使用 SimpleDateFormat 格式化日期
特别方便的设置日期事例 import java.util.*;import java.text.*;public class DateDemo { public static void main(String args[]) { Date dNow = new Date( ); SimpleDate ......