个人学习笔记

• HTML 语义化标签：header、footer、section、article、nav 增强结构可读性

• 块级元素独占一行，行内元素不换行，可通过 display 切换

• img 标签必须加 alt 属性，有利于 SEO 和无障碍访问

• a 标签 target="_blank" 新开页面，rel="noopener noreferrer" 提升安全性

• 列表标签：ul 无序列表、ol 有序列表、dl 自定义列表

• table 结构：table > tr > td，可加 thead、tbody 提升结构规范

• form 表单常用控件：input、button、select、textarea、label

• HTML 注释格式为 ，不会显示在页面中

• CSS 选择器优先级：!important > 行内样式 > id > class > 标签

• 盒模型：content、padding、border、margin 四部分组成

• box-sizing: border-box 让宽高包含 padding 和 border

• 水平居中：margin: 0 auto 适用于块级元素且设置宽度

• 绝对定位 position: absolute 需父级设置 relative 作为参考

• flex 布局常用：justify-content 主轴对齐，align-items 交叉轴对齐

• 浮动 float 会脱离文档流，需用 clear: both 清除浮动影响

• CSS 圆角 border-radius，阴影 box-shadow，渐变 background-gradient

• 媒体查询 @media 可根据屏幕宽度设置不同样式，实现响应式

• z-index 控制层级，仅对定位元素生效

• JS 数据类型：string、number、boolean、null、undefined、object、symbol

• var 存在变量提升，let/const 有块级作用域，const 不可重新赋值

• 数组常用方法：push、pop、shift、unshift、forEach、map、filter

• 条件语句：if else、switch case 用于多分支判断

• 循环语句：for、while、do while 用于重复执行代码

• 函数可封装重复代码，支持参数和返回值 return

• DOM 获取元素：getElementById、querySelector

• 事件监听：addEventListener 绑定点击、输入、加载等事件

• 定时器：setTimeout 延迟执行，setInterval 循环执行

• 字符串拼接可用 + 或模板字符串 `内容${变量}`

• 域名需要实名认证并完成备案，才能在国内服务器正常访问

• DNS 解析将域名指向服务器公网 IP

• 云服务器需开放端口：80(HTTP)、443(HTTPS)、21(FTP)、22(SSH)

• 宝塔面板用于可视化管理服务器、网站、数据库、FTP

• FTP 用于文件上传下载，被动模式需开放一段端口范围

• 网站目录权限建议：文件 644，目录 755，保证安全

• 防火墙和安全组都要配置，双重保障端口访问

• 静态网站只需 HTML/CSS/JS，无需数据库

• 服务器定期备份，防止数据丢失或误删除

• IP 地址分为公网 IP 和内网 IP，公网 IP 可直接互联网访问

• 端口用于区分服务器上不同服务，每个服务占用独立端口

• HTTP 是明文传输，HTTPS 加密更安全，使用 SSL/TLS 证书

• DNS 域名系统将域名翻译成 IP 地址

• 常见状态码：200 成功、301 重定向、404 找不到、502 网关错误

• NAT 网络地址转换用于内网多设备共享公网 IP

• 网络延迟、丢包会导致访问慢、连接超时

• ls 查看目录，cd 切换目录，pwd 显示当前路径

• mkdir 创建目录，rm 删除文件或目录，cp 复制，mv 移动

• chmod 修改权限，chown 修改所属用户和用户组

• ps 查看进程，netstat 查看端口占用

• systemctl start/stop/restart 管理系统服务

• tail -f 实时查看日志，便于排查错误

• vi/vim 编辑文件，:wq 保存退出，:q! 不保存退出

• VS Code 前端常用编辑器，支持代码高亮、自动补全、插件扩展

• 代码格式化统一风格，减少错误，提高可读性

• 浏览器 F12 开发者工具调试 HTML、CSS、JS

• FileZilla 图形化 FTP 工具，方便上传网站文件

• 命名规范：小驼峰、下划线命名，提高代码可维护性

• 定期备份代码和服务器文件，避免意外丢失