前端html css
html2canvas截图
注意： 1、supervision_box 获取的Dom节点一定不能使用 overflow：auto， 否则滚动的内容将无法截图（overflow：auto放在父级上面滚动） 2、height: 2800 一定要大于Dom的高度 否则也截图不完整 const downImg = () => { co ......
java 实现word,excel,html 转换为PDF
<dependencies> <dependency> <groupId>e-iceblue</groupId> <artifactId>spire.office.free</artifactId> <version>5.3.1</version> </dependency> <dependency ......
HTML响应码
1XX 临时响应 100 （继续） 101 （切换协议） 2XX 成功 200 成功 201 已创建 202 已接受 203 非授权信息 204 无内容 205 重置内容 206 部分内容 3XX 重定向 300 多种选择 301 永久移动 302 临时移动 303 查看其它位置 304 未修改 3 ......
【css】反向圆角，效果类似于谷歌浏览器的tab
<nav> <div :class="{ 'menu-item': true, 'activity': index == selectMenuIndex }" v-for="(menuInfo,index) in menuList" :key="index" @click="handelMenuCl ......
记录后端不同请求方式的接口,使用vue3框架下的前端axio请求不同写法
一. 后端接口: @GetMapping("/index") public ResponseResult index() {..} 前端接口: indexInfo().then(res => { if (res.data.code == 200) { ElNotification({ message ......
输入框、文本域中内容底部有红色波浪线，如何去掉？vue2 html
取消检查就不会有红色波浪线 添加属性：spellcheck="false" 1 <el-input 2 type="textarea" 3 :autosize="{ minRows: 2, maxRows: 40 }" 4 placeholder="请输入内容" 5 v-model.trim="te ......
生成验证码的前端实现
后端生成表达式1+1=2； 1+1=？@2 1+1=？转成图片，传到前端展示 2存入reids 前端登录界面idea代码中位置ruoyi-ui/views/login.vue 封装了三层。 目前是开发环境 url: http://localhost/dev-api/captchaImage Vue获 ......
VUE前后端分离项目，前端打包，可配置修改环境变量文件，无需再次打包
懒得打字了，直接截图， 转载自：https://blog.csdn.net/CSDN_33901573/article/details/130603111 ......
超分课设，Flask后端，vue前端
1.前端 node准备 npm -v 查看版本 npm install 包名 --save 安装 可简写成npm i 包名 -s npm uninstall 包名 --save 卸载 npm run serve 运行项目 npm build 项目打包 npm list --depth=0 -glob ......
css值参
<div :style="{'--heiaght':headerHeight +'px' }"></div> div{ height:var(--heiaght) } 即可 ......
前端实现跨标签页通信
标签页跨页通信 需求：浏览器不同 tab 标签页之间是独立的， 如果要通信必须通过特殊手段来实现跨标签页通信。 1.BroadcastChannel(webworker 可用) BroadcastChannel 接口代理了一个命名频道，可以让指定 origin 下的任意 browsing conte ......
关于CSS3的学习
CSS的普通选择器：标签选择器、id选择器、类选择器、通用选择器(*)、分组选择器(将具有相同样式的元素放在一起，之间用","分隔)。注：类名和id名不能以数字开头。 rgba是rgb颜色的扩展，前三个值为三原色和rgb一致，第四个值是设置透明度的，1为完全不透明，0是完全透明为白色。hex颜色是用 ......
关于html5的学习和几款常用软件
css样式表的三种样式优先级，原则就是就近原则，内联样式>内部样式>外部样式。 去除a标签下划线，设置style="text-decoration:none"。 引入外部css样式文件，在head中使用link标签引入。 如果把链接的 target 属性设置为 "_blank"，该链接会在新窗口中打 ......
html中直接引入Vue时可能会出现未解析时的解决方案
<div id="app" style="display: flex; position: absolute; left: -6000px"></div> 在mounted中: let app_dom = document.getElementById("app"); app_dom.style.l ......
html所有元素
前面写过不在记录 记录没有的 <address> 元素 用作联系方式 <article>元素 用作 博客帖子标题元素可无限使用 <audio> 音频元素 <button> 这个就不介绍了 <code> 元素呈现一段计算机代码 <caption>表格标题 <colgroup>表格列组 暂时只知道可用于 ......
从一次前端公共库的搭建中，深入谈谈tree shaking相关问题
项目背景 随着业务的积累，前端项目之间逐渐会产生许多可以跨项目复用的逻辑或组件。比如对前端数据库 indexedDB 的封装、对 fetch 请求进度和中断请求功能的扩展、以及可能会在多个项目使用的 react 和 vue 组件。当前已经有一个公共库专门用来收敛 js 的逻辑复用，但是随着相同技术栈 ......
vue前端截图
<template> <div class="bigbox"> <div class="box" ref="imageTest"> <div class="boxTop"> 13653197159 邀请您注册 <span style="color: #5FFFB7;">金猫矿池</span> </d ......
前端性能优化详解
性能优化这个词经常会在前端的工作或面试中遇到，这个东西说难好像也并不怎么难，毕竟谁都能说上几点。但是如果你想在工作上遇到各种场景的性能瓶颈时都有直击本质的性能方案，或者在面试时让面试官眼前一亮，那就不能只拘泥于『想到哪说到哪』或者『说个大概』，而要有一套体系化的、各个角度的、深入了解的知识图谱。这篇 ......
HTML 中用 js 画出谢尔宾斯基三角形 Sierpinski triangle ( chaos 画法)
谢尔宾斯基三角形（英语：Sierpinski triangle）是一种分形，由波兰数学家谢尔宾斯基在1915年提出。它是自相似集的例子。它的豪斯多夫维是log(3)/log(2) ≈ 1.585。 随机的绘画方法 先定三点ABC使其构成一个没有边的等边三角形 然后在三角形内随机定一个点P 然后在AB ......
Css
CSS CSS样式规则 使用HTML时，需要遵从一定的规范。CSS亦如此，要想熟练地使用CSS对网页进行修饰，首先需要了解CSS样式规则，具体格式如下： 在上面的样式规则中: 1.选择器用于指定CSS样式作用的HTML对象，花括号内是对该对象设置的具体样式。 2.属性和属性值以“键值对”的形式出现。 ......
W3C 正式将 DRM 保护纳入 HTML5 建议标准
不顾近 30% 的成员反对，W3C（万维网联盟）正式宣布将加密媒体扩展 (EME) —— 即集成 DRM 数字版权保护的 API 纳入 HTML5 建议标准。更多技术干货详见www.linuxprobe.com ......
CSS-position 定位
1.介绍 css定位属性允许对元素进行定位改变其在页面的位置。 css有三种基本定位机制：普通流、浮动和绝对定位。 普通流的元素的位置由元素在html中的位置决定。 2.定位属性 设置偏移量：left、right、top、bottom（左、右、上、下） 3.定位方式 ①静态定位(static)：(很 ......
直播平台制作，css之如何清除浮动
直播平台制作，css之如何清除浮动 <style type="text/css"> li { list-style: none; height: 100px; width: 100px; float: left; background: red; margin-left: 20px; } .fath ......
飞码LowCode前端技术之画布的设计
简介 本章节从精准定位、分层设计、异步组件、拖拽四个方面分析飞码画布设计。 一、精准定位设计 飞码画布是一个套件，可对外提供画布能力。精准定位有两种情况，一是目标组件无子组件，而是目标组件有子组件。 无子组件：目标组件分为支持与不支持放子组件两种情况。 有子组件：鼠标相对于子组件（目标组件）对角线位 ......
.net下功能强大的HTML解析库HtmlAgilityPack，数据抓取必备
HtmlAgilityPack是一个.NET平台下的HTML解析库，它可以将HTML文本转换为DOM文档对象，方便我们对HTML文本进行操作和分析。HtmlAgilityPack支持XPath语法，可以通过XPath表达式来获取DOM节点，同时还提供了一些方便的API，可以实现HTML文本的解析、修 ......
HTML5语法总结大全
参考书籍： HTML与CSS3基础教程 参考视频： HTML5完整教学通俗易懂 参考网站： w3school 参考博客： 学习HTML5这一篇就够了 目录零.开发环境准备1.需要的工具2.Vscode所需要插件3.其他辅助软件一.HTML基本语法1.HTML基本骨架2.注释3.HTML语法规范4.标 ......
02-认识HTML
typora-copy-images-to: media 第01阶段.前端基础.认识HTML 学习目标 理解 HTML标签的概念 HTML标签的分类 HTML标签的关系 HTML标签的语义化 应用 HTML骨架格式 sublime基本使用 1. HTML 初识 HTML 指的是超文本标记语言 (Hy ......
css选择
类型选择器 类型指 h1 ,p,a这类 h1{ color：red; } 全局选择器以 *开头 类选择器 .highlight { background-color: yellow;} <h1 class="highlight">Class selectors</h1> 指向特定元素类 span.h ......
使用llama构建一个蜜罐(前端)
title: 使用llama构建一个蜜罐(前端) banner_img: https://cdn.studyinglover.com/pic/2023/07/e9a49d4a404ed9bc4b0f119249194e3d.png date: 2023-8-1 00:12:00 tags: - 网络 ......