前端面试题--HTML篇
一、src和href的区别
src指向外部资源的位置，指向的内容会嵌入到文档中当前标签所在的位置；
href指向网络资源的位置，建立和当前元素或当前文档之间的链接。
二、对HTML语义化的理解
根据内容的结构化，选择合适的标签。
优点：1、对机器友好，有利于SEO，和搜索引擎建立良好的沟通；
2、对开发者友好，增强代码的可读性。
三、常用的meta标签有哪些
meta由name和content属性定义，用来描述网页文档的属性；
常用meta标签：charset用来描述html文档的编码类型；
keywords：页面关键字；
description：页面描述；
refresh：页面重定向和刷新；
viewport：适配移动端，可以控制视口的大小和比例；
四、HTML5有哪些更新
语义化标签
header、nav、mian、footer、aside
媒体标签
video、audio
表单
DOM查询操作
document.querySelector
document.querySelectorAll
web存储
lacalStorage--没有时间限制的存储
sessionStorage--针对一个session的数据存储
五、行内元素和块元素
行内元素：span、input、img、a、b
块元素：div、h1-h5、p、ol、ul、li
六、img的srcset属性的作用
响应式页面中，根据不同的屏幕密度设置不同的图片，这个时候就可以用到img的srcset属性
七、web worker的作用
web worker的作用就是为JavaScript提供多线程运行环境，允许主线程创建worker线程，这样就可以将一些任务分配给worker线程，好处是不会被随意打断，有利于随时响应主线程的通信，坏处是会造成资源的浪费，所以不使用的时候要即时关闭。通过postMessage将结果传回到主线程。
八、HTML5离线存储怎么使用，工作原理
离线存储是指当用户没有连接互联网时，用户可以正常访问站点和应用；用户连接互联网时，更新用户机器上的缓存文件。
工作原理：h5的离线存储机制是基于一个新建的.appcache文件的缓存机制，通过解析清单离线缓存资源，这些资源就会像cookie一样被存储下来，当网络处于离线状态时，浏览器会通过被离线存储的数据进行页面展示。
九、b和strong、i和em、title和h1的区别
strong是语义化标签，起到加重语气的作用，b只是简单的加粗；
i内容展示为斜体，em表示强调的语气；
title简单的表示为标题，h1表示更深层次的标题
十、iframe的优点和缺点
iframe元素会创建包含另一个文档的内敛框架
优点：可以用来加载速度较慢的文件；可以实现跨子域通信；可以并行下载脚本；
缺点：会阻塞主页面的onload事件；不利于搜索引擎识别；增加了http请求；
十一、label标签的作用
label标签用来定义表单控件间的关系，当选择label标签时，自动将焦点转移到和label标签相关的表单控件
十二、文档声明和<!Doctype html>的作用，严格模式和混杂模式的区别？
文档声明用来告诉浏览器当前文档是用什么版本的html来写的；
<!Doctype html>让浏览器进入标准模式，使用h5标准来解析渲染页面；
严格模式也称标准模式，让浏览器以w3c标准解析文档；
混杂模式指浏览器用自己的模式解析代码；
十三、BOM和DOM的区别
BOM是浏览器对象模型，主要定义了与浏览器进行交互的接口和方法；
DOM是文档对象模型，主要定义了处理网页内容的接口和方法；
十四、图片的格式
jpeg（jpg）：支持的色彩比较丰富，不支持透明效果，不支持动图；
gif：支持的色彩比较少，支持简单透明，支持动图；
png：支持的颜色丰富，支持复杂透明，不支持动图；
webp：是谷歌新推出的用来表示网页图片的一种格式，具有其他类型图片的所有优势，还比较小，但兼容性不好。
相关文章：
前端面试题--HTML篇
一、src和href的区别src指向外部资源的位置，指向的内容会嵌入到文档中当前标签所在的位置；href指向网络资源的位置，建立和当前元素或当前文档之间的链接。二、对HTML语义化的理解根据内容的结构化，选择合适的标签。优点࿱…...
SpringBoot集成ElasticSearch，实现模糊查询，批量CRUD，排序，分页，高亮
导入elasticsearch依赖在pom.xml里加入如下依赖：<dependency><groupId>org.springframework.boot</groupId><artifactId>spring-boot-starter-data-elasticsearch</artifactId> </dependency>非常重要：检查依赖版本…...
常用Swagger注解汇总
常用Swagger注解汇总 前言 在实际编写后端代码的过程中，我们可能经常使用到 swagger 注解，但是会用不代表了解，你知道每个注解都有什么属性吗？你都用过这些属性吗？了解它们的作用吗？本文在此带大家总结一下…...
关于 TypeScript 声明文件
declare var 声明全局变量declare function 声明全局方法declare class 声明全局类declare enum 声明全局枚举类型declare namespace 声明（含有子属性的）全局对象interface 和 type 声明全局类型export 导出变量export namespace 导出（含有子…...
SpringBoot学习-原理篇
SpringBoot原理篇springboot技术本身就是为了加速spring程序的开发的，可以大胆的说，springboot技术没有自己的原理层面的设计，仅仅是实现方案进行了改进。将springboot定位成工具，你就不会去想方设法的学习其原理了。就像是将木头…...
目标检测YOLOv5数据集怎么找？
完整的配置-标注-训练-识别在我这篇博客小白YOLOv5全流程-训练实现数字识别_yolov5数字识别_牛大了2022的博客-CSDN博客 模型部分剖析可以看我每周深度学习笔记部分。关于训练的数据集怎么搞很多人问过我，我在这篇文章给大家一点我的经验和建议。 数据集是什么 简…...
安卓短信自动填充踩坑
安卓短信自动填充踩坑 前言 最近弄了个短信自动填充功能，一开始觉得很简单，不就是动态注册个广播接收器去监听短信消息不就可以了吗？结果没这么简单，问题就出在机型的适配上。小米的短信权限、荣耀的短信监听都是坑，…...
【抽象类和接口的区别】
抽象类和接口都是Java中实现多态的机制，它们都是用来约束子类必须要实现的方法。但是它们有以下区别： 实现方式 实现方式：抽象类是一个类，而接口是一个接口。一个类只能继承一个抽象类，但可以实现多个接口。 构造方…...
接口导出文件功能
1.写接口 export function getExport(params) { return fetch({ url: ******.export, method: post, data: params, responseType:blob, }) } 2.编写前端页面 <el-button :loading"exportDisable" :disabled&quo…...
深圳大学计软《面向对象的程序设计》实验9 期中复习
A. 机器人变身（类与对象）【期中模拟】 题目描述 编写一个机器人类，包含属性有机器名、血量、伤害值、防御值、类型和等级。其中血量、伤害和防御和等级、类型相关： 普通型机器人，类型为N，血量、伤害、防…...
python之异步编程
一、异步编程概述 异步编程是一种并发编程的模式，其关注点是通过调度不同任务之间的执行和等待时间，通过减少处理器的闲置时间来达到减少整个程序的执行时间；异步编程跟同步编程模型最大的不同就是其任务的切换，当遇到一个需要等…...
为什么很多计算机专业大学生毕业后还会参加培训？
基于IT互联网行业越来越卷的现状，就算是科班出身，很多也是达不到用人单位的要求。面对这样的现实情况，有的同学会选择继续深造，比如考个研，去年考研人数457万人次，可见越来越的同学是倾向考研提升学历来达到…...
JUC并发编程之JMM_synchronized_volatile
目录 JUC并发编程之JMM_synchronized_volatile 什么是JMM模型？ JMM和JVM的区别 JMM不同于JVM内存区域模型 主内存 工作内存 Java内存模型与硬件内存架构的关系 JMM存在的必要性 数据同步八大原子操作 同步规则分析 并发编程的可见性，原子性与有序…...
hashCode 和 equals 的处理
文章目录hashCode 和 equals 的处理1. 阿里巴巴编程规范要求2. equals和hashcode的分析2.1 Object方法2.2 只覆写（Override）equals带来的问题问题演示问题分析问题处理hashCode 和 equals 的处理 1. 阿里巴巴编程规范要求 2. equals和hashcode的分析 2…...
17. OPenGL实现旋转移动物体
1. 说明： 整体思路：如果想实现动态，可以使用一个矩阵和我们给定的坐标值进行相乘，实时的改变坐标值 类似于坐标的齐次变换，然后使用一个定时器，在规定时间内触发重新绘制的函数。 实际效果： OP…...
《SQL基础》14. 存储过程 · 存储函数
存储过程 存储函数存储过程基本语法变量系统变量用户定义变量局部变量if判断参数case判断while循环repeat循环loop循环游标条件处理程序存储函数存储过程 存储过程是事先经过编译并存储在数据库中的一段SQL语句的集合。调用存储过程可以简化应用开发人员的工作，减…...
NFT Insider #87：The Sandbox 收购游戏开发工作室 Sviper，GHST 大迁徙即将拉开帷幕
引言：NFT Insider由NFT收藏组织WHALE Members(https://twitter.com/WHALEMembers)、BeepCrypto（https://twitter.com/beep_crypto）联合出品，浓缩每周NFT新闻，为大家带来关于NFT最全面、最新鲜、最有价值的讯息。每期周…...
html部分codewhy网课学习笔记
day1 网页显示的过程和服务器 浏览器内核,也称为渲染引擎 head标签描述网页的原数据，如title shifttab是向前缩进 div>ul>li可以快速生成 <div> <ul> <li></li> </ul> </div> 在早期,单标签如<input>也可写为&l…...
电脑出问题了怎么重装系统修好
电脑在使用过程中经常会出现各种各样的问题，如系统崩溃、蓝屏、病毒感染等。这些问题如果不能及时得到解决，将会给用户带来很多麻烦和损失。小白一键重装系统是一个功能强大的工具，可以帮助用户快速解决电脑常见问题。下面我们就来详细介绍如…...
Nginx国密支持问题记录
文章目录添加国密支持可能出现的问题国密不生效，查看 Nginx 可执行文件路径是否正确证书无法解析Nginx无法启动添加国密支持 NGINX添加国密支持 添加国密支持可以直接按照官网的操作顺序操作即可 参考网址：https://www.gmssl.cn/gmssl/index.jsp 可能出…...
【Python】 -- 趣味代码 - 小恐龙游戏
文章目录 文章目录 00 小恐龙游戏程序设计框架代码结构和功能游戏流程总结01 小恐龙游戏程序设计02 百度网盘地址00 小恐龙游戏程序设计框架 这段代码是一个基于 Pygame 的简易跑酷游戏的完整实现，玩家控制一个角色（龙）躲避障碍物（仙人掌和乌鸦）。以下是代码的详细介绍：…...
PPT|230页| 制造集团企业供应链端到端的数字化解决方案：从需求到结算的全链路业务闭环构建
制造业采购供应链管理是企业运营的核心环节，供应链协同管理在供应链上下游企业之间建立紧密的合作关系，通过信息共享、资源整合、业务协同等方式，实现供应链的全面管理和优化，提高供应链的效率和透明度，降低供应链的成…...
Go 语言接口详解
Go 语言接口详解 核心概念 接口定义 在 Go 语言中，接口是一种抽象类型，它定义了一组方法的集合： // 定义接口 type Shape interface {Area() float64Perimeter() float64 } 接口实现 Go 接口的实现是隐式的： // 矩形结构体…...
高危文件识别的常用算法：原理、应用与企业场景
高危文件识别的常用算法：原理、应用与企业场景 高危文件识别旨在检测可能导致安全威胁的文件，如包含恶意代码、敏感数据或欺诈内容的文档，在企业协同办公环境中（如Teams、Google Workspace）尤为重要。结合大模型技术&…...
Spring Boot面试题精选汇总
🤟致敬读者 🟩感谢阅读🟦笑口常开🟪生日快乐⬛早点睡觉 📘博主相关 🟧博主信息🟨博客首页🟫专栏推荐🟥活动信息 文章目录 Spring Boot面试题精选汇总⚙️ **一、核心概…...
DeepSeek 技术赋能无人农场协同作业：用 AI 重构农田管理 “神经网”
目录 一、引言二、DeepSeek 技术大揭秘2.1 核心架构解析2.2 关键技术剖析 三、智能农业无人农场协同作业现状3.1 发展现状概述3.2 协同作业模式介绍 四、DeepSeek 的 “农场奇妙游”4.1 数据处理与分析4.2 作物生长监测与预测4.3 病虫害防治4.4 农机协同作业调度 五、实际案例大…...
均衡后的SNRSINR
本文主要摘自参考文献中的前两篇，相关文献中经常会出现MIMO检测后的SINR不过一直没有找到相关数学推到过程，其中文献[1]中给出了相关原理在此仅做记录。 1. 系统模型 复信道模型 n t n_t nt 根发送天线， n r n_r nr 根接收天线的 MIMO 系…...
C# 表达式和运算符(求值顺序)
求值顺序 表达式可以由许多嵌套的子表达式构成。子表达式的求值顺序可以使表达式的最终值发生 变化。 例如，已知表达式3*52，依照子表达式的求值顺序，有两种可能的结果，如图9-3所示。 如果乘法先执行，结果是17。如果5…...
通过 Ansible 在 Windows 2022 上安装 IIS Web 服务器
拓扑结构 这是一个用于通过 Ansible 部署 IIS Web 服务器的实验室拓扑。 前提条件： 在被管理的节点上安装WinRm 准备一张自签名的证书 开放防火墙入站tcp 5985 5986端口 准备自签名证书 PS C:\Users\azureuser> $cert New-SelfSignedCertificate -DnsName &…...
ubuntu系统文件误删(/lib/x86_64-linux-gnu/libc.so.6)修复方案 [成功解决]
报错信息：libc.so.6: cannot open shared object file: No such file or directory： #ls, ln, sudo...命令都不能用 error while loading shared libraries: libc.so.6: cannot open shared object file: No such file or directory重启后报错信息&…...