Month July 2025

HTML

什么是HTML? HTML: Hyper Text Markup Language. HTML tags HTML的标签分为两种:双标签(paired tag)和单标签(self-closing tag)。所谓的双标签,就是说该标签有一个起始标签(opening tag)和一个结束标签(closing tag),形式为:<起始标签>标签体</结束标签>。单标签的形式为:<标签名 />,其中foward slash是可以忽略不写的。 标签和标签之间的关系可以是并列,也可以是嵌套。如果是嵌套关系,编写代码的时候可以用tab键来进行缩进。 HTML的每个标签有其对应的标签属性(attribute),给标签提供一些附加信息。属性可以写在双标签中的起始标签里,或者单标签里。形式为: 有一些比较特殊的标签,只有属性名,没有属性值,例如: 注意事项: HTML的基本结构 在网页上点击鼠标右键,会出现查看网页源代码和检查。查看网页源代码看到的是程序员编写的源代码,检查看到的是经过浏览器处理后的源代码,一般来说日常开发中“检查”用到的居多。 网页的基本结构如下: HTML注释 注释的作用是对代码进行解释和说明,其内容会被浏览器所忽略,不会呈现到页面中,但源代码中依然可见。 HTML文档声明 告诉浏览器当前网页的版本,由于html5是向后兼容的,所以直接标注为html5版本就好,以前的版本声明写起来非常的麻烦,也没有必要。要将文档写在第一行,且在html标签的外侧。 HTML字符编码 常见的字符集有如下几种: 原则是:存储的时候,务必采用合适的字符编码,必须有汉字,就不能用ASCII或者ISO 8859-1字符集。存储是用的那种方式编码,读取的时候就用哪种方式解码,要不然就会出现乱码。平时编写代码的时候,统一采用UTF-8编码。 HTML设置语言 主要作用是让浏览器显示对应的翻译提示,且有利于搜索引擎的优化。具体写法: h标签 一种语义化标签。块级元素(block element)。h1~h6为标题。h1最好写一个,h2~h6能适当多写。h标签不能相互嵌套。 p标签 块级元素。代表一个段落。里面不能有别的块级元素。 div标签 块级元素。没有任何含义,是用来整体布局的一个标签,可以比喻为生活中的包装袋。 文本标签…

React Tutorial

为什么要学习React?换句话说,为什么原生js不够好呢? 虚拟DOM JSX语法规则 JS复习 组件 状态和展示 类中的方法this指向 现在的问题是当h1标签被click,调用回调函数changeWeather时,函数里的this为undefined,那该怎么办呢? 状态不可直接更改,需要调用setState({…})来更改,且更新是一种合并,不是替换。也就是说,同名的就替换了,不同名的保留。 如果不想写的这么麻烦,那可以用这种写法,完美解决this的问题 总结一下,state如果不依赖传参进来,直接写到class体内,然后方法也写成property的形式,并用箭头函数给其赋值。 对props进行限制: 组件的生命周期(旧版) 组件的生命周期(新版) 其实不管是新的生命周期还是旧的,常用的就3个: 三个废弃的钩子: 连续解构赋值加重命名:

SQL Query常见错误小结

NATURAL JOIN vs INNER JOIN 对比点 INNER JOIN NATURAL JOIN 是否需要指定连接条件 ✅ 需要使用 ON 明确指定连接字段 ❌ 不需要写 ON,自动匹配同名列 控制力 ✅ 高:你控制连接字段和方式 ❌ 低:自动决定,容易出错 可读性 ✅ 明确清晰,推荐生产使用 ⚠️ 可读性差,容易误用 常见用途 ✅ 实际项目中常用 🚫 学术/练习中偶尔出现,生产中少用或禁用 支持程度 ✅ 所有数据库都支持 ❌ 有些数据库(如 SQL Server)不支持…

Server-to-Server常用认证方式

API key 放在请求头里,例如 Token(jwt) 先调用登录api来获得token 然后得到相应: 然后带上这个token在请求头里: OAuth2 1. 用户点击“用 Google 登录” 2. 前端拿到 Google 的 ID Token 3. 前端把 ID Token 传给你的后端 API 4. 你的后端验证这个 Google ID Token 5. 后端根据用户身份生成自己的 JWT(可选) 6. 后端授权并返回资源 ✅ 具体技术细节 验证 Google ID Token…