Html/Css - 网站分类

学习 XQuery：XML数据查询的关键

XQuery 是 XML 数据的查询语言，类似于 SQL 是数据库的查询语言。它被设计用于查询 XML 数据。 XQuery 示例 for $x in doc("books.xml")/bookstore/book where $x/price > 30 order by $x/title retu ...

【布局进阶】巧用 :has & drop-shadow 实现复杂布局效果

最近，群里聊到了一个很有意思的布局效果。大致效果如下所示，希望使用 CSS 实现如下所示的布局效果：正常而言，我们的 HTML 结构大致是如下所示： <div class="g-container"> <div class="g-nav"> <ul> <li>Tab 1</li> <li>Tab ...

2024.4.15学习记录

锚点链接 <a href="#Cat"></a> 点击这个链接将为跳转到这个页面上id为Cat的页面利用这个功能，我们可以实现给一个页面插眼的功能。比如我们想建一个动物园的网站  <header> <ul> <li><a href="cat">Cats</a></li ...

vscode插件liveserver增加对thymeleaf模板的简单支持

vscode插件liveserver增加对thymeleaf模板的简单支持背景 vscode+liveserver开发时，多个页面引用的公用静态资源在每个页面都写一个遍比较麻烦,想让liveserver支持简单的thymeleaf语法，只要能把公用资源抽出来单独放到一个文件中声明即可。网上找了一 ...

css div居中布局居右布局

概述居中布局是最基本的布局方式，下面会通过示例展示如何设置css样式实现居中布局居中示例 <body> <div style="display: flex;">  <div class="first-div"> <div class="second-div"> ...

学习 XSLT：XML文档转换的关键

XSL（eXtensible Stylesheet Language）是一种用于 XML 的样式语言。 XSL(T) 语言 XSLT 是一种用于转换 XML 文档的语言。 XPath 是一种用于在 XML 文档中导航的语言。 XQuery 是一种用于查询 XML 文档的语言。它始于 XSL XSL ...

说说你对算法中时间复杂度，空间复杂度的理解？如何计算？

一、前言算法（Algorithm）是指用来操作数据、解决程序问题的一组方法。对于同一个问题，使用不同的算法，也许最终得到的结果是一样的，但在过程中消耗的资源和时间却会有很大的区别衡量不同算法之间的优劣主要是通过时间和空间两个维度去考量：时间维度：是指执行当前算法所消耗的时间，我们通常用「时间复 ...

XML文档节点导航与选择指南

XPath（XML Path Language）是XSLT标准的主要组成部分。它用于在XML文档中浏览元素和属性，提供了一种强大的定位和选择节点的方式。 XPath的基本特点代表XML路径语言： XPath是一种用于在XML文档中导航和选择节点的语言。路径样式语法： XPath使用路径表达式的“ ...

说说对WebSocket的理解？应用场景？

一、是什么 WebSocket，是一种网络传输协议，位于OSI模型的应用层。可在单个TCP连接上进行全双工通信，能更好的节省服务器资源和带宽并达到实时通迅客户端和服务器只需要完成一次握手，两者之间就可以创建持久性的连接，并进行双向数据传输从上图可见，websocket服务器与客户端通过握手连接， ...

说说TCP为什么需要三次握手和四次挥手？

一、三次握手三次握手（Three-way Handshake）其实就是指建立一个TCP连接时，需要客户端和服务器总共发送3个包主要作用就是为了确认双方的接收能力和发送能力是否正常、指定自己的初始化序列号为后面的可靠性传送做准备过程如下：第一次握手：客户端给服务端发一个 SYN 报文，并指明客 ...

说说地址栏输入 URL 敲下回车后发生了什么?

一、简单分析简单的分析，从输入 URL到回车后发生的行为如下： URL解析 DNS 查询 TCP 连接 HTTP 请求响应请求页面渲染二、详细分析 URL解析首先判断你输入的是一个合法的URL 还是一个待搜索的关键词，并且根据你输入的内容进行对应操作 URL的解析第过程中的第一步，一个ur ...

Postman模拟浏览器网页请求并获取网页数据

本文介绍在浏览器中，获取网页中的某一个请求信息，并将其导入到Postman软件，并进行API请求测试的方法。 Postman是一款流行的API开发和测试工具，它提供了一个用户友好的界面，用于创建、测试、调试和文档化API。本文就介绍一下这一工具的最基本用法——导入网页请求，并配置相关的Headers ...

HTML 单文件制作打字机切换动画

预览打字机动画是一种常见的网页效果，通常用于“我是某某”这样的场景，比如个人简介或者产品介绍，需要在多个词汇之间切换。这篇博文将从头开始制作类似的效果。它看起来像这样：我要成为赛马娘高手！如果这里的黄字不会动，可能是因为这里的架构不支持，请到https://penghy.com/?p=typ ...

DOM 节点遍历：掌握遍历 XML文档结构和内容的技巧

遍历是指通过或遍历节点树遍历节点树通常，您想要循环一个 XML 文档，例如：当您想要提取每个元素的值时。这被称为"遍历节点树"。下面的示例循环遍历所有 <book> 的子节点，并显示它们的名称和值： <!DOCTYPE html> <html> <body> <p id="demo"></p ...

说说 HTTP 常见的请求头有哪些? 作用？

一、是什么 HTTP头字段（HTTP header fields）,是指在超文本传输协议（HTTP）的请求和响应消息中的消息头部分它们定义了一个超文本传输协议事务中的操作参数 HTTP头部字段可以自己根据需要定义，因此可能在 Web服务器和浏览器上发现非标准的头字段下面是一个HTTP请求的请求头 ...

DOM（文档对象模型）：理解网页结构与内容操作的关键技术

DOM（文档对象模型）定义了一种访问和操作文档的标准。它是一个平台和语言无关的接口，允许程序和脚本动态访问和更新文档的内容、结构和样式。HTML DOM用于操作HTML文档，而XML DOM用于操作XML文档。 HTML DOM示例通过ID获取并修改HTML元素的值： <!DOCTYPE html ...

说说HTTP 常见的状态码有哪些，适用场景？

一、是什么 HTTP状态码（英语：HTTP Status Code），用以表示网页服务器超文本传输协议响应状态的3位数字代码它由 RFC 2616规范定义的，并得到 RFC 2518、RFC 2817、RFC 2295、RFC 2774与 RFC 4918等规范扩展简单来讲，http状态码的作用 ...

说说 HTTP1.0/1.1/2.0 的区别?

一、HTTP1.0 HTTP协议的第二个版本，第一个在通讯中指定版本号的HTTP协议版本 HTTP 1.0 浏览器与服务器只保持短暂的连接，每次请求都需要与服务器建立一个TCP连接服务器完成请求处理后立即断开TCP连接，服务器不跟踪每个客户也不记录过去的请求简单来讲，每次与服务器交互，都需要新开 ...

网页图像渐变的方法（HTML+CSS） (渐变与切换)

网页图像渐变的方法（HTML+CSS）（渐变与切换） Date: 2024.03.27 参考色彩 runoob-渐变色工具渐变 - 水平多图效果 HTML <div class="conBox pubCon"> <div class="imgBox"> <img class="img1" sr ...

如何理解CDN？说说实现原理？

一、是什么 CDN (全称 Content Delivery Network)，即内容分发网络构建在现有网络基础之上的智能虚拟网络，依靠部署在各地的边缘服务器，通过中心平台的负载均衡、内容分发、调度等功能模块，使用户就近获取所需内容，降低网络拥塞，提高用户访问响应速度和命中率。CDN 的关键技术主 ...