表单 前端 元素 标签
ThingsBoard 前端项目轮播图部件开发
前言 ThingsBoard 是目前 Github 上最流行的开源物联网平台（14.6k Star），可以实现物联网项目的快速开发、管理和扩展, 是中小微企业物联网平台的不二之选。 本文介绍如何在 ThingsBoard 前端项目中开发轮播图部件。 产品需求 最近接到产品经理一个需求，在 TB 仪表 ......
代码随想录算法训练营Day1 | 704.二分查找、27.移除元素
LeetCode704.二分查找 二分查找是一种基础的算法，其核心思想在高中数学中就已经被大家所熟知了，然而对于代码的实现，其细节问题常常令人头疼，比如while循环的条件是什么？middle是该+1还是-1？这些问题需要有一个清晰的认知。 题目链接如下:704.二分查找 Carl的讲解链接：二分查 ......
前端体验优化（2）——基建
在 2020 年刚加入公司的时候，我就确定要持续推进基建的建设，经过这几年的沉淀，完成了从 0 到 1 的跨越。 基建的目的是解决各类技术或业务问题，沉淀通用技术能力，提升工作效率，降低开发成本，直接或间接助力业务开展。 接下来会围绕项目重构、组件化、标准化、工具化、自动化、文档化和页面规范化几个方 ......
前端: 1.解构表达式;2字符串模板
解构表达式,定义一个数组 <script> // 解构表达式,定义一个数组 // 数组解构 let arr = [1,2,3]; let[a,b,c] = arr; //快速的将内容赋值到指定的变量上面 // const [a,b,c] = arr; console.log(a,b,c) // 对象 ......
每日一题－－2454.下一个更大元素IV
题目链接：2454.下一个更大元素IV 题目： 给你一个下标从 0 开始的非负整数数组 nums 。对于 nums 中每一个整数，你必须找到对应元素的 第二大 整数。 如果 nums[j] 满足以下条件，那么我们称它为 nums[i] 的 第二大 整数： j > i nums[j] > nums[i ......
前端学习笔记DAY2 HTML5基础（2）（b站pink老师）
二.HTML标签 4.HTML常用标签 4.1 标签语义 学习标签的重点是记住每个标签的语义。就是指标签的含义，即这个标签是用来干嘛的。 根据标签的语义，在合适的地方给一个最为合理的标签，可以让页面结构更清晰。 ※4.2 标题标签 <h1> - <h6> HTML 提供了 6 个等级的网页标题，即< ......
ferry前端项目部署
ferry项目地址：https://gitee.com/yllan （ferry为后端代码，ferry_web为前端代码）直接copy前端代码 文中ferry为后端代码，ferry_web为前端代码 一.安装依赖 我用npm安装会报错，具体原因没去分析，大概就是npm版本的问题，我的版本是npm@6 ......
html中的base标签,<base href="http://xxx.com/">什么意思
HTML中的<base>标签用于指定页面上所有相对URL的基础路径。 该标签位于<head>标签内，并具有一个href属性，用于指定基础路径URL。例如： <head> <base href="http://example.com/" /> </head> 一旦设置了<base>标签，页面上所有使用 ......
chrome弧形标签页实现思路收录
1. 直线圆角，通过单个伪元素的border-radius产生弧形 <template> <div class="tab-list"> <div v-for="tab in tabs" :key="tab.id" class="tab-item" :class="activeTab tab.id ? ......
element-ui表单校验|标红提示
elementUI表单校验 1.表单上加rules {object}（常用） 增加普通校验规则 <el-form :model="form" :rules="rules" ref="form"> <el-form-item label="姓名：" :label-width="formLabelWid ......
解决苹果手机video标签直接全屏播放
当video在ios上面点击播放会自动全屏播放，这个体验有点不好，因为上面有全屏播放提示，如果用户真的需要全屏可以自己点击全屏播放按钮，所以需要禁止video在ios系统自动全屏播放。 一、解决思路： ios中： 只需要在标签里面写上：webkit-playsinline='true' playsi ......
php 随机class和 僵尸元素的实现
1.参考自己的文章 php中preg_replace_callback函数同一个正则，替换成不同内容 https://www.cnblogs.com/cn-oldboy/p/17149911.html 2.僵尸元素的实现。 暂无思路 ......
元素定位position
static：静态定位（默认）。依据文档流定位。
relative：相对定位。以自身为基准，设置坐标（left、top、right、bottom），不脱离文档流。
absolute：绝对定位。以父元素为基准，设置坐标（left、top、right、bottom），脱离文档流。
fixed：固定定位。... ......
Leetcode刷题day11-栈.滑窗最大值.出现次数前K的元素
239.滑动窗口最大值 239. 滑动窗口最大值 - 力扣（LeetCode） 给你一个整数数组 nums，有一个大小为 k 的滑动窗口从数组的最左侧移动到数组的最右侧。你只可以看到在滑动窗口内的 k 个数字。滑动窗口每次只向右移动一位。 返回 滑动窗口中的最大值 。 示例 1： 输入：nums = ......
前端学习DAY1 HTML5基础（1）（b站pink老师）
一、HTML简介 1.网页 1.1 什么是网页 网站是网页的集合，网页是网站中的一“页”（构成网站的基本元素）。 网页由图片、链接、文字、声音、视频等元素构成，通常是HTML格式的文件（.htm.或html后缀），通过浏览器来阅读。 1.2 什么是HTML HTML (超文本标记语言)，它是用来描述 ......
记录--前端中 JS 发起的请求可以暂停吗
这里给大家分享我在网上总结出来的一些知识，希望对大家有所帮助 在前端中，JavaScript（JS）可以使用XMLHttpRequest对象或fetch API来发起网络请求。然而，JavaScript本身并没有提供直接的方法来暂停请求的执行。一旦请求被发送，它会继续执行并等待响应。 尽管如此，你可 ......
对比elment-ui 和vben 前端对表格的封装
看了这篇文章 优雅的使用 element-ui 中的 table 组件，突然顿悟了一些。 elment-ui的表格 <el-table :data="tableData"> <el-table-column prop="date" label="日期"> </el-table-column> <el ......
12.11 今天弄明白了怎么在前端写Java实现查询功能
//例：<% // Check if the query button is clicked if (request.getParameter("query") != null) { try { Connection connection = DatabaseConnection.getConnec ......
SQL动态拼接（XML）：判断一个列表的元素，是否为数据库的某几个字段的值形成的列表的子集
非常感谢这位佬提供的思路，让我茅塞顿开：sql查询满足任意几个条件的查询方法_sql 满足几个条件-CSDN博客 假设我们有一个表ranks，里面有六个字段，分别是：r1，r2，r3，r4，r5，r6，然后我们的目的是，传入一个List<string> A，并且要求这个列表是r1到r6的值的子集（也 ......
php css 改变宽度,img标签设置display:block属性时宽度无法设定为100%的解决办法
本篇文章所说的内容是img标签设置display:block属性时宽度无法设定为100%的解决办法，方法很详细，有一定的参考价值，有需要的朋友可以参考一下，希望可以对你有所帮助。 现象 如下代码，img标签设置了display：block，尺寸宽度无法设定为100% img标签设置display:b ......
将绑定到itemsource的控件里面的元素绑定到itemsource数据源之外的viewmodel中的数据
1 <ComboBox.ItemTemplate> 2 <DataTemplate> 3 <StackPanel Orientation="Horizontal"> 4 <TextBlock Width="100" Text="{Binding Key}" /> 5 <Button Content= ......
图片铺满div元素不变形，超出部分隐藏，保留中心部分css代码
在我们网站更新文章的时候，经常会插入图片，丰富信息。但是我们插入的图片长宽比例并不一定是固定的。我们在调用缩略图的时候，常常会出现图片变形的情况，高和宽不成比例。那么如何让图片不变形，又能铺满div元素呢？我们可以使用css代码中object-fit属性来实现。object-fit属性指定元素的内容 ......
前端纯js字符串拼接导出excel
1 <html> 2 <head> 3 <p style="font-size: 20px;color: red;">使用a标签方式将json导出csv文件</p> 4 <button onclick='tableToExcel()'>导出</button> 5 </head> 6 <body> 7 ......
uni-app 解析支付宝form表单,h5 app唤起支付宝
1.通过接口拿到form表单 code为后端返回的form表单数据； document则是使用 document.querySelector('body').innerHTML 生成的html页面； 2.将form表单渲染成页面 2-1.h5是直接使用document方法 let res = "支付 ......
前端体验优化（1）——概述
前端体验优化地最终目的就是让用户的使用体感舒适，无阻塞、流畅的得到预期想要的结果，而其中的用户可分为三层：产品用户、公司同事和研发自己。UX、性能优化其实都是体验优化的子集，前端体验犹如下图的冰山那样，在水下别有洞天。 可以将体验优化大致分为 5 个模块，分别是终端、网络、前端、后端以及数据，这 5 ......
HTML 表单介绍
HTML 表单介绍 当您想要通过网页来收集一些用户的信息（例如用户名、电话、邮箱地址等）时，就需要用到 HTML 表单。表单可以接收用户输入的信息，然后将其发送到后端应用程序，例如 PHP、Java、Python 等，后端应用程序将根据定义好的业务逻辑对表单传递来的数据进行处理。 表单属于 HTML ......
HTML 块级元素、行内元素、行内块元素详解
块级元素 和行内元素 1、 基本概念 在HTML5之前，HTML元素被分为两类：块级元素(block-level elements)和行内元素(inline-level elements)，或称为内联元素。 不过，因为这是一种表现特征，在HTML5时，在标准流中通过CSS属性display指定。（注 ......