前端html css
html标签
img标签 <!--主要是在网页显示图片--> 标签的属性: 1、自带属性 2、自定义属性 <img src="preview.jpg" alt="动漫" width="200px"> src: <!--写图片的地址:外链地址或者相对地址--> alt: <!--当图片加载失败时显示对图片的描述性信 ......
CSS标签
伪类选择器 <style> /*未访问时候显示的*/ a:link { color: #FF0000; } /* 鼠标移动到链接上 */ a:hover { color: #FF00FF } /* 选定的链接 */ a:active { color: #0000FF } /* 已访问的链接 */ a ......
认识前端
前端 什么是前端? 前端就是用户可以直接看得到的视图层就是前端 什么是后端? 后端是和数据打交道的,在用户看不到的 前端学习的内容 """前端三剑客""" HTML:一个网页的骨架,没有任何样式 CSS:给一个网页添加样式,让其变得更加美观 JavaScript:让网页有动效 前端框架: jQuer ......
前端开源项目UIRecorder录制脚本遇到的一些问题
D:\nodejs\node_global>uirecorder init __ ______ ____ __ / / / / _/ / __ \___ _________ _________/ /__ _____ / / / // / / /_/ / _ \/ ___/ __ \/ ___/ __ ......
前端跳转第三方链接带上token,第三方跳转链接能在Authorization中添加字段吗,方法
要在前端跳转到第三方链接时携带 token,你可以使用以下几种方法: URL 参数:将 token 作为 URL 的查询参数传递给第三方链接。例如,将 token 添加到链接的末尾,如 https://example.com/third-party?token=your_token_here。第三方 ......
css添加三角指示器
.bar{ ... &:before { top: 100%; left: 24px; border: solid rgba(0, 0, 0, 0); content: ''; height: 0; width: 0; position: absolute; border-top-color: rg ......
Html(布局标签---表单标签---表单项标签)
一、布局标签 标签描述 <div> 定义 HTML 文档中的一个区域部分,经常与 CSS 一起使用,用来布局网页 <span> 用于组合行内元素。 代码演示: 运行界面: 二、表单标签 标签描述 <form> 定义表单 <input> 定义表单项,通过type属性控制输入形式 <label> 为表单 ......
html(超链接---列表标签---表格标签)
一、超链接 标签描述 <a> 定义超链接,用于链接到另一个资源 href:指定访问资源的URL target:指定打开资源的方式 _self:默认值,在当前页面打开 _blank:在空白页面打开 代码演示: 运行界面: 二、列表标签 标签描述 <ol> 定义有序列表 <ul> 定义无序列表 <li> ......
html常用基础知识(基础标签---音视频标签)
一、基础标签 标签描述 HTML 定义 HTML 文档 head 定义关于文档的信息 title 定义文档的标题 body 定义文档的主体 标签描述 <h1 > ~< h6> 定义标题,h1最大,h6最小 <font> 定义文本的字体、字体尺寸、字体颜色 <b> 定义粗体文本 <i> 定义斜体文本 ......
Tailwind CSS vs windicss
Tailwind CSS 和 windicss 都是基于 utility-first 的 CSS 框架,它们有着相似的设计原则和使用方法。但是它们也有一些不同之处: 文档和社区支持:Tailwind CSS 拥有强大的文档和社区支持,而 windicss 的文档和社区相对较小。这意味着使用 Tail ......
CSS中的 @media属性
<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>Title</title> <style> .page-header{ height: 300px; background-color: red; } /* 当 ......
如果后端API一次返回10万条数据,前端应该如何处理?
这个问题其实是考察面试者对性能优化的理解,涉及的话题很多。 创建服务器 为了方便后续测试,我们可以使用node创建一个简单的服务器。 服务器端代码: const http = require('http')const port = 8000;let list = []let num = 0// cr ......
CSS 各个版本 功能 区别 后续情况
CSS(Cascading Style Sheets)是一种用于描述网页元素样式的标记语言。它的发展经历了多个版本,包括CSS1、CSS2和CSS3。下面是它们各个版本的功能和区别: CSS1: 发布时间:1996年12月 功能:引入了基本的样式定义和布局机制,包括选择器、盒模型、文本样式、背景、边 ......
css圣杯等高布局
三列布局 左右固定,中间自适应 中间内容优先加载 左右和中间等高(伪等高) *三列都需要浮动 *使用margin-left为负设定边界(元素位置不改变) *左右使用定位,使中间的内容显示 *使用padding-bottom和margin-bottom设置伪等高 <!DOCTYPE html> <ht ......
前端数据流组装指定格式的文件下载
有的时候,我们从后端获取了文件数据,需要在前端组合成指定格式的文件,并下载。 组合文件,除了数据,还需要规定格式,才知道组合成什么格式的文件。 主要代码如下: /* * responseText 后端获取的文件数据 * 这里以 pdf 格式的文件举例,设置 type 为 pdf 文件需要的类型 * ......
CSS选择器
一、属性选择器 [att^=value] 前缀:通过属性名和属性值的前缀进行选择 在CSS中,我们可以使用属性选择器来选择具有特定属性值的元素。其中,通过设置属性值的前缀(value),我们可以选择具有以某个特定前缀开头的属性值。例如,如果我们想选择所有属性名为att且属性值以value开头的元素, ......
CSS3入门
一.CSS3的概述 1.定义:层叠样式表;d 2.意义:把内容与形式分开;html: 内容; CSS: 形式 3.浏览器:chrome 4.css 样式规则e选择器(属性 1:值,属性 2: 值;.......) 选择器区分大小写,“ 5.css样式表的导入 (1)行内式 例: style="fon ......
Python+自动化测试生成HTML报告
📎HTMLTestRunner.py 先把文件放在python路径下的lib里面. 注意事项 在我们使用HTMLTestRunner 生成测试报告的时候要注意,打开文件要用"wb"以二进制写方式打开,并且不要指定编码格式(encoding),否则会报错,如果只用"w",也是会报相同的错 用"w", ......
初识HTML5(2)
在本文中,我将介绍HTML5的超链接标记和表格的相关标记。 超链接标记 超链接是HTML中非常重要的元素,它用于在不同网页或不同部分之间创建链接。以下是一些与超链接相关的标记和属性: 使用<a>标签来定义超链接,其中href属性用于指定链接的目标URL,target属性用于指定链接如何打开。 超链接 ......
初识HTML5
HTML是一种超文本标记语言,用于创建和设计网页。HTML5是HTML的第五个版本,具有更丰富的功能和更好的效果。在开发过程中,我们可以使用Hbuilder作为开发工具,以及使用Chrome浏览器进行测试。 HTML5的基本文档结构包括以下几个标签:<!DOCTYPE html>用于定义HTML5文 ......
前端环境搭建到创建vue项目运行
整体流程 1.安装 nvm 管理工具,用于管理 node 的版本方便 node 版本的切换 a.下载 nvm 1.官方下载地址:https://github.com/coreybutler/nvm-windows/releases 2.备用下载地址:https://xiaocai1688.lanzo ......
CSS语法检查利器之csslint
本文于2015年底完成,发布在个人博客网站上。 考虑个人博客因某种原因无法修复,于是在博客园安家,之前发布的文章逐步搬迁过来。 背景 前段时间研究使用YUI Compressor压缩项目里的js和css文件,研究了两天之后,终于在周三晚上把YUI Compressor集成进了打包流程中;于是周四(2 ......
从前做前端的时候, 联通的好多html5活动, 页面布局如何整齐,回顾一个常用的
今天想布个页面, 许久不手写css了,从前写了许多html5的游戏活动等, 大转盘,豆豆世界,沃积分, 刮刮卡, 那时候早,不同手机端一个个测,手机品牌每个浏览器都不一样,那时候测试部的可是好好弄了我写的积分平台的联通全栈移动端了, 搞了通宵才让回家,因为要赶上线。 如今却css许久不写了,好多技能 ......
2023-12-29 css之行内存在多个!important权重时哪个!important优先级最高?==》显示最后一个
假如div里面有多个!important权重的样式类名.a和.b,哪个优先级最高? <div class="a b"></div> .a { display: block !important; } .b { display: none !important; } 答案:b。 谁的!importan ......
css 实现一个选项卡按钮边框弯曲平滑
<View class="tabs" style="display: flex; justify-content: space-between"> <View class="tabs-item" style="width: 50%"> <Button class="tabs-btn" :class= ......
华为云耀云服务器L实例-tilas教学管理系统前端配置
华为云耀云服务器L实例-tilas教学管理系统前端配置 产品官网:https://www.huaweicloud.com/product/hecs-light.html 项目源代码地址:https://github.com/JohnYoung5665/spring-boot-web01/tree/m ......
Python 实现HTML 转Word
之前文章分享过如何使用Spire.Doc for Python库将Word文档转为HTML格式,反过来,该库也能实现HTML到Word文档的转换。通过代码进行转换,避免了手动复制粘贴费时间,并且可能会出现错误或格式混乱等问题。 Spire.Doc for Python库能转换一个HTML文件为 Wo ......
纯前端对服务器的概念
1. 服务器概念 前端接触的服务器有多种,比如:机房的物理服务器、后端装自己电脑上的虚拟机服务器、华为云或腾讯云上租的云服务器、node或nginx提供本地文件访问的web服务器 等。 对于我们前端而言,服务器就分为两类 web服务器 和 非web服务器。 web服务器:就是一个软件程序,运行之后, ......
HTML之元素相对页面(视口)左上角的绝对坐标
目录一. 绝对位置二. 相对位置 一. 绝对位置 网页元素的绝对位置,指该元素的左上角相对于整张网页左上角的坐标。无论网页滚动条如何滚动,它都是不会变化的。 // 获取元素的绝对位置坐标(相对于页面左上角) function getElementPagePosition(element){ //计算 ......
前端使用a标签下载非同源文件(备选方案)
原理: 下载文件Blob,再把Blob转为本地链接,以实现跨域变同域,最后使用a标签实现下载; 优缺点: ● 优点:能达到下载跨域文件的目的; ● 缺点:不适用于大文件,大文件体验较差; 示例: 使用fetch把文件下载下来,然后URL.createObjectURL转为本地链接,最后使用a标签下载 ......