表单 前端 元素 标签
伪元素和CSS类
伪元素和CSS类 伪元素可以结合CSS类: p.article:first-letter {color:#ff0000;} <p class="article">文章段落</p> 上面的例子会使所有 class 为 article 的段落的首字母变为红色。 https://www.81rz.com/ ......
first-letter 伪元素
first-letter 伪元素 "first-letter" 伪元素用于向文本的首字母设置特殊样式: 实例 p:first-letter { color:#ff0000; font-size:xx-large; } 注意: "first-letter" 伪元素只能用于块级元素。 注意: 下面的属性 ......
:first-line 伪元素
:first-line 伪元素 "first-line" 伪元素用于向文本的首行设置特殊样式。 在下面的例子中,浏览器会根据 "first-line" 伪元素中的样式对 p 元素的第一行文本进行格式化: 实例 p:first-line { color:#ff0000; font-variant:sm ......
form表单序列化 并修改序列化对象
方法: // 方法:1: serialize var str = $('form').serialize(); console.log(str) //方法2:serializeArray var arr = $('form').serializeArray(); console.log(arr) 结 ......
前端下载文件时无法获取到header['Content-Disposition']
我们在做文件下载的功能时,往往需要后端将文件名称返回给前端,前端获取文件名称并从浏览器上下载文件。 一般情况下,后台会将文件名称加在请求的响应头的Content-Disposition中,前端只需要去获取该字段即可。 但是由于浏览器的限制,前端只能在network中看到Content-Disposi ......
关于使用 uni app 开发的小程序,在 Android 上 image 标签本地图片加载失败的问题
一句话结论:使用 v-bind + require 就能解决。 今天碰到一个奇葩的问题,使用 uni app 开发的小程序,image 标签在 iOS 和 Android 上表现不一致,在我的机器(iOS)上可以显示,Android 上就是空白一片。下面是示例代码: <image src="/sta ......
前端vscode常用插件
运行html文件(open in browser) 运行快捷键: Alt+B px转rem(px2rem) 将括号变色,便于观察(Bracket Pair Colorizer) 改变对齐线颜色(Guides) ......
前端常见的十种布局
作为一个开发小白,也是第一次编写博客文章,若有错误请各位大牛大佬指正,轻喷!!! 我在学校接触最多的就是前端,然后最近在学习新的前端知识,发现前端布局常见的有很多种,不同的应用场景有不同的布局方式,下面就来简单介绍一下吧。 静态布局 浮动布局 定位布局 栅格布局 table布局 弹性(flex)布局 ......
代码随想录Day13-Leetcode239. 滑动窗口最大值,347.前 K 个高频元素,栈和队列总结
239. 滑动窗口最大值 一开始没有思路,暴力了,然后果然超时; 看提示中的单调队列没有特别明白;后面反应过来跟单调栈很像; 也确实很符合本题的情况,一旦队尾出现更大的数,前面更小的数就不需要了, 他们不会成为最大数被弹出后的备选。 值得注意的是本题数次出现区间错误,一开始我的操作居然是删除q[l] ......
解决 前端 设置滚动条的宽度后 滚动条消失的问题(解决ie浏览器样式无效的问题)
.op { flex: 1; width: 90%; flex-direction: column; overflow: auto; height: 90%; padding-right: 5px; } .op::-webkit-scrollbar{ width: 5px; } .op::-webk ......
Python list列表添加元素
Python append()方法添加元素 append() 方法用于在列表的末尾追加元素,该方法的语法格式如下: listname.append(obj) 其中,listname 表示要添加元素的列表;obj 表示到添加到列表末尾的数据,它可以是单个元素,也可以是列表、元组等。 Python ex ......
前端小程序生成二维码及分享功能
一、需求描述 小程序个人中心生成二维码,用户点击生成二维码功能即可生成二维码,生成的二维码可分享。用户通过扫码或者分享的链接可进入到小程序首页某个产品的详情页 js文件 data: { shareInfo:{}, productUuid:'' }, onLoad: function (options ......
前端设计模式——访问者模式
访问者模式(Visitor Pattern)是一种行为型设计模式,用于将操作与其所操作的对象分离开来。该模式的核心思想是将操作封装在一个访问者对象中,而不是分散在各个对象中。通过将操作与对象分离开来,访问者模式可以在不修改对象结构的情况下,添加新的操作。 在前端开发中,访问者模式通常用于处理DOM树 ......
前端传递Base64字符串,后端转流存入OSS
工具类 public static BufferedInputStream base64Convert(String base64) { // 解码 base64 = base64.split(",")[1]; try { byte[] buffer = Base64.getMimeDecoder( ......
前端性能精进(六)——网络
网络也是前端性能优化的重要一环,网页上的资源都要经过网络来传输。 优化网络性能除了缓存和压缩之外,还有就是协议和 CDN。 HTTP 协议已经历了多个版本,每个版本的出现其实就是为了解决已知的性能问题。 目前市面上,有许多成熟的商业 CDN 服务,采用这些服务的网页,在性能提升上也很可观。 一、缓存 ......
删除重复的元素
给你一个 升序排列 的数组 nums ,请你 原地 删除重复出现的元素,使每个元素 只出现一次 ,返回删除后数组的新长度。元素的 相对顺序 应该保持 一致 。 由于在某些语言中不能改变数组的长度,所以必须将结果放在数组nums的第一部分。更规范地说,如果在删除重复项之后有 k 个元素,那么 nums ......
203. 移除链表元素
c++解法 解法1:先确定头节点,而后移动指针 /** * Definition for singly-linked list. * struct ListNode { * int val; * ListNode *next; * ListNode() : val(0), next(nullptr) ......
7款前端性能分析工具,全都是神器
7款前端性能分析工具,全都是神器 测试开发技术 关注 7 人赞同了该文章 我们在使用网站过程中,经常会遇到慢的问题,为了找到原因,一般需要借助工具进行检测,通过工具,可以检测出前端站点加载资源的相关详细情况。今天,就给大家介绍几款前端性能测试分析工具,结合性能测试工具,实现通过量化的方式测试网站中 ......
前端设计模式——路由模式
路由模式(Router Pattern):将页面的不同状态映射到不同的URL路径上,使得用户可以直接通过URL来访问页面的不同状态。 路由模式通常用于实现单页面应用(SPA)的页面导航和状态管理。具体来说,路由模式通过解析URL路径来确定应该显示哪个页面,并使用历史记录API来管理页面状态。 一般来 ......
Python list列表删除元素
del:根据索引值删除元素 del 是 Python 中的关键字,专门用来执行删除操作,它不仅可以删除整个列表,还可以删除列表中的某些元素。\ del 可以删除列表中的单个元素,格式为: del listname[index] 其中,listname 表示列表名称,index 表示元素的索引值。de ......
百度2020校招Web前端工程师笔试卷(第二批)(20~23)
21. <!DOCTYPE html> <html> <head> <meta charset="UTF-8"> <style> .checkgroup .item{ height: 42px; line-height: 42px; padding: 0 10px; margin: 10px 0; ......
力扣---6357. 使数组元素全部相等的最少操作次数
给你一个正整数数组 nums 。同时给你一个长度为 m 的整数数组 queries 。第 i 个查询中,你需要将 nums 中所有元素变成 queries[i] 。你可以执行以下操作 任意 次: 将数组里一个元素 增大 或者 减小 1 。请你返回一个长度为 m 的数组 answer ,其中 answ ......
[FastAPI-26]Form表单接收数据,小文件上传
from fastapi import FastAPI,Form,File,UploadFile app = FastAPI(title="Form表单") ''' Form表单接收数据 ''' @app.post("/login",summary="登录") def login(username ......
6357.使数组元素全部相等的最少操作次数-338
使数组元素全部相等的最小操作次数 给你一个正整数数组 nums 。 同时给你一个长度为 m 的整数数组 queries 。第 i 个查询中,你需要将 nums 中所有元素变成 queries[i] 。你可以执行以下操作 任意 次: 将数组里一个元素 增大 或者 减小 1 。 请你返回一个长度为 m ......
前端设计模式——计算属性模式
计算属性模式(Computed Property Pattern):在JavaScript中,可以使用Object.defineProperty()方法来实现计算属性模式,通过get和set方法来计算属性值。 计算属性模式用于将对象的某些属性值与其他属性值相关联。该模式常用于Vue.js等框架中。 ......
什么是前端开发领域中的 time to first byte 指标
在前端开发领域中,time to first byte(TTFB)指标是指浏览器发出请求后,服务器第一次返回数据所花费的时间,即从请求发送到收到第一个字节的时间。这个时间包括了浏览器发出请求到服务器接收到请求、处理请求并返回响应的时间。 TTFB 是一个重要的性能指标,因为它直接影响到用户的体验。较 ......
前端获取视频缩略图方式
代码示例: /** * 获取缩略图 * @param url 视频地址 * @param currentTime 缩略图取第几秒的图片 * @param width 截取的图片宽 * @param height 截取的图片高 * @returns {Promise<unknown>} */ expo ......
前端常用的终端命令
终端主要的目的是可以让我们在文件系统中进行四处浏览和打开/运行某些东西,只是在 windows 上我们之前都是用 GUI 界面进行操作的,现在是在终端中使用 shell 命令进行操作而已。 ......
获取标签的自定义属性
<template> <div> <!--注意命名data-格式--> <h1 :data-myName="name" :data-age="age" @click="btn">测试</h1> </div> </template> <script> export default { data(){ ......