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

【JavaWeb】HTMLCSSJavaScript

news 2025/11/23 23:09:32

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

应用升级/灾备测试时使用guarantee 闪回点迅速回退

1.场景应用要升级,当升级失败时,数据库回退到升级前. 要测试系统,测试完成后,数据库要回退到测试前。相对于RMAN恢复需要很长时间， 数据库闪回只需要几分钟。 2.技术实现数据库设置 2个db_recovery参数创建guarantee闪回点，不需要开启数据库闪回。…...

编程新知 2025/7/30 7:20:17

服务器硬防的应用场景都有哪些？

服务器硬防是指一种通过硬件设备层面的安全措施来防御服务器系统受到网络攻击的方式，避免服务器受到各种恶意攻击和网络威胁，那么，服务器硬防通常都会应用在哪些场景当中呢？ 硬防服务器中一般会配备入侵检测系统和预防系统&#x…...

编程新知 2025/11/9 19:17:07

【Java学习笔记】BigInteger 和 BigDecimal 类

BigInteger 和 BigDecimal 类二者共有的常见方法方法功能add加subtract减multiply乘divide除注意点：传参类型必须是类对象一、BigInteger 1. 作用：适合保存比较大的整型数 2. 使用说明创建BigInteger对象传入字符串 3. 代码示例 import j…...

编程新知 2025/11/8 15:39:00

return this；返回的是谁

一个审批系统的示例来演示责任链模式的实现。假设公司需要处理不同金额的采购申请，不同级别的经理有不同的审批权限： // 抽象处理者：审批者 abstract class Approver {protected Approver successor; // 下一个处理者// 设置下一个处理者pub…...

编程新知 2025/10/16 22:41:12

招商蛇口 | 执笔CID，启幕低密生活新境

作为中国城市生长的力量，招商蛇口以“美好生活承载者”为使命，深耕全球111座城市，以央企担当匠造时代理想人居。从深圳湾的开拓基因到西安高新CID的战略落子，招商蛇口始终与城市发展同频共振，以建筑诠释对土地与生活的…...

编程新知 2025/11/16 21:57:28

云原生安全实战：API网关Envoy的鉴权与限流详解

🔥「炎码工坊」技术弹药已装填！ 点击关注 → 解锁工业级干货【工具实测|项目避坑|源码燃烧指南】一、基础概念 1. API网关作为微服务架构的统一入口，负责路由转发、安全控制、流量管理等核心功能。 2. Envoy 由Lyft开源的高性能云原生…...

编程新知 2025/11/22 12:37:29

学习 Hooks【Plan - June - Week 2】

一、React API React 提供了丰富的核心 API，用于创建组件、管理状态、处理副作用、优化性能等。本文档总结 React 常用的 API 方法和组件。 1. React 核心 API React.createElement(type, props, …children) 用于创建 React 元素，JSX 会被编译成该函数…...

编程新知 2025/11/5 9:43:08

解决MybatisPlus使用Druid1.2.11连接池查询PG数据库报Merge sql error的一种办法

目录前言一、问题重现 1、环境说明 2、重现步骤 3、错误信息二、关于LATERAL 1、Lateral作用场景 2、在四至场景中使用三、问题解决之道 1、源码追踪 2、关闭sql合并 3、改写处理SQL 四、总结前言在博客：【写在创作纪念日】基于SpringBoot和PostG…...

编程新知 2025/11/17 22:07:18

LTR-381RGB-01RGB+环境光检测应用场景及客户类型主要有哪些？

RGB环境光检测功能，在应用场景及客户类型： 1. 可应用的儿童玩具类型 (1) 智能互动玩具功能：通过检测环境光或物体颜色触发互动（如颜色识别积木、光感音乐盒）。客户参考： LEGO（乐高&#x…...

编程新知 2025/9/8 6:40:42

Go爬虫开发学习记录

Go爬虫开发学习记录基础篇：使用net/http库 Go的标准库net/http提供了完善的HTTP客户端功能，是构建爬虫的基石： package mainimport ("fmt""io""net/http" )func fetchPage(url string) string {// 创建自定…...

编程新知 2025/10/28 19:13:59

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 注意事项及细节

五、注册页面案例

相关文章：