表单 前端 元素 标签
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> 定义斜体文本 ......
元素的浮动与定位
一、元素的浮动 在标准文档流中，div元素按照从上到下的顺序排列。但是通过使用浮动属性，可以使元素脱离标准文档流的约束。 1.浮动属性float 语法：选择器{float：属性值；} 属性值：left，right 通过设置元素的浮动属性为left或right，可以使元素向左或向右浮动。 2.清除浮动 ......
如果后端API一次返回10万条数据，前端应该如何处理？
这个问题其实是考察面试者对性能优化的理解，涉及的话题很多。 创建服务器 为了方便后续测试，我们可以使用node创建一个简单的服务器。 服务器端代码： const http = require('http')const port = 8000;let list = []let num = 0// cr ......
JavaScript元素根据父级元素宽高缩放
/** * 等比缩放 * @param wrap 外部容器 * @param container 待缩放的容器 * @returns {{width: number, height: number}} * 返回值：width:宽度, height:高度 */ aspectRatio(wrap: an ......
前端数据流组装指定格式的文件下载
有的时候，我们从后端获取了文件数据，需要在前端组合成指定格式的文件，并下载。 组合文件，除了数据，还需要规定格式，才知道组合成什么格式的文件。 主要代码如下： /* * responseText 后端获取的文件数据 * 这里以 pdf 格式的文件举例，设置 type 为 pdf 文件需要的类型 * ......
页面结构据不同屏幕手机大小进行自适应+底部标签
微信小程序请简单创建一个页面结构，要求页面结构根据不同屏幕手机大小进行自适应。 <!--pages/test/test.wxml--> <view class="tab"> 顶部区域 </view> <view class="content"> 内容区域 </view> <view class="p ......
day03 代码随想录算法训练营 203. 移除链表元素
题目： 203. 移除链表元素 我的感悟： 题目里的节点是已经给好的， 创建虚拟节点，是为了方便处理头节点。 加油，我可以的！！！！！ 理解难点： 节点已经给好的 创建虚拟节点 代码难点： p是临时变量，类似于for i in range(10) 这里的i，本身是用完就扔的。 返回值为什么不能是p. ......
前端环境搭建到创建vue项目运行
整体流程 1.安装 nvm 管理工具,用于管理 node 的版本方便 node 版本的切换 a.下载 nvm 1.官方下载地址:https://github.com/coreybutler/nvm-windows/releases 2.备用下载地址:https://xiaocai1688.lanzo ......
markdown中插入视频前台渲染出来导致<video>等标签被转义成字符
markdown中插入视频前台渲染出来导致<video>等标签被转义成字符解决办法： 如图： 在markdown里面插入视频，可以按照下面写法，哈哈，虽然很捞，但是还是可以满足的。 <video src="https://xxxxxxxxxxxxxx.mp4" controls="true" sty ......
JS 鼠标拖拽元素移动
代码示例 <!DOCTYPE html> <html lang="zh-CN"> <head> <meta charset="UTF-8"> <title>Document</title> <style> #wrap { width: 100px; height: 100px; background ......
通过浏览器中F12来查看form表单的提交时的请求网址
网页上的form应该是用js提交的，怎么找请求网址呢？ 1.用chrome打开该网页，然后按 CTRL + SHIFT + J （或F12）打开chrome开发工具 2.从开发工具的菜单栏切换到 “网络”，然后点击页面上的表单提交按钮 3.这时在开发工具中，会产生可能不止一个请求。 4.选中上一步产 ......
从前做前端的时候， 联通的好多html5活动， 页面布局如何整齐，回顾一个常用的
今天想布个页面， 许久不手写css了，从前写了许多html5的游戏活动等， 大转盘，豆豆世界，沃积分， 刮刮卡， 那时候早，不同手机端一个个测，手机品牌每个浏览器都不一样，那时候测试部的可是好好弄了我写的积分平台的联通全栈移动端了， 搞了通宵才让回家，因为要赶上线。 如今却css许久不写了，好多技能 ......
python_selenium定位页面元素
页面元素常用的定位方法有id、name、css、xpath id和name直接通过对应的值定位 class属性值有多个值时，使用css选择器定位只需要其中一个属性值即可，使用xpath时，属性值需要全部写上 示例：<input type="" autocomplete="on" placeholde ......
自定义拖拽表单的优势表现在哪里？
利用自定义拖拽表单，可以让办公更轻松，效率更高，是理想的提质增效办公工具。哪里有自定义拖拽表单？它又有什么样的优势特点？流辰信息是专业研发低代码技术平台的服务商，经验足、研发实力强、服务好，可以为广大客户提供持续的产品升级、技术培训、系统集成开发、技术框架定制等服务。 先来了解自定义拖拽表单带来的好 ......
华为云耀云服务器L实例-tilas教学管理系统前端配置
华为云耀云服务器L实例-tilas教学管理系统前端配置 产品官网：https://www.huaweicloud.com/product/hecs-light.html 项目源代码地址：https://github.com/JohnYoung5665/spring-boot-web01/tree/m ......
纯前端对服务器的概念
1. 服务器概念 前端接触的服务器有多种，比如：机房的物理服务器、后端装自己电脑上的虚拟机服务器、华为云或腾讯云上租的云服务器、node或nginx提供本地文件访问的web服务器 等。 对于我们前端而言，服务器就分为两类 web服务器 和 非web服务器。 web服务器：就是一个软件程序，运行之后， ......
HTML之元素相对页面(视口)左上角的绝对坐标
目录一. 绝对位置二. 相对位置 一. 绝对位置 网页元素的绝对位置，指该元素的左上角相对于整张网页左上角的坐标。无论网页滚动条如何滚动，它都是不会变化的。 // 获取元素的绝对位置坐标（相对于页面左上角） function getElementPagePosition(element){ //计算 ......
day01 代码随想录算法训练营 27. 移除元素
题目： 27. 移除元素 感悟： 用快慢指针。 本题是要原地删除。 而删除这个行为在真实的计算机的数组里，是覆盖。 所以，就用两个指针，（人） 一个跑的快，一个跑的慢。他们身上带了个对讲机。 跑的快的那个人负责检测后面的数字符合要求不，比如，要不等于3的，遇到一个2，告诉跑的慢的说2符合要求。遇到一 ......
前端使用a标签下载非同源文件(备选方案)
原理: 下载文件Blob,再把Blob转为本地链接,以实现跨域变同域,最后使用a标签实现下载； 优缺点： ● 优点：能达到下载跨域文件的目的； ● 缺点：不适用于大文件，大文件体验较差； 示例： 使用fetch把文件下载下来,然后URL.createObjectURL转为本地链接,最后使用a标签下载 ......
H5前端特殊艺术字体文件太大，可通过font-spider压缩
原理: 1.爬行本地 html 文档，分析所有 css 语句 2.记录@font-face语句声明的字体，并且记录使用该字体的 css 选择器 3.通过 css 选择器的规则查找当前 html 文档的节点，记录节点上的文本 4.找到字体文件并删除没被使用的字符 5.编码成跨平台使用的字体格式 简而言 ......
WEB前端，后端接单中 ，企业网站小程序开发
php ， Vue开发，h5开发，html，css ，js，微信小程序 ，uni-appchrome插件，需要滴滴我。看需求时间复杂度免费 例如期末大作业，毕业设计，自用工具都可以找我。 找前端师傅带带？快来吧 微信号： kaifa099 vx,请备注博客园 ......
Maven的pom标签含义详解
Maven的pom标签含义详解 parent标签 <project xmlns="http://maven.apache.org/POM/4.0.0" xmlns:xsi="http://www.w3.org/2001/XMLSchema-instance" xsi:schemaLocation=" ......
文件批量重命名之在线版本-前端的本地文件操作
批量文件重命名是一个低频但时不时又会遇到的需求，非常适合在线工具的形式，即用即走。 搜索了一圈，没有发现可以直接实现这个功能的网站，不过找到了相关的 API FileSystemFileHandle.move() for local files - Chrome Platform Status Ch ......
前端那些好用的CSS/JS网站
🍀一、渐变神器Gradient 网站地址： Gradient by ShapeFactory | Chromatic Gradient Generator 网站介绍： Gradient是一款网页渐变设计工具，可以帮助用户轻松创建漂亮的渐变颜色样式，并将其应用到网页、APP等设计项目中。 网站示例： ......
表单导出excel 的解决方案
场景：当只有底图和数据的的时候，底图是一个背景图，次背景图上会有空白的区域，留下来的空白区域是用来展示回显的数据的， 一下情形需要导出excel 文档 纯前端 方案一： 1.先用一个数组将此底图上的数据收集起来，组成一个数组，同时设置key 和value ,当然 key就是收集来的数据，value就 ......
Web自动化测试 - 元素定位失败如何解决
首先要读懂失败的原因： InvalidSelectorException 错误的定位表达式 Invalid...错误，大概率是脚本错误 NoSuch... 不存在 ...Not...无法操作 ...Intercepted...操作出现意外 错误：找出错误原因，改正错误即可 不存在： 是否曾经存在 是 ......