前端html css
css添加背景图片
方法一： ``` ``` 方法二： ``` style="background: url(lib/login.png); background-size: 100% 100%; background-attachment: fixed" ``` ......
Web前端在浏览器如何启动本地可执行文件
方法2 本地监听法 可以自己开发一个小的可执行程序，监听前端发的web请求。收到请求后，我们自己编写的可执行程序启动本地的可执行文件即可。想要启动本地可执行文件的关键就是本地有一个小服务端，我们通过本地网络与服务端通信，服务端负责启动可执行文件。这种方法对于任何浏览器都兼容，但是需要用户额外安装程序 ......
2023-07-01 css之邮票锯齿
<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta http-equiv="X-UA-Compatible" content="IE=edge"> <meta name="viewport" content="wi ......
SAP 电商云 footer 区域 Link Component HTML 源代码的详细讲解
如下图所示：  这个 link Component 生成的 a 元素的 H ......
CSS中几种定位的简单描述与对比
静态定位(static): position属性的默认值为static，会忽略 top, bottom, left, right 或者 z-index 声明。 相对定位(relative)与绝对定位(absolute): 相对定位偏移参考元素是元素本身，而绝对定位以父辈元素中最近的定位元素为参考坐标 ......
前端Vue自定义勾选协议组件 可用于登录 注册等场景
#### 前端Vue自定义勾选协议组件， 可用于登录 注册等场景， 下载完整代码请访问uni-app插件市场地址：https://ext.dcloud.net.cn/plugin?id=13299 #### 效果图如下： 方法来实现这个操作。下面是一个示例代码： const exp ......
6.excel 下载后端：node+express我要后端不是自己生成一个excel,而是从后端服务器发送一个现有的excel文件给前端
node+express我要后端不是自己生成一个excel,而是从后端服务器发送一个现有的excel文件给前端 你可以使用Node.js和Express来实现从后端服务器发送现有的Excel文件给前端。你可以使用res.download()方法来实现这个操作。下面是一个示例代码： const exp ......
CSS：z-index属性
如果**父 div 元素设置了 z-index:** 100 属性， 子 div 元素的行为将取决于其自身的 z-index 值和定位方式。 **子 div 元素没有显式设置 z-index：** 如果子 div 元素没有设置 position 属性，或者设置为 static，则子元素的层叠顺序将继 ......
双写一致性之定时更新、异步发送短信、异步秒杀逻辑前后端、课程页页面前端、课程相关表分析、课程表数据录入、课程主页接口
[toc] # 一、双写一致性之定时更新  ### 任务逻辑 ``` @app.task def upd ......
css垂直居中
案例如下： .parent{ width:500px; height:500px; background-color: #ccc; } .child{ background-color: red; color:#fff; width:100px; height:50px; } <div class= ......
CSS
# CSS ## 1. 规则 ```html h1 { width: 600px; heigh: 1200px; margin: auto; } ``` ## 2. 样式类型 ```html 非顶级程序员 ``` ## 3. 选择器 - **定义内部样式，当前页面所有h2标签生效** ```html ......
laytpl（ Layui 的一款轻量 JavaScript 模板引擎）html标签点击事件传递多参
<script type="text/html" id="aobjectvalue_temp"> <span class="us-font-blue" style="cursor:pointer" onclick="seeinfo('{{d.aobjectkey}}','{{d.atype}}')" ......
vane 一个适用于前端打工人的全栈框架,nodejs+vue3+typescript
# vane 写这个的初衷是因为每次用node写接口的时候总是需要一些写大一堆的东西, 也有些人把很多接口都放在一个js文件内, 看起来很是杂乱, 后来用到nuxt写的时候, 感觉用文件名来命名接口路径很是方便, 无论是query参数还是params参数,都可以通过文件名来命名, 也可以通过文件夹层 ......
HTML历史
HTML HTML历史 HTML（Hypertext Markup Language）的历史可以追溯到上世纪90年代初，以下是HTML的主要历史阶段： HTML 1.0：在1991年发布，是HTML的最初版本，用于创建基本的文本和链接结构，但功能有限。 HTML 2.0：于1995年发布，引入了一些 ......
HTML以及CSS介绍
HTML介绍 HTML（超文本标记语言）是用于创建网页和应用程序的标准标记语言。它提供了网页内容的结构和格式，定义了元素的显示和组织方式。 HTML文档由一系列用尖括号（< >）括起来的标签组成。标签用于定义文档中的不同元素及其属性。以下是一个基本的HTML结构示例： <!DOCTYPE html> ......
【前端教程03】for循环冒泡排序、去重、查找重复元素
// 升序 const bubbleSort = (arr) => { for (let i = 0; i < arr.length; i++) { for (let j = 0; j < arr.length - i; j++) { if (arr[j] > arr[j + 1]) { let t ......
【前端教程02】js拖拽布局demo
<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <meta http-equiv ......
前端知识点（三）——css
# 1、常用CSS属性 ## 1.字体属性 设置字体相关的样式 | 属性 | 含义 | 说明 | | : : | : : | : : | | font-size | 大小、尺寸 | 可以使用多种单位 | | font-weight | 粗细 | | | font-family | 字体 | | | ......
java spring MVC接收前端特殊字符被解析后解决方法
WEB开发时，在前端通过get / post 方法传递参数的时候 如果实参附带特殊符号，后端接收到的值中特殊符号就会被转义 比如 ur=ssd& 后端接收的却是 ur=ssd& java中可以使用 org.apache.commons.lang3 包中的 StringEscapeUtils. ......
简单的圆钟实现（Html5+Css3+JavaScript）（附源码）
1 <!DOCTYPE html> 2 <html lang="en"> 3 <head> 4 <meta charset="UTF-8"> 5 <title>简单的圆钟实现</title> 6 <style> 7 #box { 8 width: 300px; 9 height: 300px; 10 ......
CSS 设置什么样式都不起作用，显示注入的样式表（因 AdBlock）
 如上图所示，我的 div 设置什么样式都不起作用，原来是被一个不知道哪里来的注入的样式表给设置了 n ......
css样式
CSS（Cascading Style Sheets）用于为 HTML 元素添加样式和布局。以下是一些常见的 CSS 样式和属性示例： 设置文本样式： cssCopy code h1 { color: blue; /* 设置文本颜色为蓝色 */ font-size: 24px; /* 设置字体大小为 ......
前端 http大文件断点续传上传
IE的自带下载功能中没有断点续传功能，要实现断点续传功能，需要用到HTTP协议中鲜为人知的几个响应头和请求头。 一. 两个必要响应头Accept-Ranges、ETag 客户端每次提交下载请求时，服务端都要添加这两个响应头，以保证客户端和服务端将此下载识别为可以断点续传的下载： Accept-R ......
HTML网页内容适配——标题栏
前言 现在很多网页用的都是固定标题栏，就像这样： 很多网站为了兼容小窗口还会做个JS适配： 但是如果窗口比这还小的话... 那就只剩下一部分了。 由于设置position:fixed后元素不会随着滚动条滚动，所以超出页面边缘的部分将永远看不见，除非增大窗口或缩小显示比例。 很多设计师忘记考虑这一点了 ......
前端实现radio+其它自定义输入选项
后端数据库设计：1.类型字段 2.用户输入的其它信息记录字段 前端： <el-form-item label="性能要求类型"> <el-radio-group v-model="form.performanceRequirementType"> <el-radio v-for="dict in p ......