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

HTML - 扫盲

news 2025/7/8 0:52:58

文章目录

  • 1. 前言
  • 2. HTML
    • 2.1 下载 vscode
  • 3 HTML 常见标签
    • 3.1 注释标签
    • 3.2 标题标签
    • 3.3 段落标签
    • 3.4 换行标签
    • 3.5 格式化标签
      • 1. 加粗
      • 2. 倾斜
      • 3. 下划线
    • 3.6 图片标签
    • 3.7 超链接标签
    • 3.8 表格标签
    • 3.9 列表标签
  • 4. 表单标签
      • 4.1 from 标签
      • 4.2 input 标签
      • 4.3 select 标签
      • 4.4 textarea标签
  • 5. 无语义标签
  • 6. 案例
    • 6.1 代码案例1
    • 6.2 代码案例 2

 

1. 前言

 
到此 网络原理我们就看完了 ， 接下来就需要进入一个新的阶段 ， 也就是 正对 web 展开学习 .

 
这里进行web 开发 ，具体来说 就是 搭建一个网站 .

在这里插入图片描述

 
下面就来 学习一下 前端的知识 ， 对它 扫个盲 .

 
前端开发 主要使用 三个编程 语言 :

  1. HTML

  2. CSS

  3. java Script

这里 HTML 和 CSS 这两个语言 就不是 通常意义的编程语言 ， 通常的编程语言 ，是能表述逻辑的 ， 而这俩 表达不了 逻辑 .

这俩 东西 知识表达了 一些 “属性” , 描述 一个东西是啥样子的， 而不能 描述这个东西干了啥 .

 
具体来说 :

HTML 描述了 网页的骨架 (页面里有啥没啥)

CSS 描述 了 网页的样式 （形容词）

 
好比 你看到一个非常好看的妹子， 你和室友说，这里要如何表示 妹子好看呢 ？ 肤白貌美 大长腿 ，樱桃小嘴 等 这些 形容词 就 叫做样式 .

 
通过 HTML 和 CSS 就可以将我们的页面给描述出来，但是它是静态的 ，是无法和用户 交互 是 缺少灵魂 。

 
而我们的 JS 就是描述了网页的行为 (如何和用户交互)

 
有了 js 我们的网页就可以 是动态的 .

 
这里 HTML 就像人的骨一样 ， CSS 就是皮 ， 而 js 就是 魂 .

 
了解 ：

JS 是 当前前端开发最主要的 语言 ，统治地位已经 20 年了 , 这里 最开始 是 java 搞这个事情 (java 最开始 做前端) 后来被 微软被刺 ,
 
然后 java 跌落神坛 JS 乘机上位 .
 

现在 JS 也有 一些挑战者 其中威胁最大的 TS （TypeScript） 正是微软 搞得 .

 
TS 之父 正是 c# 之父 ， TS 和 JS 的关系 就是 C++ 和 C 的关系 (兼容) .

 

前端程序猿纷纷倒戈 ，投入 TS 的环抱 ， 时至今日 ， TS 的市场份额 ，应该应该已经超过 6 成了 (其实已经超过 JS) 包括 很多大厂 的知名产品都使用 TS 重构了 .

 
除此之外 还有一伙人 ，谷歌 因为安卓这里使用 java 吃了官司 ，怀恨在心 于是 搞下一代移动系统 搞了 Dart 语言 (Flutter 框架) , 这里 谷歌 野心很大 想要制霸全平台 ，

 
当前 客户端 的形态 1.网页 ， 2. PC 程序 ， 3. 移动端程序 。谷歌的 Dart 就希望 将这些平台都能制霸 ， 这一套程序写出的代码 ，能 在各个平台 都能运行 ，

 
因此 Dart 就成为了 JS 的竞争者 但是 很遗憾 这个东西 估计就 够呛了 (谷歌 Dart 团队 裁员了 ，意味着 这个团队变得更边缘了， 在加上 charGPT的威胁 ,
 
釜底抽薪的威胁到了 谷歌多年的垄断地位）

 
再然后 ： 前端 这么火 ， C++ , Python , Go , Rust … 是否眼馋这块肥肉呢 ？？？ 显然 是的 !!！

这些大佬 们联合起来 搞了个 web asm (浏览器上的汇编) , CPU 认得是 汇编 ， 这里不管是 啥语言 只要转成 webasm 此时就可以在浏览器上运行了 ， 就可以进行前端开发了 , 当前阶段这个东西还不够成熟 ，目前还难以威胁到 JS 的地位 .

 
下面正式开始 学习 HTML

 

2. HTML

 
HTML 描述网页的骨架 ， 是非常有特点的 标签化的语言 .

 
下面通过 写 一个 hello word 来 感受一下 .

 
这里 我们 直接 创建一个.html 文件 ，通过 记事本 来 写

在这里插入图片描述

​

 
稍微说一下 ：

 
上面我们是通过 记事本来 编写代码， 通过浏览器来运行程序的 .

 
这里的开发 开发 和 运行 是完全独立的两个东西 ， 我们之前写的java 代码 一直是写完代码 就通过 绿色的 三角进行运行 ， 这里就可能导致我们搞混来 .

 
开发 ： 是在程序猿的电脑上完成的写代码的过程 ，

运行 ： 则是在用户的电脑上完成具体的程序跑起来的过程 .

 
换句话来说 ： 一次开发 ， N次 运行 （我们写好的程序发布在网上， 有 1 w 个人下载 ， 此时我们的这个程序 就可能在这 1 w 个 人的电脑里 运行多次），

 
这里对于初学者来说 ，我们自己开发的程序，只有我们自己在运行， 尤其是运行操作都被集成到开发者工具中 （idea 写程序 点三角号 ，

就运行了） 此时 就会误以为 开发 和 运行是在一起的 .

 
我们刚刚写的 HTML 是直接在 浏览器中运行 ， 浏览器 就相当于 JVM 这样的角色 ， 我们 java 代码 运行在 JVM 上 ， HTML 包括 CSS ， JS 都是运行在浏览器上

 

2.1 下载 vscode

 
下面继续 ： 这里使用的是记事本 完成代码的编写 ，显然不是一个好的选着 ， 并没有 啥代码补全 等功能 , 降低了我们的开发效率 .

 
这里 就来介绍一下 ，当前前端开发，使用的开发环境 最主流的两个 :

  1. JB 系列 ： IDEA 如果是专业版(教育版) 本身 就是支持前端的 , 或者使用 JB 提供的 WebStorm .
  2. 使用 VSCode 他是完全免费的， 接下来的 HTML ， CSS ， JS 我都会使用它 .

 
除了上面这两个 之外 ，还有很多选择 比如 dw , sublime , text ，vim 等 .

 
vscode 下载 : http://t.csdn.cn/FNXnW

 
使用 vscode

 
这里 vscode 和 idea 相比 ，更简单 ， idea用的时候，需要先创建一个项目，创建过程中要配置很多东西 .

vscode 则没有 “项目” 这个概念 ,都是使用目录来组织的 , 就可以 选择一个你当前想要代码的目录 ，打开这个目录 (打开目录就相当于以这个目录作为项目目录)

 
图一 ：

在这里插入图片描述

 
图二 ： 运行代码

在这里插入图片描述

 
vscode 常用插件 ：

 
这里我们就通过 vscode 又完成了一遍 helloworld ， 下面 来研究一下 代码的特点 .

  1. html 代码是通过 标签来组织的 ， 形如 <html></html> 用尖括号组织的 ， 成对出现的这个东西就是标签 (tag) , 也可以叫做 元素 (element)

  2. 一个标签 通常 是成对出现的 , <html> 开始标签 , </html> 结束标签 , 这俩之间 ，是标签的内容 .

  3. 标签 是可以 嵌套的 ， 一个标签的内容可以是其他一个或者多个标签 , 此时 这样的标签构成一个 “树形结构” .

在这里插入图片描述

  1. 可以在开始标签中 ，给标签赋予 属性 (Attribute) 属性相当于是键值对 , 可以 又一个或者多个 .

 
HTML 基本的语法结构 ， 就是这几个 简单的规则

 
下面我们就来了解 当前HTML 中都支持那些标签 ， 每个标签是干啥的， 每个标签有那些关键属性 .

 

3 HTML 常见标签

 
html 这是 一个 html 文件最顶层标签 ，树根节点

 
head 存放了这个页面的一些属性 （元素据 , meta data）

 
body 存放了这个页面包含那些内容

 
这里 通过 一个例子 来 区分一下 属性 和 内容 ,

 
比如 : 我有个文本文件 ，
 
这个文件的内容 : hello world
 
这个文件的属性 ： 文件的大小 ， 文件的创建者 ， 文件的修改时间 ， 文件的默认打开程序 …

 
下面继续 ： 之前 不是 说过 通过 ！快捷方式生成了一个模板吗 ，下面就来解释一下 这个模板的一些标签 :

在这里插入图片描述

 

3.1 注释标签

 
代码的注释 ： HTML 注释标签 和一般语言的注释 ，差别很大 .

 
在这里插入图片描述

 

3.2 标题标签

 
标题 标签 有 6 个 ， h1 最大 最粗 ， h6 最小最细 . h1 - h6 从大变小

 
简单演示一下 :

在这里插入图片描述

 

3.3 段落标签

 
段落标签 : p 标签

 
演示 :

在这里插入图片描述

 

3.4 换行标签

 
换行标签 : br

 
演示 ：

在这里插入图片描述

 

3.5 格式化标签

 
这里格式化标签 有几个 ：

  1. 加粗: strong 标签 和 b 标签
  2. 倾斜: em 标签 和 i 标签
  3. 删除线: del 标签 和 s 标签
  4. 下划线: ins 标签 和 u 标签

 
下面一个一个说

 

1. 加粗

 
演示 ： strong 标签 和 b 标签

在这里插入图片描述

 

2. 倾斜

 
演示 : em 标签 和 i 标签

在这里插入图片描述

 

3. 下划线

 
演示 : ins 标签 和 u 标签

在这里插入图片描述

 

3.6 图片标签

 
图片标签 ： img

 
图片，可以使用img标签来表示图片。
 
img 是一个单标签。（不需要结束标签）
 
img 里面可以写很多的属性，最核心的属性 就是 src ， 通过 src 描述图片的路径 (可以是相对路径， 也可以是绝对路径， 还可以是网络路径)

 
演示 ：

在这里插入图片描述

 
这里来说说 img 标签中 的其他属性

 
图一 ：

在这里插入图片描述

 
图二 ：

在这里插入图片描述

 

3.7 超链接标签

 
超链接 标签 ： a 标签

在这里插入图片描述

 

3.8 表格标签

在这里插入图片描述

 

3.9 列表标签

在这里插入图片描述

 

4. 表单标签

 

4.1 from 标签

 
from 标签
 
使用 from 标签 进行前后端 交互 ， 把页面上，用户进行的操作/输入 提交到 服务器上 (这里展示展开 ，后面学习了 HTTP 协议再说)

 

4.2 input 标签

 
input 标签 有很多形态，能够 表现成各种用户 来输入的组件 .

 
演示 ：

在这里插入图片描述

 
图二 ：

在这里插入图片描述

 
图三 ：

在这里插入图片描述

 

4.3 select 标签

 
select 标签，起到的效果是“下拉菜单/下拉框”

在这里插入图片描述

 

4.4 textarea标签

 
textarea标签 ： 多行编辑框

在这里插入图片描述

 
上述这些 标签 也可以称为是 “控件” ， 构成 一个图形化界面的基本要素 .

 

5. 无语义标签

在这里插入图片描述

 
到此 HTML 一些常用的标签就看完了， 如果 对HTML 的其他标签 感兴趣 可以去 MDN文档 查看 ： 或者 ： HTML5 简介 (w3school.com.cn)

 

6. 案例

 
下面通过两个简单的代码案例 ，来熟悉一下 上面这些 标签 .

 

6.1 代码案例1

 

完成效果 ：
 
纯属恶搞 , 勿当真

在这里插入图片描述

 
附上代码 ：

<!DOCTYPE html>
<html lang="en"><head><meta charset="UTF-8"><meta http-equiv="X-UA-Compatible" content="IE=edge"><meta name="viewport" content="width=device-width, initial-scale=1.0"><title>个人简历</title><style>#root {/* 设置宽度 */width: 600px;/* 设置高度 */height: 1750px;/* 设置 边框 */border-style: solid}</style>
</head><body><div id="root"><h1>xxx的个人简介</h1><h2>基本信息</h2><img src="../imgs/cxk.jpg" width="400px"><!-- 这里使用 div ， div 是块状元素 独占一行 --><div>求职意向: 个人练习生</div><br /><!-- 加一个 换行好看一点 --><div>联系电话: xxxxxxx</div><br /><div>邮箱: xxxxxxx</div><br /><!-- # 表示一个 空的链接 --><a href="#">我的 Gitee</a><br /><br /><a href="#">我的博客</a><h2>教育背景</h2><ol><li>1990 - 1996 翻斗幼儿园</li><li>1996 - 2002 小葵花小学</li><li>2002 - 2005 m78中学</li><li>2005 - 2007 练习两年半</li></ol><h2>专业技能</h2><ul><li>唱</li><li>跳</li><li>rap</li><li>篮球</li></ul><h2>我的经历</h2><ol><li><h3>练习两年半</h3><p>开始时间: 2005 - 2007</p><div>经历介绍</div><ul><li>早上打篮球</li><li>晚上唱跳rap</li></ul></li><li><h3>学习如何寄律师函</h3><p>开始时间: 2007 - 2008</p><div>经历介绍</div><ul><li>一秒八张</li><li>你干嘛</li></ul></li></ol><h2>个人评价</h2><p>我 是一个 爱打篮球的 坤坤噢</p></div></body></html>

 
这里 添加 了 css 样式 (为了 添加边框好看一点) ， 如果不懂 可以 不写

 

6.2 代码案例 2

 
完成效果 ：

在这里插入图片描述

 
这里可以通过 iconfont-阿里巴巴矢量图标库 找两张图 （小图标）

在这里插入图片描述

 

附上代码 ：

<!DOCTYPE html>
<html lang="en"><head><meta charset="UTF-8"><meta http-equiv="X-UA-Compatible" content="IE=edge"><meta name="viewport" content="width=device-width, initial-scale=1.0"><title>简历填写</title><style>#root {width: 500px;height: 800px;border-style: solid;}</style>
</head><body><div id="root"><h1>请填写简历信息</h1><table><!-- 姓名 --><tr><td>姓名</td><td><input type="text"></td></tr><!--选择性别 --><tr><td>性别 :</td><td><input type="radio" name="gender" id="male" checked='checked'><img src="../imgs/男.png" height=25px><label for="male">男</label><input type="radio" name="gender" id=female name="gender"><img src="../imgs/女.png" height=25px><label for="female">女</label></td></tr><!-- 出生日期 --><tr><td>出生日期</td><td><select><option>--请选择年份--</option><option>1995</option><option>1996</option><option>1997</option><option>1998</option><option>1999</option><option>2000</option><option>2001</option><option>2002</option><option>2003</option><option>2005</option><option>2006</option><option>2007</option><option>2008</option></select><select><option>--请选择月份--</option><option>1</option><option>2</option><option>3</option><option>4</option><option>5</option><option>6</option><option>7</option><option>8</option><option>9</option><option>10</option><option>11</option><option>12</option></select><select><option>--请选择天数--</option><option>1</option><option>2</option><option>3</option><option>4</option><option>5</option><option>6</option><option>7</option><option>8</option><option>9</option><option>10</option><option>11</option><option>12</option><option>13</option><option>14</option><option>15</option><option>16</option><option>17</option><option>18</option><option>19</option><option>20</option><option>21</option><option>22</option><option>23</option><option>24</option><option>25</option><option>26</option><option>27</option><option>28</option><option>29</option><option>30</option><option>31</option></select></td></tr><!-- 就读学校 --><tr><td>就读学校</td><td><input type="text"></td></tr><!-- 应聘岗位 --><tr><td>应聘岗位</td><td><input type="checkbox" id="frontend"><label for="frontend">前端开发</label><input type="checkbox" id="backtend"><label for="backtend">后端开发</label><input type="checkbox" id="qa"><label for="qa">测试开发</label><input type="checkbox" id="op"><label for="op">运维开发</label></td></tr><!-- 掌握技能 --><tr><td>掌握的技能</td><td><textarea cols="30" rows="10"></textarea></td></tr><!-- 项目经历 --><tr><td>项目经历</td><td><textarea cols="30" rows="10"></textarea></td></tr><tr><td></td><td><input type="checkbox" id="confirm"><label for="confirm">我已仔细阅读过公司的招聘要求</label></td></tr><tr><!-- 空白 的作用就是占位子 --><td></td><td><a href="#">查看我的状态</a></td></tr><tr><td></td><td><h2>应聘者确认</h2><ul><li>以上信息真实有效</li><li>能够尽早去公司实习</li><li>能接受公式的加班文化</li></ul></td></tr></table></div>
</body></html>

 
到此 我们的 HTML 就学习完了， 注意 我们这里只是扫盲 ， 关于 HTML 还有很多东西 我们都没有说过 ， 还是那句话 ，我们 并不是 专业的前端 ，不需要太过于 了解， 如果感兴趣 可以去 看看文档啥的.

相关文章：

HTML - 扫盲

文章目录1. 前言2. HTML2.1 下载 vscode3 HTML 常见标签3.1 注释标签3.2 标题标签3.3 段落标签3.4 换行标签3.5 格式化标签1. 加粗2. 倾斜3. 下划线3.6 图片标签3.7 超链接标签3.8 表格标签3.9 列表标签4. 表单标签4.1 from 标签4.2 input 标签4.3 select 标签4.4 textarea标签…...

编程日记 2023/4/27 0:57:12

【系统分析师之路】2022上案例分析历年真题

【系统分析师之路】2022上案例分析历年真题 【系统分析师之路】2022上案例分析历年真题【系统分析师之路】2022上案例分析历年真题2022上案例分析历年真题第一题&#xff08;25分&#xff09;2022上案例分析历年真题第二题&#xff08;25分&#xff09;2022上案例分析历年真题第…...

编程日记 2023/5/5 14:08:02

Python编程规范

Python编程规范 当今Python编程社区有许多关于编程规范的约定和惯例。以下是一些常见的Python编程规范&#xff1a; 1.使用有意义的命名 使用有意义的命名可以使代码更加清晰、易读、易维护。变量、函数、类和模块的命名应该能够明确传达其用途&#xff0c;而不是使用无意义…...

编程日记 2023/3/20 19:14:50

【Java】Spring Boot项目的创建和使用

文章目录SpringBoot的创建和使用1. 什么是Spring Boot&#xff1f;为什么要学Spring Boot&#xff1f;2. Spring Boot项目的优点3. Spring Boot 项目的创建3.1 使用idea创建3.2 接下来创建Spring Boot项目4. 项目目录介绍和运行4.1 运行项目4.2 输出内容5. 总结SpringBoot的创建…...

编程日记 2023/4/30 2:21:19

Malware Dev 00 - Rust vs C++ 初探

写在最前 如果你是信息安全爱好者&#xff0c;如果你想考一些证书来提升自己的能力&#xff0c;那么欢迎大家来我的 Discord 频道 Northern Bay。邀请链接在这里&#xff1a; https://discord.gg/9XvvuFq9Wb我会提供备考过程中尽可能多的帮助&#xff0c;并分享学习和实践过程…...

编程日记 2023/5/7 19:07:54

JavaScript HTML DOM 事件

文章目录JavaScript HTML DOM 事件对事件做出反应HTML 事件属性使用 HTML DOM 来分配事件onload 和 onunload 事件onchange 事件onmouseover 和 onmouseout 事件onmousedown、onmouseup 以及 onclick 事件JavaScript HTML DOM 事件 HTML DOM 使 JavaScript 有能力对 HTML 事件做…...

编程日记 2023/5/7 16:40:20

推荐算法——NCF知识总结代码实现

NCF知识总结代码实现1. NeuralCF 模型的结构1.1 回顾CF和MF1.2 NCF 模型结构1.3 NeuralCF 模型的扩展---双塔模型2. NCF代码实现2.1 tensorflow2.2 pytorchNeuralCF&#xff1a;如何用深度学习改造协同过滤&#xff1f; 随着技术的发展&#xff0c;协同过滤相比深度学习模型的…...

编程日记 2023/5/6 18:51:28

redis（4）String字符串

前言 Redis中有5大数据类型&#xff0c;分别是字符串String、列表List、集合Set、哈希Hash、有序集合Zset&#xff0c;本篇介绍Redis的字符串String Redis字符串 String是Redis最基本的类型&#xff0c;你可以理解成与Memcached一模一样的类型&#xff0c;一个key对应一个value…...

编程日记 2023/5/10 0:48:41

session一致性问题

在http访问请求中&#xff0c;web服务器会自动为同一个浏览器的访问用户自动创建唯一的session&#xff0c;提供数据存储功能。最常见的&#xff0c;会把用户的登录信息、用户信息存储在session中&#xff0c;以保持登录状态。只要用户不重启浏览器&#xff0c;每次http短连接请…...

编程日记 2023/5/9 15:04:56

上岸16K，薪资翻倍，在华为外包做测试是一种什么样的体验····

现在回过头看当初的决定&#xff0c;还是正确的&#xff0c;自己转行成功&#xff0c;现在进入了华为外包测试岗&#xff0c;脱离了工厂生活&#xff0c;薪资也翻了一倍不止。 我17年毕业于一个普通二本学校&#xff0c;电子信息工程学院&#xff0c;是一个很不出名的小本科。…...

编程日记 2023/4/27 0:58:47

django项目中如何添加自定义的django command

项目目录 1.我们自己建立的application叫做app&#xff0c;首先在这个app目录下&#xff0c;我们需要新建management目录&#xff0c;这个目录里应该包括&#xff1a;__ init__.py&#xff08;内容为空&#xff0c;用于打包&#xff09;和commands目录&#xff0c;然后在comma…...

编程日记 2023/5/9 12:35:26

【算法基础】哈希表⭐⭐⭐

一、哈希表 散列表（Hash table，也叫哈希表），是根据关键码值(Key value)而直接进行访问的数据结构。也就是说，它通过把关键码值映射到表中一个位置来访问记录，以加快查找的速度。这个映射函数叫做散列函数，存放记录的数组叫做散列表。 给定表M，存在函数f(key)，对任意…...

编程日记 2023/3/19 3:33:21

基于SpringMVC、Spring、MyBatis开发的校园点餐系统

文章目录 项目介绍主要功能截图：后台登录用户管理商品管理评论管理订单管理角色管理咨询管理前台前台首页我的订单商品详情支付方式选择支付成功页面部分代码展示设计总结项目获取方式🍅 作者主页：Java韩立 🍅 简介：Java领域优质创作者🏆、 简历模板、学习资料、面试题…...

编程日记 2023/5/10 0:49:24

LeetCode 热题 C++ 148. 排序链表 152. 乘积最大子数组 160. 相交链表

力扣148 给你链表的头结点 head &#xff0c;请将其按 升序 排列并返回 排序后的链表 。 示例 1&#xff1a; 输入&#xff1a;head [4,2,1,3] 输出&#xff1a;[1,2,3,4]示例 2&#xff1a; 输入&#xff1a;head [-1,5,3,4,0] 输出&#xff1a;[-1,0,3,4,5]示例 3&#x…...

编程日记 2023/5/2 4:13:15

JavaScript 基础【快速掌握知识点】

目录 为什么要学JavaScript? 什么是JavaScript 特点&#xff1a; 组成&#xff1a; JavaScript的基本结构 基本结构 内部引用 外部引用 console对象进行输出 JavaScript核心语法 1、变量声明 2、数据类型 3、运算符 4、条件语句 5、循环语句 6、数组 7…...

编程日记 2023/5/4 6:18:10

基于Frenet优化轨迹的⾃动驾驶动作规划⽅法

动作规划&#xff08;Motion Control&#xff09;在⾃动驾驶汽⻋规划模块的最底层&#xff0c;它负责根据当前配置和⽬标配置⽣成⼀序列的动作&#xff0c;本⽂介绍⼀种基于Frenet坐标系的优化轨迹动作规划⽅法&#xff0c;该⽅法在⾼速情况下的ACC辅助驾驶和⽆⼈驾驶都具有较强…...

编程日记 2023/5/5 10:10:13

Spring(入门)

1. 什么是spring&#xff0c;它能够做什么?2. 什么是控制反转(或依赖注入)3. AOP的关键概念4. 示例 4.1 创建工程4.2 pom文件4.3 spring配置文件4.4 示例代码 4.4.1 示例14.4.2 示例2 &#xff08;abstract&#xff0c;parent示例&#xff09;4.4.3 使用有参数构造方法创建jav…...

编程日记 2023/5/3 7:09:25

2023-02-25力扣每日一题

链接&#xff1a; https://leetcode.cn/problems/minimum-swaps-to-make-strings-equal/ 题意&#xff1a; 给定字符串s1,s2&#xff0c;仅由x,y组成 每次可以在两边各挑一个字符交换 求让s1等于s2的最小步骤 解&#xff1a; 1000啊1000&#xff0c;双指针贪一下就过了 …...

编程日记 2023/5/10 7:05:10

如何外网登录管理云通信短信网关平台？——快解析映射方案

云通信&#xff08;Cloud Communications &#xff09;是基于云计算商业模式应用的通信平台服务&#xff0c;简单易用,满足企业一键群发场景,支持多种语言SDK和API 接入。各个通信平台软件都集中在云端&#xff0c;且互通兼容&#xff0c;用户只要登录云通信平台&#xff0c;不…...

编程日记 2023/5/6 18:52:49

学习 Python 之 Pygame 开发魂斗罗（三）

学习 Python 之 Pygame 开发魂斗罗&#xff08;三&#xff09;继续编写魂斗罗1. 角色站立2. 角色移动3. 角色跳跃4. 角色下落继续编写魂斗罗 在上次的博客学习 Python 之 Pygame 开发魂斗罗&#xff08;二&#xff09;中&#xff0c;我们完成了角色的创建和更新&#xff0c;现…...

编程日记 2023/5/10 6:35:58

以下是对华为 HarmonyOS NETX 5属性动画（ArkTS）文档的结构化整理，通过层级标题、表格和代码块提升可读性：

一、属性动画概述NETX 作用&#xff1a;实现组件通用属性的渐变过渡效果&#xff0c;提升用户体验。支持属性&#xff1a;width、height、backgroundColor、opacity、scale、rotate、translate等。注意事项&#xff1a; 布局类属性&#xff08;如宽高&#xff09;变化时&#…...

编程新知 2025/7/4 12:08:14

HBuilderX安装（uni-app和小程序开发）

下载HBuilderX 访问官方网站&#xff1a;https://www.dcloud.io/hbuilderx.html 根据您的操作系统选择合适版本&#xff1a; Windows版&#xff08;推荐下载标准版&#xff09; Windows系统安装步骤 运行安装程序&#xff1a; 双击下载的.exe安装文件 如果出现安全提示&…...

编程新知 2025/7/6 23:41:16

根据万维钢·精英日课6的内容，使用AI（2025）可以参考以下方法：

根据万维钢精英日课6的内容&#xff0c;使用AI&#xff08;2025&#xff09;可以参考以下方法&#xff1a; 四个洞见 模型已经比人聪明&#xff1a;以ChatGPT o3为代表的AI非常强大&#xff0c;能运用高级理论解释道理、引用最新学术论文&#xff0c;生成对顶尖科学家都有用的…...

编程新知 2025/7/5 16:03:22

如何在最短时间内提升打ctf（web)的水平？

刚刚刷完2遍 bugku 的 web 题&#xff0c;前来答题。 每个人对刷题理解是不同&#xff0c;有的人是看了writeup就等于刷了&#xff0c;有的人是收藏了writeup就等于刷了&#xff0c;有的人是跟着writeup做了一遍就等于刷了&#xff0c;还有的人是独立思考做了一遍就等于刷了。…...

编程新知 2025/7/7 22:55:10

Unsafe Fileupload篇补充-木马的详细教程与木马分享（中国蚁剑方式）

在之前的皮卡丘靶场第九期Unsafe Fileupload篇中我们学习了木马的原理并且学了一个简单的木马文件 本期内容是为了更好的为大家解释木马&#xff08;服务器方面的&#xff09;的原理&#xff0c;连接&#xff0c;以及各种木马及连接工具的分享 文件木马&#xff1a;https://w…...

编程新知 2025/7/5 5:27:19

网站指纹识别

网站指纹识别 网站的最基本组成&#xff1a;服务器&#xff08;操作系统&#xff09;、中间件&#xff08;web容器&#xff09;、脚本语言、数据厍 为什么要了解这些&#xff1f;举个例子&#xff1a;发现了一个文件读取漏洞&#xff0c;我们需要读/etc/passwd&#xff0c;如…...

编程新知 2025/7/4 11:46:51

【JVM】Java虚拟机（二）——垃圾回收

目录 一、如何判断对象可以回收 &#xff08;一&#xff09;引用计数法 &#xff08;二&#xff09;可达性分析算法 二、垃圾回收算法 &#xff08;一&#xff09;标记清除 &#xff08;二&#xff09;标记整理 &#xff08;三&#xff09;复制 &#xff08;四&#xff…...

编程新知 2025/7/6 11:30:21

HubSpot推出与ChatGPT的深度集成引发兴奋与担忧

上周三&#xff0c;HubSpot宣布已构建与ChatGPT的深度集成&#xff0c;这一消息在HubSpot用户和营销技术观察者中引发了极大的兴奋&#xff0c;但同时也存在一些关于数据安全的担忧。 许多网络声音声称&#xff0c;这对SaaS应用程序和人工智能而言是一场范式转变。 但向任何技…...

编程新知 2025/7/7 17:15:09

android RelativeLayout布局

<?xml version"1.0" encoding"utf-8"?> <RelativeLayout xmlns:android"http://schemas.android.com/apk/res/android"android:layout_width"match_parent"android:layout_height"match_parent"android:gravity&…...

编程新知 2025/7/7 21:43:14

uniapp 小程序 学习（一）

利用Hbuilder 创建项目 运行到内置浏览器看效果 下载微信小程序 安装到Hbuilder 下载地址 &#xff1a;开发者工具默认安装 设置服务端口号 在Hbuilder中设置微信小程序 配置 找到运行设置&#xff0c;将微信开发者工具放入到Hbuilder中&#xff0c; 打开后出现 如下 bug 解…...

编程新知 2025/7/7 11:04:51