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

【JavaWeb】HTMLCSSJavaScript

news 2025/9/6 1:13:54

HTML&CSS&JavaScript

文章目录

HTML&CSS&JavaScript
一、开发工具及在线帮助文档
二、 HTML
- 2.1 HTML&CSS&JavaScript的作用
- 2.2 HTML基础结构
- 2.3 HTML概念词汇解释
- 2.4 HTML的语法规则
- 2.5 常用标签
三、CSS
- 3.1 引入方式
- 3.2 CSS选择器
- 3.3 CSS浮动
- 3.4 CSS定位
- 3.5 CSS盒子模型
四、JavaScript
- 4.1 引入方式
- 4.2 JS 组成部分
- 4.3 BOM编程
- 4.4 DOM编程
- - 4.4.1 获取页面元素的几种方式
  - 4.4.2 操作元素属性值
  - 4.4.3 增删元素
- 4.5 注意事项及细节
五、注册页面案例

一、开发工具及在线帮助文档

前端工程师比较推崇的一款开发工具就是visual studio code,下载地址为:https://code.visualstudio.com/

插件：

Auto Rename Tag 自动修改标签对插件
Chinese Language Pack 汉化包
HTML CSS Support HTML CSS 支持
Intellij IDEA Keybindings IDEA快捷键支持
Live Server 实时加载功能的小型服务器
open in browser 通过浏览器打开当前文件的插件
Prettier-Code formatter 代码美化格式化插件
Vetur VScode中的Vue工具插件
vscode-icons 文件显示图标插件
Vue 3 snipptes 生成VUE模板插件
Vue language Features Vue3语言特征插件

在线帮助文档：

http://www.w3school.com.cn

二、 HTML

HTML是Hyper Text Markup Language的缩写。意思是超文本标记语言。它的作用是搭建网页结构，在网页上展示内容

2.1 HTML&CSS&JavaScript的作用

HTML 主要用于网页主体结构的搭建
CSS 主要用于页面元素美化
JavaScript 主要用于页面元素的动态处理

2.2 HTML基础结构

VSCode中创建html文件，输入 ! ，默认补全h5代码

<!DOCTYPE html>
<html lang="en">
<head><meta charset="UTF-8"><meta name="viewport" content="width=device-width, initial-scale=1.0"><title>Document</title>
</head>
<body></body>
</html>

2.3 HTML概念词汇解释

标签：代码中的一个 <> 叫做一个标签,有些标签成对出现,称之为双标签,有些标签单独出现,称之为单标签

属性：一般在开始标签中,用于定义标签的一些特征
文本：双标签中间的文字,包含空格换行等结构
元素：经过浏览器解析后,每一个完整的标签(标签+属性+文本)可以称之为一个元素

2.4 HTML的语法规则

无论是双标签还是单标签都需要正确关闭
属性必须有值，值必须加引号,H5中属性名和值相同时可以省略属性值
HTML中不允许自定义标签名,强行自定义则无效
HTML标签不严格区分大小写,但是不能大小写混用

2.5 常用标签

如需参考，强烈推荐看在线文档，参考一些标签中存在的最佳实践来开发。

https://www.w3school.com.cn/html/html5_intro.asp

三、CSS

CSS 层叠样式表(英文全称：(Cascading Style Sheets) 能够对网页中元素位置的排版进行像素级精确控制，支持几乎所有的字体字号样式，拥有对网页对象和模型样式编辑的能力，简单来说，美化页面

3.1 引入方式

行内式：通过元素开始标签的style属性引入, 样式语法为 样式名:样式值; 样式名:样式值;
内嵌式：写在html中，用 style 标签包裹
连接式/外部样式表：在项目单独创建css样式文件，在head标签中,通过link标签引入外部CSS样式文件

<link href="css/index.css" rel="stylesheet" type="text/css"/>

3.2 CSS选择器

简单选择器（根据名称、id、类来选取元素）
- 元素选择器：元素名 ；ID选择器：#id ；类选择器：.class
- 选择器之间可以组合，如：p.center 表示只有 class=“center” 的 p 元素才会被选中
- 选择时还可以以 , 分隔，表示元素都选取
组合选择器（根据它们之间的特定关系来选取元素）
- 后代选择器：空格 ；子选择器：> ；相邻兄弟选择器：+；通用兄弟选择器：~
伪类选择器（根据特定状态选取元素）
- 语法：selector:pseudo-class ，伪类有很多，可参考在线文档看，一般主要用于鼠标悬停提示等
伪元素选择器（选取元素的一部分并设置其样式）
- 语法：selector::pseudo-element ，具体使用参考在线文档
属性选择器（根据属性或属性值来选取元素）
- 语法：[attribute="value"] ，如 a[target="value"] 表示选择带有 target 属性等于 value 的 a 标签，还可以将符号换成 |= 表示 value 开头的元素，具体参考在线文档

3.3 CSS浮动

CSS 的 Float（浮动）使元素脱离文档流，按照指定的方向（左或右发生移动），直到它的外边缘碰到包含框或另一个浮动框的边框为止

浮动设计的初衷为了解决文字环绕图片问题，浮动后一定不会将文字挡住，这是设计初衷；故使用浮动时会把浮动框外的文字挤出去
文档流是文档中可显示对象在排列时所占用的位置/空间，而脱离文档流就是在页面中不占位置了

浮动原理：

当把框 1 向右浮动时，它脱离文档流并且向右移动，直到它的右边缘碰到包含框的右边缘

在这里插入图片描述

当框 1 向左浮动时，它脱离文档流并且向左移动，直到它的左边缘碰到包含框的左边缘。因为它不再处于文档流中，所以它不占据空间，实际上覆盖住了框 2，使框 2 从视图中消失。如果把所有三个框都向左移动，那么框 1 向左浮动直到碰到包含框，另外两个框向左浮动直到碰到前一个浮动框

在这里插入图片描述

如果包含框太窄，无法容纳水平排列的三个浮动元素，那么其它浮动块向下移动，直到有足够的空间。如果浮动元素的高度不同，那么当它们向下移动时可能被其它浮动元素“卡住”

在这里插入图片描述

3.4 CSS定位

position 属性规定应用于元素的定位方法的类型（static、relative、fixed、absolute 或 sticky）

这个属性定义建立元素布局所用的定位机制。任何元素都可以定位，不过绝对或固定元素会生成一个块级框，而不论该元素本身是什么类型。相对定位元素会相对于它在正常流中的默认位置偏移
元素可以使用的 top，bottom，left 和 right 属性定位。然而，这些属性无法单独工作，必须依赖于上面设置

static：默认值，静态定位，即没有定位，元素出现在该出现的位置，块级元素垂直排列，行内元素水平排列
absolute：绝对定位，通过方向属性指定元素相对页面窗口的页面位置；定位后元素会让出原来位置
relative：相对定位，相对原来位置通过方向属性定位；定位后保留原来的站位
fixed：固定定位，在浏览器窗口固定位置，且不会随着页面的上下移动而移动；元素定位后会让出原来的位置
sticky：粘性定位，根据用户的滚动位置进行定位，可参考在线文档

z-index 属性指定元素的堆栈顺序（哪个元素应放置在其他元素的前面或后面），具有较高堆叠顺序的元素始终位于具有较低堆叠顺序的元素之前。

注意：如果两个定位的元素重叠而未指定 z-index，则位于 HTML 代码中最后的元素将显示在顶部。

3.5 CSS盒子模型

所有HTML元素可以看作盒子，在CSS中，"box model"这一术语是用来设计和布局时使用。

CSS盒模型本质上是一个盒子，封装周围的HTML元素，它包括：边距（margin），边框（border），填充（padding），和实际内容（content）

在这里插入图片描述

说明：
- Margin(外边距) - 清除边框外的区域，外边距是透明的。
- Border(边框) - 围绕在内边距和内容外的边框。
- Padding(内边距) - 清除内容周围的区域，内边距是透明的。
- Content(内容) - 盒子的内容，显示文本和图像。

在这里插入图片描述

四、JavaScript

JS是一种运行于浏览器端上的小脚本语句,可以实现网页如文本内容动,数据动态变化和动画特效等。

4.1 引入方式

内部脚本：script 标签内嵌js代码
外部脚本：<script src="js/index.js" type="text/javascript"></script>

4.2 JS 组成部分

在这里插入图片描述

BOM编程：BOM是Browser Object Model的简写，即浏览器对象模型
DOM编程：DOM编程其实就是用window对象的document属性的相关API完成对页面元素的控制的编程
ECMAScript：JS 实现了 ES 的语言标准。JS 还在此基础上新增了一些拓展。ES即ECMAScript语法规则。

4.3 BOM编程

BOM是Browser Object Model的简写，即浏览器对象模型

window 顶级对象,代表整个浏览器窗口
- location对象 window对象的属性之一,代表浏览器的地址栏
- history对象 window对象的属性之一,代表浏览器的访问历史
- screen对象 window对象的属性之一,代表屏幕
- navigator对象 window对象的属性之一,代表浏览器软件本身
- document对象 window对象的属性之一,代表浏览器窗口目前解析的html文档
- console对象 window对象的属性之一,代表浏览器开发者工具的控制台
- localStorage对象 window对象的属性之一,代表浏览器的本地数据持久化存储
- sessionStorage对象 window对象的属性之一,代表浏览器的本地数据会话级存储

通过BOM编程实现会话级和持久级数据存储

会话级数据 : 内存型数据,是浏览器在内存上临时存储的数据,浏览器关闭后,数据失去,通过window的sessionStorge属性实现
持久级数据 : 磁盘型数据,是浏览器在磁盘上持久存储的数据,浏览器关闭后,数据仍在,通过window的localStorge实现
可以用于存储一些服务端响应回来的数据，比如：token令牌,或者一些其他功能数据

// 会话级数据
window.sessionStorage.setItem("sessionMsg","sessionValue");
// 持久级数据
window.localStorage.setItem("localMsg","localValue");

4.4 DOM编程

DOM(Document Object Model)编程就是使用document对象的API完成对网页HTML文档进行动态修改，以实现网页数据和样式动态变化效果的编程

dom树中节点的类型

node 节点,所有结点的父类型
- element 元素节点,node的子类型之一,代表一个完整标签
- attribute 属性节点,node的子类型之一,代表元素的属性
- text 文本节点,node的子类型之一,代表双标签中间的文本

4.4.1 获取页面元素的几种方式

在整个文档范围内查找元素结点

功能	API	返回值
根据id值查询	document.getElementById(“id值”)	一个具体的元素节
根据标签名查询	document.getElementsByTagName(“标签名”)	元素节点数组
根据name属性值查询	document.getElementsByName(“name值”)	元素节点数组
根据类名查询	document.getElementsByClassName(“类名”)	元素节点数组

在具体元素节点范围内查找子节点

功能	API	返回值
查找子标签	element.children	返回子标签数组
查找第一个子标签	element.firstElementChild	标签对象
查找最后一个子标签	element.lastElementChild	节点对象

查找指定子元素节点的父节点

功能	API	返回值
查找指定元素节点的父标签	element.parentElement	标签对象

查找指定元素节点的兄弟节点

功能	API	返回值
查找前一个兄弟标签	node.previousElementSibling	标签对象
查找后一个兄弟标签	node.nextElementSibling	标签对象

4.4.2 操作元素属性值

属性操作

需求	操作方式
读取属性值	元素对象.属性名
修改属性值	元素对象.属性名=新的属性值

内部文本操作

需求	操作方式
获取或者设置标签体的文本内容	element.innerText
获取或者设置标签体的内容	element.innerHTML

4.4.3 增删元素

API	功能
document.createElement(“标签名”)	创建元素节点并返回，但不会自动添加到文档中
document.createTextNode(“文本值”)	创建文本节点并返回，但不会自动添加到文档中
element.appendChild(ele)	将ele添加到element所有子节点后面
parentEle.insertBefore(newEle,targetEle)	将newEle插入到targetEle前面
parentEle.replaceChild(newEle, oldEle)	用新节点替换原有的旧子节点
element.remove()	删除某个标签

4.5 注意事项及细节

== 和 === 的差别：对于 == 符号，如果两端的数据类型不一致，会先进行类型转换再比较，故最好使用 ===
小数 Number 类型会存在精度问题，优先考虑使用decimal，高精度要求情况下，前后端数字类型交互可考虑用字符串

五、注册页面案例

在这里插入图片描述

<!DOCTYPE html>
<html lang="en"><head><meta charset="UTF-8"><title>登陆页面</title><style>html {margin-top: 15%;}.ht{text-align: center;color: cadetblue;font-family: 幼圆;}.tab{width: 500px;border: 5px solid cadetblue;margin: 0px auto;border-radius: 5px;font-family: 幼圆;}.ltr td{border: 1px solid  powderblue;}.ipt{border: 0px;width: 50%;}.btn1{border: 2px solid powderblue;border-radius: 4px;width:60px;background-color: antiquewhite;}.msg {color: gold;}.buttonContainer{text-align: center;}</style><script>function checkUsername(){var usernameReg = /^[a-zA-Z0-9]{5,10}$/var usernameInput = document.getElementById("usernameInput")  var username = usernameInput.value  var usernameMsg = document.getElementById("usernameMsg")if(!usernameReg.test(username)){usernameMsg.innerText="格式有误"return false} usernameMsg.innerText="OK"return true }function checkUserPwd(){var userPwdReg = /^\d{6}$/var userPwdInput = document.getElementById("userPwdInput")  var userPwd = userPwdInput.value  var userPwdMsg = document.getElementById("userPwdMsg")if(!userPwdReg.test(userPwd)){userPwdMsg.innerText="格式有误"return false} userPwdMsg.innerText="OK"return true }function checkReUserPwd(){var userPwdReg = /^\d{6}$/// 再次输入的密码的格式var reUserPwdInput = document.getElementById("reUserPwdInput")  var reUserPwd = reUserPwdInput.value var reUserPwdMsg = document.getElementById("reUserPwdMsg")if(!userPwdReg.test(reUserPwd)){reUserPwdMsg.innerText="格式有误"return false} // 获得上次密码,对比两次密码是否一致var userPwdInput = document.getElementById("userPwdInput")  var userPwd = userPwdInput.value  if(reUserPwd != userPwd){reUserPwdMsg.innerText="两次密码不一致"return false} reUserPwdMsg.innerText="OK"return true }function checkForm(){var flag1 = checkUsername()var flag2 = checkUserPwd()var flag3 = checkReUserPwd()return flag1 && flag2 && flag3}</script></head><body><h1 class="ht">欢迎使用XX管理系统</h1><form method="post" action="/user/regist" onsubmit="return checkForm()"><table class="tab" cellspacing="0px"><tr class="ltr"><td>请输入账号</td><td><input class="ipt" id="usernameInput" type="text" name="username" onblur="checkUsername()"><span id="usernameMsg" class="msg"></span></td></tr><tr class="ltr"><td>请输入密码</td><td><input class="ipt" id="userPwdInput" type="password" name="userPwd" onblur="checkUserPwd()"><span id="userPwdMsg" class="msg"></span></td></tr><tr class="ltr"><td>确认密码</td><td><input class="ipt" id="reUserPwdInput" type="password" onblur="checkReUserPwd()"><span id="reUserPwdMsg" class="msg"></span></td></tr><tr class="ltr"><td colspan="2" class="buttonContainer"><input class="btn1" type="submit" value="注册"><input class="btn1" type="reset" value="重置"><button class="btn1"><a  href="login.html">去登录</a></button></td></tr></table></form></body>
</html>

【JavaWeb】HTMLCSSJavaScript

HTML&CSS&JavaScript 文章目录 HTML&CSS&JavaScript一、开发工具及在线帮助文档二、 HTML2.1 HTML&CSS&JavaScript的作用2.2 HTML基础结构2.3 HTML概念词汇解释2.4 HTML的语法规则2.5 常用标签三、CSS3.1 引入方式3.2 CSS选择器3.3 CSS浮动3.4 CSS定位…...

编程日记 2023/11/27 6:52:58

如何在没有备份的情况下恢复 iPhone 上已删除的短信

要在没有备份的情况下恢复 iPhone 上已删除的消息，您可以从“消息”应用程序恢复它们或使用第三方数据恢复工具。虽然我们的 iPhone 可以做很多事情，但我在设备上最常做的事情之一就是文本。无论我是与朋友或家人联系，还是分享重要信息&…...

编程日记 2023/11/27 6:51:57

tomcat-pass-getshell 弱口令漏洞复现

tomcat-pass-getshell 弱口令漏洞复现名称: tomcat-pass-getshell 弱口令描述: Tomcat是Apache 软件基金会（Apache Software Foundation）的Jakarta 项目中的一个核心项目，由Apache、Sun 和其他一些公司及个人共同开发而成。通过弱口令登…...

编程日记 2023/11/27 6:50:56

利用 LD_PRELOAD 环境变量

文章目录原理LD_PRELOAD介绍如何上传.so文件例题 [虎符CTF 2022]ezphp 原理 LD_PRELOAD介绍 LD_PRELOAD是Linux系统的一个环境变量，它可以影响程序的运行时的链接（Runtime linker），它允许你定义在程序运行前优先加载的动态链接…...

编程日记 2023/11/27 6:49:54

黑马点评-Feed流的实现方案,基于推拉结合模式实现笔记推送

Feed流实现方案我们关注了博主之后,当用户发布了动态后我们应该把这些数据推送给粉丝,关注推送也叫作Feed(投喂)流,通过无限下拉刷新获取新的信息传统的模式内容检索: 粉丝需要主动通过搜索引擎或者是其他方式去查找想看的内容新型Feed流的效果: 系统分析用户到底想看什么,…...

编程日记 2023/11/27 6:48:52

Re53：读论文 How Can We Know What Language Models Know?

诸神缄默不语-个人CSDN博文目录诸神缄默不语的论文阅读笔记和分类论文名称：How Can We Know What Language Models Know? ArXiv网址：https://arxiv.org/abs/1911.12543 官方GitHub项目（prompt之类的都有）：https:…...

编程日记 2023/11/27 6:47:50

YARN工作流程详解

图1 图2 图1 -作业提交阶段： 1、client 提交job,向 ResourceManager【RM】申请job_id; 2、RM 返回 job_id 及资源提交路径给 client 3、client 把job所需的资源提交到 3中指定的路径中 4、client 上传完成资源后，向RM 发送执行作业请求，RM…...

编程日记 2023/11/27 6:46:48

力扣373场周赛题解

第一题： 这个题是一个简单题，数据范围也特别小，所以直接使用模拟方式暴力解答。直接进行行移动的过程，然后检查移动后的结果是否与移动前相同。代码： public class Solution {// 将指定行循环右移k次pri…...

编程日记 2023/11/27 6:45:47

编程语言发展史：Rust语言的出现和特点

一、Rust语言的出现 Rust语言是一种由Mozilla开发的系统级编程语言，该语言于2010年首次公布，由Graydon Hoare在Mozilla的工作期间开发，最初是为了替代C而设计的。Rust语言的目标是提供一种安全、高效、并发性强的编程语言，同时保…...

编程日记 2023/11/27 6:43:45

1.配置Centos系统静态IP vi/etc/sysconfig/network-scripts/ifcfg-ens33BOOTPROTOstaticIPADDR192.168.1.100NETMASK255.255.255.0GATEWAY192.168.1.1DNS18.8.8.8:wqsudo systemctl restart network.service 2.安装BIND（需要服务器连接互联网，如果服务…...

编程日记 2023/11/27 6:42:44

spark中write算子和format算子详解

在spark中，想要往数据库或者某sink路径里面写数据，存到外部存储系统，如文件系统、数据库或数据仓库，经常会用到write算子。具体来说，write算子通常与DataFrame或Dataset API一起使用，用于将数据写入持久化…...

编程日记 2023/11/27 6:40:42

设计模式—接口隔离原则（ISP）

1.背景 2002 年罗伯特C.马丁给“接口隔离原则”的定义是：客户端不应该被迫依赖于它不使用的方法（Clients should not be forced to depend on methods they do not use）。该原则还有另外一个定义：一个类对另一个类的依赖应该建立…...

编程日记 2023/11/27 6:39:42

Jenkins用126邮箱发邮件为什么发不出去

1、检查 Jenkins Location中的邮件地址配置与发邮件的地址配置是否一致 Manage Jenkins -》 system 2、检查地址和端口号 3、检查邮箱的登录配置是否正确（这个地方的配置方式网上一抓一大把，自己搜一下就好） 4、126邮箱发邮件不需要勾选ssl协…...

编程日记 2023/11/27 6:38:41

怎么给数据库某个字段建立一个前缀索引

说明：SQL调优中重要的一个环节是建立索引，其中有一条是字段值过长字段应该建立前缀索引，即根据字段值的前几位建立索引，像数据库中的密码字段、UUID字段。因为其随机性，其实根据前几位就可以锁定某一条记录了。前缀索…...

编程日记 2023/11/27 6:37:40

C# 图片下载工具类

写在前面从浏览器的Html文本中获取图片链接并保存到本地，同时对图片的分辨率和品质进行处理，以满足某些平台的规格需求；可以放到多线程中调用以提高下载效率。代码实现 public class ImageDownloader{private int minImageSize 1024 * 1…...

编程日记 2023/11/27 6:36:39

嵌入式硬件电路·电平

目录 1. 电平的概念 1.1 高电平 1.2 低电平 2. 电平的使用场景 2.1 高电平使能 2.2 低电平使能 2.3 失能 1. 电平的概念电平是指电信号电压的大小或高低状态。在数字电子学中，电平有两种状态，高电平和低电平，用来表示二进制中…...

编程日记 2023/11/27 6:35:38

Python文件路径常用操作

1 文件路径在进行数据处理时，经常要用代码去读文件里的数据，那么首先就得知道这个文件的文件路径。文件路径简单地说就是文件的存放位置。文件路径分为两块：文件夹路径和文件名，文件名又分为文件基本名和扩展名。举例说明&…...

编程日记 2023/11/27 6:33:34

Redis-Redis 高并发分布式锁

集群分布式场景高并发 1.negix配置代理和路由高并发场景超卖问题 1.使用原生redis控制超卖时(若是商品，则可以将商品id作为锁对象)，会遇到的问题问题一：若直接使用：将获取锁的对象和设置的超时的时间分开，则不能控…...

编程日记 2023/11/27 6:31:32

【推荐系统】MMOE笔记 20231126

paper阅读任务差异带来的固有冲突实际上会损害至少某些任务的预测，特别是当模型参数在所有任务之间广泛共享时。（在说ESMM） 共享底层参数可以减少过拟合风险，但是会遇到任务差异引起的优化冲突，因为所有任务都需要在…...

编程日记 2023/11/27 6:30:31

4. 标准 IO 库

4. 标准 IO 库 1. 标准 IO 简介2. FILE 指针3. 标准输入、标准输出和标准错误4. fopen() 和 flose()5. fread() 和 fwrite()6. fseek 定位7. 检查或复位状态7.1 feof()7.2 ferrof()7.3 clearerr() 8. 格式化 IO8.1 格式化输出8. 2 格式化输入 9. IO 缓冲9.1 文件 IO 的内核缓冲…...

编程日记 2023/11/27 6:29:30

挑战杯推荐项目

“人工智能”创意赛 - 智能艺术创作助手：借助大模型技术，开发能根据用户输入的主题、风格等要求，生成绘画、音乐、文学作品等多种形式艺术创作灵感或初稿的应用，帮助艺术家和创意爱好者激发创意、提高创作效率。 - 个性化梦境…...

编程新知 2025/9/6 0:14:10

Python爬虫实战：研究feedparser库相关技术

1. 引言 1.1 研究背景与意义在当今信息爆炸的时代，互联网上存在着海量的信息资源。RSS（Really Simple Syndication）作为一种标准化的信息聚合技术，被广泛用于网站内容的发布和订阅。通过 RSS，用户可以方便地获取网站更新的内容，而无需频繁访问各个网站。然而，互联网…...

编程新知 2025/8/18 9:54:31

JVM 内存结构详解

内存结构运行时数据区： Java虚拟机在运行Java程序过程中管理的内存区域。程序计数器： 线程私有，程序控制流的指示器，分支、循环、跳转、异常处理、线程恢复等基础功能都依赖这个计数器完成。每个线程都有一个程序计数…...

编程新知 2025/9/3 11:48:38

Python Einops库：深度学习中的张量操作革命

Einops（爱因斯坦操作库）就像给张量操作戴上了一副"语义眼镜"——让你用人类能理解的方式告诉计算机如何操作多维数组。这个基于爱因斯坦求和约定的库，用类似自然语言的表达式替代了晦涩的API调用，彻底改变了深度学习工程…...

编程新知 2025/6/16 17:16:14

Elastic 获得 AWS 教育 ISV 合作伙伴资质，进一步增强教育解决方案产品组合

作者：来自 Elastic Udayasimha Theepireddy (Uday), Brian Bergholm, Marianna Jonsdottir 通过搜索 AI 和云创新推动教育领域的数字化转型。我们非常高兴地宣布，Elastic 已获得 AWS 教育 ISV 合作伙伴资质。这一重要认证表明，Elastic 作为 …...

编程新知 2025/9/3 21:29:46

【Kafka】Kafka从入门到实战：构建高吞吐量分布式消息系统

Kafka从入门到实战：构建高吞吐量分布式消息系统一、Kafka概述 Apache Kafka是一个分布式流处理平台，最初由LinkedIn开发，后成为Apache顶级项目。它被设计用于高吞吐量、低延迟的消息处理，能够处理来自多个生产者的海量数据，并将这些数据实时传递给消费者。 Kafka核心特…...

编程新知 2025/7/18 7:59:36

客户案例 | 短视频点播企业海外视频加速与成本优化：MediaPackage+Cloudfront 技术重构实践

01技术背景与业务挑战某短视频点播企业深耕国内用户市场，但其后台应用系统部署于东南亚印尼 IDC 机房。随着业务规模扩大，传统架构已较难满足当前企业发展的需求，企业面临着三重挑战： ① 业务：国内用户访问海外服…...

编程新知 2025/9/2 16:46:55

以太网PHY布局布线指南

1. 简介对于以太网布局布线遵循以下准则很重要，因为这将有助于减少信号发射，最大程度地减少噪声，确保器件作用，最大程度地减少泄漏并提高信号质量。 2. PHY设计准则 2.1 DRC错误检查首先检查DRC规则是否设置正确，然…...

编程新知 2025/9/4 2:28:26

零基础在实践中学习网络安全-皮卡丘靶场（第十一期-目录遍历模块）

经过前面几期的内容我们学习了很多网络安全的知识，而这期内容就涉及到了前面的第六期-RCE模块，第七期-File inclusion模块，第八期-Unsafe Filedownload模块。什么是"遍历"呢：对学过一些开发语言的朋友来说应该知道&…...

编程新知 2025/9/5 21:33:21

多模态学习路线（2）——DL基础系列

目录前言一、归一化 1. Layer Normalization (LN) 2. Batch Normalization (BN) 3. Instance Normalization (IN) 4. Group Normalization (GN) 5. Root Mean Square Normalization（RMSNorm） 二、激活函数 1. Sigmoid激活函数（二分类&…...

编程新知 2025/9/2 18:26:19

HTML&CSS&JavaScript

文章目录

一、开发工具及在线帮助文档

二、 HTML

2.1 HTML&CSS&JavaScript的作用

2.2 HTML基础结构

2.3 HTML概念词汇解释

2.4 HTML的语法规则

2.5 常用标签

三、CSS

3.1 引入方式

3.2 CSS选择器

3.3 CSS浮动

3.4 CSS定位

3.5 CSS盒子模型

四、JavaScript

4.1 引入方式

4.2 JS 组成部分

4.3 BOM编程

4.4 DOM编程

4.4.1 获取页面元素的几种方式

4.4.2 操作元素属性值

4.4.3 增删元素

4.5 注意事项及细节

五、注册页面案例

相关文章：