前端 图片eos
跟着阿灵学前端(1)——HTML 基础
超文本标记语言（英语：HyperText Markup Language，简称：HTML）是一种用来结构化 Web 网页及其内容的标记语言。网页内容可以是：一组段落、一个重点信息列表、也可以含有图片和数据表。 ......
跟着阿灵学前端(2)——CSS 基础
CSS (Cascading Style Sheets，层叠样式表），是一种用来为结构化文档（如 HTML 文档或 XML 应用）添加样式（字体、间距和颜色等）的计算机语言，CSS 文件扩展名为 .css ......
图片特效/增强GUI程序
程序下载地址：mendianyu/pictureConvert: 图片特效/增强GUI程序，借助百度接口实现人像动漫化，模糊图片变清晰等等功能 (github.com) 图片特效/增强GUI程序 借助百度接口实现人像动漫化，模糊图片变清晰等等功能 程序介绍运行ImageConverterGul这个j ......
小程序开发：笔记详情显示图片以及可以富文本编辑
上文说到：把笔记列表的下拉刷新、上拉加载更多功能完成了。 本文主要完成的功能项：页面显示图片、编辑时富文本编辑。现在的详情页是这样的： 图片还是个url。刚抽空把首页列表的无数据时展示提示的功能做了，大概样式如下： 而现在的编辑页面是这样的： 只是简单的文字编辑功能，得改造为富文本编辑器，这样可修改 ......
实时数据流无忧：用 SpringBoot 和 SSE 打造动态前端更新的终极指南
用 SpringBoot 和 SSE 打造动态前端更新的终极指南 你知道什么是开发者的梦魇吗？慢！慢！慢！在一个需要实时数据更新的应用中，如果数据像乌龟一样慢吞吞地爬行，那用户体验就会像坐过山车一样直线下降。所以今天，我们要化身为数据传输的超级英雄，用 SpringBoot 和 SSE（服务器发送事 ......
markdown图片地址批量下载到本地
` import java.io.File; import java.io.FileOutputStream; import java.io.IOException; import java.io.InputStream; import java.io.OutputStream; import ja ......
js使用XLSX前端导出excel
实现效果： 页面： 导出的excel： xlsx.core.min.js文件下载地址 xlsx 代码如下： <!DOCTYPE html> <html> <head> <title>HTML Template</title> <style> table { border-collapse: coll ......
推荐一款基于fabricjs的图片编辑器（image-editor）
推荐一款基于fabricjs的图片编辑器（image-editor） hututuhu.github.io/tiny-image-editor/ ......
opencv结合tesseract识别图片文字
import cv2 import pytesseract pytesseract.pytesseract.tesseract_cmd = '/opt/homebrew/bin/tesseract' # img = cv2.imread('/Users/Ukyo/PycharmProjects/Ta ......
基于fabric.js的图片编辑器, 画布背景实现原理
图片上传 使用了element-plus提供的图片上传el-upload组件 <el-upload :show-file-list="false" :auto-upload="false" :on-change="(e) => uploadImage(e, 'background')" > <but ......
js图片懒加载，在不做分页的情况下的解决方案
Intersection Observer API 1.注意点 一般都是后端返回数据， 用 this.$nextTick(() => { this.handleScroll(); }); 确保dom加载完成触发我们定制的handleScroll handleScroll() { const cont ......
抽几分钟,写个文档系统的前端页面,先排版一下.
<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8" /> <meta name="viewport" content="width=device-width, initial-scale=1.0" /> <title>Doc C ......
微前端使用第二章
目录二、微前端自研框架1、子应用接入a、vue2b、vue3c、react15d、react162、主应用注册子应用3、主应用路由拦截4、主应用生命周期5、加载和解析html6、运行环境隔离7、css样式隔离8、应用间通信9、全局状态管理10、提高加载性能 二、微前端自研框架 1、子应用接入 a、v ......
前端学习-HTML/CSS刷题笔记01
1 清除浮动 方法1 双伪元素法：在style中给父元素添加伪元素代码 了解zoom:1; <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta name="viewport" content="width=devi ......
前端常用站分享
团队组织 AlloyTeam - 腾讯Web 前端团队 IMWeb - 腾讯IMWeb 前端团队 ISUX - 腾讯设计团队 FEX - 百度前端研发部 FED - 淘宝前端团队 凹凸实验室 - 京东用户体验设计部 奇舞团 - 奇虎360旗下前端开发团队 JELLY - 京东零售体验设计中心 蚂蚁体 ......
java使用 template模板ftl 含有图片的生成数据
点击查看代码 /** * Base64编码. */ public static String base64Encode(byte[] input) { BASE64Encoder encoder = new BASE64Encoder(); return encoder.encode(input); ......
Typora结合Layer放大查看图片
Typora结合Layer放大查看图片 下载最新Layui组件库 Layui官网 Layui2.9.3下载 拷贝文件 将layui目录拷贝到Typora的安装目录下。 安装目录的resources\app文件夹下，新建了extend文件夹，用来存放扩展插件的。 修改window.html文件 位置： ......
java上传图片or头像
走upload方法进行文件的保存，第一个参数为上传文件的类型，头像or照片 第一步检查是否可以上传，是否是jpg，png等类型 第二步根据日期，文件名，uuid等生成文件名称。 第三步将文件保存到服务器 最后return的是一个文件的相对地址，根据subDir和fileName+文件名返回的相对路径 ......
gradio代码案例+效果图片
直接上代码： import gradio as gr import numpy as np import torch from PIL import Image from ram.models import ram_plus from ram import inference_ram as infe ......
实践总结 3 种前端部署后页面检测版本的方法
领导：为什么每次项目部署后，有的用户要清缓存才能看到最新的页面 我：浏览器有默认的缓存策略，如果服务器在响应头中没有禁用缓存，那么浏览器每次请求页面会先看看缓存里面有没有，有的话从缓存取，造成还是取的旧页面。正常来说，用户只需要点击刷新按钮，刷新一下页面就好了，不必清除浏览器缓存刷新。 领导：为什么 ......
Konva-前端绘图框架
一、介绍Konva is an HTML5 Canvas JavaScript framework that extends the 2d context by enabling canvas interactivity for desktop and mobile applications.Kon ......
Vue2 使用 Knova Canvas 合成图片、多个视频、音频在一个画面中并播放，自定义 video control 控制条
本文转载https://blog.csdn.net/RosaChampagne/article/details/128020428?spm=1001.2014.3001.5502的文章 安装插件 npm install vue-konva@2 konva --save 在main.js中使用 imp ......
ImageClipboard js粘贴剪切板图片，已测试，可用，可获得base64
ImageClipboard js粘贴剪切板图片，已测试，可用，可获得base64 具体用到自己项目的时候，拿源码改成自己的库，从写一遍 index.html <!DOCTYPE html> <html> <head> <!-- https://github.com/jorgenbs/ImageCl ......
web前端css框架有哪些
Laravel是一个流行的PHP框架，它具有出色的可测试性，可以帮助开发人员在更短的时间内编写可靠的代码。但是，即使使用了这个框架，也可能会出现测试覆盖率较低的情况。测试覆盖率是指代码中已由测试案例覆盖的部分比例。测试覆盖率越高，代码质量越高。在本文中，我们将分享几种技巧，帮助您提高Laravel应 ......
前端面试题（Vue篇）
每个面试都需要做充分的准备，面试建议从以下几个方面准备： 1、技术，这个是硬性要求。如果技术栈 主要是react，可以重点准备react，如果是vue，重点准备vue，当然 js、css等前端的基础 是最基本的东西。除此之外，要做一定的深度拓展，比如了解其实现原理。 2、沟通，要准备 自己所做过项目 ......
vite_在项目中批量引入图片
一般而言, 在vue中引入图片会使用类似import slideImg1 from '@/assets/imgs/kenny-eliason-Ak5c5VTch5E-unsplash.jpg'这种方式, 但是当需要引入的图片数量众多的时候, 这么写就非常麻烦了. 参考vite+v3批量一次性引入本地 ......
前端随机验证码安全验证sdk
前端必备工具推荐网站(免费图床、API和ChatAI等实用工具): http://luckycola.com.cn/ 前言 验证码：是一种校验区分用户是计算机还是人的公共全自动程序。 作用：防止刷票、论坛灌水、刷页、防止黑客恶意破解密码、盗取用户数据和防止恶意注册登录等等 介绍 这是一款开箱即用 ......
前端系列：ES6-ES12新语法
目录ECMAScript系列：简介ECMAScript系列：ES6新特性let 关键字const 关键字变量的解构赋值模板字符串简化对象写法箭头函数参数默认值rest 参数spread扩展运算符Symbol迭代器生成器PromiseSetMapclass类数值扩展对象扩展模块化ECMAScript系 ......
使用React构造前端应用
简单了解React和Node React是一个构建用户界面的JavaScript库，由Facebook开发，很流行，已被广泛使用。React基于组件构建，编写一段代码即可在多处复用，这很有优势。可以创建像 Thumbnail、LikeButton 和 Video 这样的组件，然后将它们组合成整个应用 ......