element-plus element axios html
Element UI el-menu菜单 子级选中后，删除父级下划线
1.子级选中，父级也选中样式修改： .el-submenu.is-active > .el-submenu__title { color: #FFFFFF; background-color: #7E8796 !important; } 2.子级选中后，父级有下划线，可以通过以下样式修改去除下划线 ......
element-ui NavMenu 多级嵌套封装
安装依赖引用依赖 /* 安装依赖 */ // 安装element-ui npm i element-ui -S // 安装vue-fragment npm i -s vue-fragment /* main.js 引入 */ import Vue from 'vue'; // 引用element-u ......
HTML 里 img 元素的 src 和 srcset 属性有何区别？
在 HTML 中，img 元素通常用于在网页中插入图片。img 元素有两个相关的属性：src 和 srcset。 src 属性指定图像的 URL，它是必需的。浏览器将使用该 URL 加载图像并将其显示在页面上。 srcset 属性允许您指定一系列不同大小或分辨率的图像文件，以便浏览器可以根据设备的像 ......
电商JD商城登录页面html+css
这也太难了吧，怎么连抄咱也不会抄啊QAQ 看了这么久的前端，总是感觉看得懂，写不出来，抄也不会抄 这不，这又抄写了一个京东电商商城的登录页面，本来想好好学习一下页面的布局以及编写结构和思维， 结果html代码还行，至少可以看的懂，到了css上就完全不知道怎么设置样式了，感觉有的样式完全可以不设置， ......
element ui的Upload 上传和Image 图片组件使用整理
说明 收集整理在开发中遇到的对于上传组件和图片组件的使用 Upload上传组件 修改上传按钮的默认宽高 ::v-deep .el-upload--picture-card { width: 80px; height: 80px; line-height: 85px; } 修改默认的上传组件图片列表展 ......
SAP Fiori Elements 本地应用启动的三种模式辨析试读版
本教程前一步骤，我们介绍了在 Visual Studio Code 里使用命令行 npm run start 启动 SAP Fiori Elements 应用的方法： 3. 动手运行第一个 SAP Fiori Elements 应用 有细心的学习者发现了，笔者提供的这个 Fiori Elements ......
从0到1搭建后台管理系统（Vue3 + Vite4 + TypeScript + Element Plus + Pinia + Vue Router ）
参考有来：https://www.cnblogs.com/haoxianrui/p/17331952.html Node 16+ 版本大于16【问题一：目前我是14.18.2的版本npm是6.14.15版本，这就涉及到要切换node版本的问题，不然我安装了16我的vue2项目就启动不了了】 vsco ......
vue3+element-plus Calendar 日历组件添加农历、节假日
创建一个vue文件 <script setup lang='ts'> import { ref } from "vue"; import calendar from "./lunarDay";//引入农历、节假日计算方法 defineOptions({ name:'CusCalendar' }) c ......
html绑定事件写法
1. 无参绑定 <div onclick="onClick()" ></div> 2. 传入源dom对象 <div onclick="onClick(this)" ></div> 3. 传入事件对象 <div onclick="onClick(event)" ></div> ......
VUE ELEMENT-UI无法用右上角的“X”关闭，取消按钮可用
VUE ELEMENT-UI无法用右上角的“X”关闭，取消按钮可用 原因：清空方式有问题 我定义的要打开的表单： addElementForm: { title: "配置产品要素", dialogFormVisible: false, prod_name: [], prod_code: [], us ......
element ui 动态下拉框定位
先触发动态生成代码 #po封装 btn_pre_out = (By.XPATH, '/html/body/div/div/div[1]/div[3]/div/span') btn_out = (By.XPATH, '/html/body/ul/li') self.click(*self.btn_pr ......
HTML中meta标签的那些属性
<meta> 标签是 HTML 中用于描述网页元信息的元素。它位于 <head> 部分，不会显示在页面内容中，但对于浏览器、搜索引擎等具有重要作用。主要作用有：定义文档的字符编码、提供网页的描述信息、关键词、作者、视口设置等，这些信息有助于搜索引擎理解和索引网页内容。 <meta> 标签的主要属性有 ......
Java使用wkhtmltopdf实现HTML转pdf
wkhtmltopdf设置全屏： wkhtmltopdf --disable-smart-shrinking --page-size A4 -B 0 -L 0 -R 0 -T 0 test.html output.pdf -B -T -R -L 是有效果的， $snappy->setOption(' ......
02-HTML基础知识
HTML基础知识 学习目标 能够知道html的作用 能够写出html的基本结构 能够知道单标签和双标签的区别 知道相对路径和绝对路径的区别 掌握标签的种类 了解表格的边线合并 了解表单中常用的表单元素标签 了解表单的提交方式 了解表单中action属性的作用 一、HTML的介绍 1. 网页效果图 - ......
axios
json-server JSON Server 是一个快速、零配置的基于 Node.js 的 Fake REST API 服务器，用于快速原型开发和前端开发中的数据模拟。 JSON Server 的核心功能是提供基于 RESTful API 的数据访问接口，它支持常用的 HTTP 方法，如 GE ......
HTML 表单
9.1 表单标签 - 主要标签 - <form>：表单容器 - <input>：输入框 - 相关标签 - <textarea>：多行文本框 - <slect>、<option>：下拉菜单（组合使用） - <label>：标题（辅助表单标签），用for和id属性形成映射，点击标题也可选择 9.2 <i ......
用print-js实现打印功能时element table组件打印不全的问题
插件下载： npm install --save print-js 解决方案，修改print.js里面的 getHtml // 打印类属性、方法定义 /* eslint-disable */ const Print = function (dom, options) { if (!(this ins ......
HTML 表格
8.1 表格标签 - <table>：表格容器 - <tr>：表格行 - <th>：表头 - <td>：表格单元 - <caption>：表格标题 - <thead>：语义化-头部，唯一 - <tbody>：语义化-身体部分 - <tfoot>：语义化-脚部，唯一 8.2 table属性 - row ......
HTML-01(到列表)
HTML+CSS html4——>css2——>html5——>css3 w3c官网：www.w3c.org （英文） www.w3school.com.cn里面有很多的教程 （中文） mdn：developer.mozilla.org （部分中文） C/S和B/S架构 C/S C : Client ......
学习日记——HTML入门第一课
1.了解HTML的定义，基本结构 ①对于超文本标记语言的理解，是超越文本（不限制于字符，包含视频音频）用“<>”这个特殊字符来书写的语言 ②基本结构为 <!DOCTYPE html> <html> <head> <meta charset="UTF-8"> <title>网页标题</title> < ......
HTML a标签
7.1 属性 - href：链接地址 - target：控制链接的打开方式。 - _self(默认)-在当前页面打开； - _blank-新标签页打开。 7.2 <base />标签 - 作用：改变链接的默认行为 - 位置：在head标签中 - 属性：href——改变默认链接；target——改变默 ......
vue2+vant2+rem+axios+钉钉自动登录 h5模板
下载代码 请轻轻的点一下这里~ Node 版本要求 Vue CLI 需要 Node.js 8.9 或更高版本 (推荐 8.11.0+)。你可以使用 nvm 或 nvm-windows 在同一台电脑中管理多个 Node 版本。 本示例 Node.js 14.17.0 启动项目 npm install ......
element-ui上传组件，before-upload发送异步请求 + Promise
element-ui上传组件，before-upload发送异步请求 + Promise before-upload为false的时候会阻止图片的上传 但是和chenge事情一起不行 可以:http-request="fnUploadRequest" <el-upload --snip-- :bef ......
HTML img标签
6.1 路径 - 6.1.1绝对路径 - 即本地资源管理器中的路径（限制很大） <!-- 绝对路径 --> <img src="E:\img\1.png"> - 6.1.2相对路径： - " ./ "代表当前目录，可省略。 - " ../ "代表上级目录，可迭代。 <!-- 本目录下相对路径 --> ......
HTML 列表
5.1 无序列表 ul <ul> <li>无序列表</li> <li>无序列表</li> </ul> - ul里只能放li标签 - 默认黑色实心圆 - type属性： - disc-黑色实心圆 , - circle-黑色空心圆 , - square-黑色实心正方形 , - none-取消样式 5.2 ......
axios如何获取发送数据进度（上传进度）？
原理 axios的post方法，config配置有一个onUploadProgress属性，它接收一个回调函数，参数是上传进度事件（假设命名为：progressEvent）, progressEvent.loaded：上传进度 progressEvent.total：总大小 解决办法 js axio ......
HTML div 和 span 标签
4.1 <div> </div> - 划分页面区域，独占一行 4.2 <span> </span> - 主要用于对文本独立修饰。 - 内容有多宽就占用多宽的空间，不换行，不破坏原有结构 ......
html5 2.0学习
列表定义：是一种特别的对象集合。集合：集中在一起合二为一（聚集）。 聚集：多个列（信息资源）排在一起。信息资源：一堆数据，可能是字符，可能是图片。 列表分类：有序列表 无序列表 （自）定义列表 有序列表：有顺序的列表。列表结构：<ol><li></li></ol> 有顺序，每个li独占一行，默认li ......