当前位置： 首页 > news >正文

前端常问的宏观“大”问题详解

news 来源：原创 2025/7/18 4:47:50

HTML5新特性包括那些

HTML5新特性详解

HTML5作为现代网页开发的核心标准，引入了多项革新特性，涵盖语义化标签、多媒体支持、表单增强及新API等，显著提升了网页功能与开发效率。以下是其核心新特性的分类总结：

在这里插入图片描述

一、语义化标签

HTML5新增了语义化布局标签，替代传统无意义的div，优化了文档结构并提升搜索引擎理解能力：
• 头部与底部：

<header>页面头部</header>
<footer>页面底部</footer>

• 内容区块：

<article>独立内容（如文章）</article>
<section>文档分区</section>
<nav>导航栏</nav>
<aside>侧边栏（如广告、说明）</aside>

• 特殊用途：
<main>定义主内容区，<figure>与<figcaption>用于图文关联。
注意：IE9需设置display: block以支持这些标签。

二、多媒体支持

HTML5通过原生标签支持音视频嵌入，减少对Flash插件的依赖：

  1. 音频标签：

    <audio controls autoplay loop><source src="audio.mp3" type="audio/mpeg"><source src="audio.ogg" type="audio/ogg">您的浏览器不支持音频播放。
</audio>

    • 属性：controls显示控件，autoplay自动播放（需配合muted绕过浏览器限制），loop循环。

  2. 视频标签：

    <video width="500" poster="loading.jpg"

相关文章：

前端常问的宏观“大”问题详解

HTML5新特性包括那些 HTML5新特性详解 HTML5作为现代网页开发的核心标准，引入了多项革新特性，涵盖语义化标签、多媒体支持、表单增强及新API等，显著提升了网页功能与开发效率。以下是其核心新特性的分类总结： 一、语义化标签 HTML5新增了语义化布局标签，替代传统无意义…...

编程日记 2025/7/18 4:47:50

华为机试练习

挑7_牛客题霸_牛客网 整数转换为字符串String numStr String.valueOf(str); String有一个contains方法&#xff0c;查看是否包含字符串 import java.util.Scanner;// 注意类名必须为 Main, 不要有任何 package xxx 信息 public class Main {public static void main(String…...

编程日记 2025/7/16 22:34:52

压力测试未覆盖边界条件的后果有哪些

压力测试未覆盖边界条件可能导致的主要后果包括产品稳定性下降、潜在故障隐患未被识别、用户体验下降及企业信誉受损。其中&#xff0c;最直接且明显的后果是产品稳定性下降。产品在极限或边界条件下通常最容易暴露缺陷&#xff0c;如果压力测试未充分覆盖这些边界条件&#xf…...

编程日记 2025/7/15 13:55:03

编程技术水平横向和垂直发展的抉择全方位分析

文章目录 摘要引言一、横向发展的全面分析二、垂直发展的深度剖析三、发展路径的决策模型四、两者结合的协同策略五、行业应用与趋势分析六、结论 摘要 本文全面分析了编程技术发展中横向扩展与垂直深化的战略抉择。通过系统比较两种发展路径的特点、优势、劣势及应用场景&…...

编程日记 2025/7/15 1:29:18

Docker技术系列文章，第十篇——Docker 集群与编排（以 Kubernetes 为例）

本篇内容作为docker系列的收尾之作&#xff0c;之所以选择本篇作为收尾之作&#xff0c;是因为小编觉得 这十篇内容已经满足基础的docker应用中的需求了&#xff1b;关注小编&#xff0c;小编后期还会不定时的更新docker相关的知识点。希望诸君共同努力&#xff0c;都能收获的愈…...

编程日记 2025/7/18 4:25:13

iPhone mini，永远再见了

世界属于多数派&#xff0c;尽管有极少数人对 iPhone mini 情有独钟&#xff0c;但因为销量惨淡&#xff0c;iPhone mini 还是逃不开停产的命运。 据 Counterpoint 的数据&#xff0c;iPhone 12/13 mini 两代机型&#xff0c;仅占同期 iPhone 销量的 5%。 因为是小屏手机&…...

编程日记 2025/7/18 1:10:39

第五周日志-重新学汇编（2）

机器语言 汇编语言(直接在硬件上工作——硬件系统结构&#xff09;&#xff1a; 1.机器语言 每一种微处理器硬件设计和内部结构不同&#xff08;决定了电信号不同&#xff0c;进而需要不同的机器指令&#xff09; #早期通过纸带机/卡片机输入计算机&#xff0c;进行运算 2…...

编程日记 2025/7/15 20:05:46

Qt正则表达式QRegularExpression

在 Qt 中&#xff0c;正则表达式是处理文本的强大工具&#xff0c;它能够帮助我们匹配、搜索和替换特定的字符串模式。自 Qt 5 起&#xff0c;QRegularExpression 类提供了对 ECMAScript 标准的正则表达式支持&#xff0c;这使得它在处理各种复杂的字符串任务时变得更加高效和灵…...

编程日记 2025/7/12 20:09:30

Java-servlet（十）使用过滤器，请求调度程序和Servlet线程（附带图谱表格更好对比理解）

Java-servlet&#xff08;十&#xff09;使用过滤器&#xff0c;请求调度程序和Servlet线程 前言一、Servlet 间通信&#xff08;了解即可&#xff09;二、Servlet 请求处理&#xff1a;getAttribute 和 getParameter 的区别与应用1.getAttribute 方法2.getParameter 方法 三、…...

编程日记 2025/7/15 8:36:23

【环路补偿】环路补偿的九种类型-mathcad计算书免费下载

环路补偿的九种类型-mathcad计算书免费下载 通过网盘分享的文件&#xff1a;环路补偿的9种类型.xmcd 链接: https://pan.baidu.com/s/1QIwsKsbv-WyyYgGc4P1eqg?pwd4sar 提取码: 4sar --来自百度网盘超级会员v3的分享...

编程日记 2025/6/28 3:00:56

【极速版 -- 大模型入门到进阶】LORA：大模型轻量级微调

文章目录 &#x1f30a; 有没有低成本的方法微调大模型&#xff1f;&#x1f30a; LoRA 的核心思想&#x1f30a; LoRA 的初始化和 r r r 的值设定&#x1f30a; LoRA 实战&#xff1a;LoraConfig参数详解 论文指路&#xff1a;LORA: LOW-RANK ADAPTATION OF LARGE LANGUAGE M…...

编程日记 2025/6/27 2:40:09

六十天前端强化训练之第三十二天之Babel 转译配置大师级深度讲解

欢迎来到编程星辰海的博客讲解 看完可以给一个免费的三连吗&#xff0c;谢谢大佬&#xff01; 目录 一、核心概念与知识体系详解 1. Babel 工作原理全景解析 二、完整配置方案&#xff08;带详细注释&#xff09; 1. 进阶版 .babelrc 配置 2. Webpack 集成配置&#xff08…...

编程日记 2025/7/16 23:09:25

nginx部署前端项目（linux、docker）

引言 在CentOS 7系统上使用docker安装nginx&#xff0c;使用nginx部署一个由Vue开发、打包的项目 docker安装nginx 这里不多赘述&#xff0c;直接上docker-compose.yml代码 nginx:container_name: nginximage: nginx:1.27.2ports:- "80:80"volumes:- /docker/ngin…...

编程日记 2025/7/12 13:37:22

支付页面安全与E-Skimming防护----浅谈PCI DSS v4.0.1要求6.4.3与11.6.1的实施

关键词&#xff1a;支付页面安全、E-Skimming、PCI DSS v4.0.1、第三方脚本、风险管理、持卡人数据、数据安全、第三方服务提供商、TPSP、内容安全、网页监控、恶意脚本攻击 本文为atsec和作者技术共享类文章&#xff0c;旨在共同探讨信息安全的相关话题。转载请注明&#xff…...

编程日记 2025/7/16 16:35:33

配置完nfs后vmware虚拟机下ubuntu/无法联网问题

背景&#xff1a;我在用imx6ull配置完nfs和tftp后&#xff0c;哪怕还原了设置也连不上网&#xff0c;网上的教程都没用&#xff0c;什么配置路由&#xff0c;配置ip&#xff0c;配置什么用户文件&#xff0c;都没用&#xff0c;最后试出来了一个方法&#xff0c;解决问题。 方法…...

编程日记 2025/6/28 1:41:31

【含文档+PPT+源码】基于大数据的交通流量预测系统

项目介绍 本课程演示的是一款基于大数据的交通流量预测系统&#xff0c;主要针对计算机相关专业的正在做毕设的学生与需要项目实战练习的 Java 学习者。 包含&#xff1a;项目源码、项目文档、数据库脚本、软件工具等所有资料 带你从零开始部署运行本套系统 该项目附带的源码…...

编程日记 2025/7/17 20:43:15

关于Qt的各类问题

目录 1、问题&#xff1a;Qt中文乱码 2、问题&#xff1a;启动时避免ComBox控件出现默认值 博客会不定期的更新各种Qt开发的Bug与解决方法,敬请关注! 1、问题&#xff1a;Qt中文乱码 问题描述&#xff1a;我在设置标题时出现了中文乱码 this->setWindowTitle("算法…...

编程日记 2025/7/15 11:56:12

Oracle19C的启动及停止

在 Oracle 19c 中&#xff0c;停止和启动数据库实例是常见的操作。以下是详细的步骤&#xff0c;涵盖单实例和 RAC 环境。 1. 停止 Oracle 19c 数据库实例 1.1 使用 SQL*Plus 停止数据库 连接到数据库实例&#xff1a; sqlplus / as sysdba 停止数据库&#xff1a; 正常关闭…...

编程日记 2025/7/17 22:46:57

端侧设备（如路由器、家庭网关、边缘计算盒子、工业网关等）的典型系统、硬件配置和内存大小

🏠 家用/工业级边缘设备硬件概览 类型常见设备示例CPU 架构内存范围操作系统类型家用路由器TP-Link、小米、华硕、OpenWrtARM Cortex-A7/A964MB～256MBOpenWrt / DD-WRT / Embedded Linux智能家庭网关华为、绿米、天猫精灵、Aqara HubARM Cortex-M/R128MB～512MBEmbedded Lin…...

编程日记 2025/7/16 1:51:15

tcp接发json字符串

因工作需要对接硬件设备,需要通过tcp协议接收发送字符串,而字符串里面全是json字符串,登陆用json对象发送,心跳也用json发送,设备检测到信号后自动推送的也是json字符串,只要登陆后心跳就要每过10秒发送一次,而信号的推送则是在登陆后的任意时间发生.每个json与json之间没有换行…...

编程日记 2025/7/9 13:50:48

string模拟实现-C++

一、目标 string函数是C中常用的库函数&#xff0c;在string中有许多操作函数&#xff0c;对于一些常用的操作函数&#xff0c;我们可以自己模拟实现一下。 实现的操作有&#xff1a; 迭代器 构造函数 拷贝构造函数 析构函数 赋值运算符重载 c_str() size() [ ]运算符重…...

编程日记 2025/7/17 1:20:43

uni-app AES 加密

uni-app 官网没有 加密 API 我们 可以 安装 crypto-js npm install crypto-js他会保存到项目中 node_modules import CryptoJS from ../node_modules/crypto-js //引用AES源码js const keyCode 012345678 //密钥 const ivCode 012345678 //偏移量const key CryptoJS.enc.Ut…...

编程日记 2025/7/17 1:10:15

【STM32】GPIO输入（按键）

目录 一、如何分辨GPIO输入使用什么电频二、输入抖动问题如何消抖三、示例代码 一、如何分辨GPIO输入使用什么电频 先看原理图 即可知道他的初始输入状态需要高电平 判断可知使用上拉输入 二、输入抖动问题如何消抖 电路图中, 按键输入有额外的电容电阻, 是为了消抖 消抖方…...

编程日记 2025/7/15 14:10:55

Manus AI 与多语言手写识别技术解析

Manus AI 与多语言手写识别技术解析 Manus AI 是一家专注于人工智能技术的公司&#xff0c;其多语言手写识别技术在多个领域展现了强大的应用潜力。本文将从技术原理、应用场景、优势与挑战等方面&#xff0c;深入解析 Manus AI 的多语言手写识别技术。 1. 技术原理 (1) 手写…...

编程日记 2025/7/16 19:10:58

每日总结3.28

蓝桥刷题 3227 找到最多的数 方法一&#xff1a;摩尔投票法 #include <bits/stdc.h> using namespace std; #define int long long signed main() { int n,m; cin>>n>>m; int a[m*n]; for(int i0;i<n*m;i) { cin>>a[i]; } int cand…...

编程日记 2025/7/15 14:16:42

NX二次开发刻字功能——预览功能

这个预览功能其实在NX软件中很常见，有利于建模者确定刻字的位置，这个功能早在唐康林老师的超级长方体教程中出现过。我只是学以致用。把该功能集成刻字中。 在勾选预览的同时，如果点击放大镜也就是显示预览结果，要刻字的对象透明度数值为70，同时预览结果文字会变成撤销，如…...

编程日记 2025/7/16 18:41:43

算法 ｜ 2024最新算法：鳑鲏鱼优化算法原理，公式，应用，算法改进研究综述，matlab代码

2024最新鳑鲏鱼优化算法（BFO）研究综述 鳑鲏鱼优化算法（Bitterling Fish Optimization, BFO）是2024年提出的一种新型群智能优化算法，受鳑鲏鱼独特的繁殖行为启发，通过模拟其交配、产卵和竞争机制进行全局优化。该算法在多个领域展现出优越性能，尤其在解决复杂非线性问题中…...

编程日记 2025/7/16 5:00:56

WPF基础知识（续）

六、WPF 中的样式和模板 样式定义&#xff1a; 可以在 XAML 中定义样式来统一 UI 元素的外观和风格。样式可以定义在资源字典中&#xff0c;也可以直接在窗口或控件的Resources属性中定义。例如&#xff0c;定义一个按钮的样式&#xff1a; <Window.Resources><Sty…...

编程日记 2025/7/11 14:10:58

Go 语言 sync 包使用教程

Go 语言 sync 包使用教程 Go 语言的 sync 包提供了基本的同步原语&#xff0c;用于在并发编程中协调 goroutine 之间的操作。 1. 互斥锁 (Mutex) 互斥锁用于保护共享资源&#xff0c;确保同一时间只有一个 goroutine 可以访问。 特点&#xff1a; 最基本的同步原语&#x…...

编程日记 2025/7/14 5:40:52

MybatisPlus（SpringBoot版）学习第四讲：常用注解

目录 1.TableName 1.1 问题 1.2 通过TableName解决问题 1.3 通过全局配置解决问题 2.TableId 2.1 问题 2.2 通过TableId解决问题 2.3 TableId的value属性 2.4 TableId的type属性 2.5 雪花算法 1.背景 2.数据库分表 ①垂直分表 ②水平分表 1>主键自增 2>取…...

编程日记 2025/7/16 8:55:35

集成开发环境革新：IntelliJ IDEA与Cursor AI的智能演进

集成开发环境革新&#xff1a;IntelliJ IDEA 与 Cursor AI 的智能演进 集成开发环境&#xff08;IDE&#xff09; 是软件开发者必不可少的工具。一个优秀的 IDE 不仅能够帮助编写和调试代码&#xff0c;还能集成版本控制和代码优化等多种功能。如今&#xff0c;随着人工智能&a…...

编程日记 2025/7/17 11:38:06

Qt弹出新窗口并关闭（一个按钮）

参考&#xff1a;Qt基础 练习&#xff1a;弹出新窗口并关闭的两种实现方式&#xff08;两个按钮、一个按钮&#xff09;_qt打开一个窗口另一个关闭-CSDN博客 实现&#xff1a; 一个按钮&#xff0c;点击一次&#xff0c;按钮的名字从open window变为close window&#xff0c;…...

编程日记 2025/7/18 1:09:14

暴力搜索算法详解与TypeScript实战

# 暴力搜索算法详解与TypeScript实战## 什么是暴力搜索&#xff1f;暴力搜索&#xff08;Brute Force Search&#xff09;是算法领域最基础的解题方法之一&#xff0c;其核心思想是**系统性地枚举所有可能的候选解**&#xff0c;并验证每个候选解是否满足问题条件。这种方法不依…...

编程日记 2025/7/12 16:45:16

[识记]Mysql8 远程授权

今天在测试docker时&#xff0c;因更换为Mysql8&#xff0c;使用SQL方式实现远程授权&#xff0c;其方式方法同于Mysql&#xff0c;但语句稍有不同&#xff0c;仅供参考。 登录mysql mysql -u root -p 输入密码: [请依据交互输入你的mysql密码]切换数据库 use mysql;选择需要…...

编程日记 2025/7/9 13:54:36

5.1 WPF路由事件以及文本样式

一、路由事件 WPF中存在一种路由事件&#xff08;routed event&#xff09;&#xff0c;该事件将发送到包含该控件所在层次的所有控件&#xff0c;如果不希望继续向更高的方向传递&#xff0c;只要设置e.Handled true即可。 这种从本控件-->父控件->父的父控件的事件&am…...

编程日记 2025/7/11 13:25:12

做规控算法时用到的一些简单函数和功能（c++）（持续更新中）

提示&#xff1a;文章写完后&#xff0c;目录可以自动生成&#xff0c;如何生成可参考右边的帮助文档 文章目录 前言一、将偏航角转换为四元数二、RCLCPP_INFO_STREAM(rclcpp::get_logger("mission_planner"),"&#xff08;打印标志位&#xff09;"<<…...

编程日记 2025/7/17 19:07:59

android studio 运行flutter项目

在Android Studio中运行Flutter项目 简介 Flutter是一个流行的跨平台移动应用开发框架&#xff0c;而Android Studio是一种强大的集成开发环境&#xff0c;支持Flutter开发。本文将介绍如何在Android Studio中运行Flutter项目&#xff0c;让开发者能够更加方便地进行Flutter应…...

编程日记 2025/7/15 12:52:14

如何用 Postman 进行高效的 Mock 测试？

Postman 是一个强大的 API 开发和测试工具&#xff0c;它可以让你轻松地创建和发送各种 HTTP 请求&#xff0c;查看响应结果&#xff0c;并进行调试和优化。但是有时候&#xff0c;你可能还没有开发好后端服务&#xff0c;或者想要模拟不同的响应场景&#xff0c;这时候就可以使…...

编程日记 2025/7/14 7:46:54

1718_js事件

目录 事件基础 一 DOM0级事件 1.1添加事件 1.2删除事件 二 DOM2级事件 2.1 添加事件 2.2 移除事件 三 常见的鼠标事件 四 其他事件 五 事件对象 5.1 获取事件对象 5.2 兼容写法 六 七、键盘事件 7.2键盘码 7.3 组合键 八、事件对象的属性 九、 事件冒泡 十…...

编程日记 2025/7/10 23:25:22

OpenCV图像输入输出模块imgcodecs

《OpenCV计算机视觉开发实践&#xff1a;基于Python&#xff08;人工智能技术丛书&#xff09;》(朱文伟&#xff0c;李建英)【摘要 书评 试读】- 京东图书 要处理图像&#xff0c;第一步就是把图像文件从磁盘上读取到内存&#xff0c;处理完毕后再保存到内存&#xff0c;所以…...

编程日记 2025/7/16 18:40:14

OAS光学分析软件 | 高光束反射器设计案例

简介 在光学设计领域&#xff0c;满足特定的光束要求并符合相关标准规范是设计的关键目标。本次设计旨在借助 OAS 光学分析软件&#xff0c;打造一个符合欧洲经委会&#xff08;ECE&#xff09;规定的高光束反射器。欧洲经委会对狭窄宽度&#xff08;高&#xff09;波束图案有…...

编程日记 2025/7/16 19:49:41

检查指定的IP地址和端口号是否可以连接

是的&#xff0c;Socket 类可以直接用来检查指定的IP地址和端口号是否可以连接。以下是一个简单的Java代码示例&#xff0c;展示如何使用 Socket 类来检查连接是否可用&#xff1a; import java.net.Socket; import java.net.UnknownHostException; public class NetworkCheck…...

编程日记 2025/7/14 3:46:28

【商城实战(93)】商城高并发实战：分布式锁与事务处理深度剖析

【商城实战】专栏重磅来袭&#xff01;这是一份专为开发者与电商从业者打造的超详细指南。从项目基础搭建&#xff0c;运用 uniapp、Element Plus、SpringBoot 搭建商城框架&#xff0c;到用户、商品、订单等核心模块开发&#xff0c;再到性能优化、安全加固、多端适配&#xf…...

编程日记 2025/7/15 14:14:44

【C++】模拟实现一颗二叉搜索树

❤️欢迎来到我的博客❤️ 前言 搜索二叉树是在二叉树的基础上加了一个特征&#xff1a;左子树的所有节点都小于根&#xff0c;右子树的所有节点都大于根&#xff08;每一颗子树都要满足&#xff09; 因为这个特性的存在&#xff0c;使得他特别擅长搜索数据 比如我要寻找10&a…...

编程日记 2025/7/16 22:20:18

vue 点击放大，图片预览效果

背景&#xff1a; 在vue框架element组件的背景下&#xff0c;我们对图片点击放大(单张)&#xff1b;如果是多张图片&#xff0c;要支持左右滑动查看多张图片(多张)。 图片单张放大&#xff0c;el-image图片组件&#xff0c;或者原生的img标签。previewSrcList string[单个] 图片…...

编程日记 2025/7/16 5:49:17

AI知识补全（七）：AI Agent 智能代理是什么？

名人说&#xff1a;人生如逆旅&#xff0c;我亦是行人。 ——苏轼《临江仙送钱穆父》 创作者&#xff1a;Code_流苏(CSDN)&#xff08;一个喜欢古诗词和编程的Coder&#x1f60a;&#xff09; 上一篇&#xff1a;AI知识补全&#xff08;六&#xff09;&#xff1a;RLHF 人类反馈…...

编程日记 2025/7/16 4:32:29

Java 中各种锁的使用详解

Java 锁的使用详解 Java 提供了多种锁机制来处理并发编程中的同步问题。下面我将通过代码示例来展示各种锁的使用方法和特点。 锁的选择指南 以下是选择合适锁的指南&#xff1a; 基本锁类型演示 // 由于这是在 Node.js 环境中模拟 Java 锁的概念&#xff0c;我们将使用注释…...

编程日记 2025/7/11 11:03:07

【GreenHills】GHS解决客户端在连接的时候提示在黑名单

1、 文档目标 解决GHS网络版客户在客户端连接的时候出现黑名单的问题 2、 问题场景 用于解决GHS的网络版客户在搭建完服务端后&#xff0c;客户端去连接服务的时候出现提示“在黑名单中”等情况&#xff08;如图2-1和图2-2&#xff09;。但是在服务器上面并没有设置黑名单。 …...

编程日记 2025/7/16 11:41:52

智能运维时代的网络拓扑管理：乐维监控的架构可视化实践

在数字化转型的浪潮中&#xff0c;企业IT基础设施正经历着前所未有的复杂化进程。当数以千计的网络设备、服务器、存储系统构成庞大网络体系时&#xff0c;如何实现全局可视化管理已成为企业数字化转型的关键命题。乐维监控网络拓扑系统作为新一代智能运维平台的核心组件&#…...

编程日记 2025/7/11 10:21:58

GitHub美化个人主页3D图表显示配置操作

这个功能主要是用的这个开源仓库&#xff1a;https://github.com/yoshi389111/github-profile-3d-contrib 想看效果的话&#xff0c;我的个人主页&#xff1a;https://github.com/Sjj1024 开始操作 1.创建自己的github主页属性项目——跟你github用户名一致即可&#xff0c;…...

编程日记 2025/7/16 20:03:28