web'

WWW:万维网,B/S 架构,三大基石 HTML、CSS、JS

HTML:标记语言,搭建结构

块级:div,p,h1-h6,ul,ol 独占一行,可设宽高 行内:span,a,b,i 同行,宽高由内容撑开 行内块:img,input 同行,支持宽高 语义标签:header nav main section article footer 表单:form input select textarea buttonCSS:样式 引入:内联 style、内部 style 标签、外部 link (推荐) 选择器:标签、类.、ID#、通配 *;后代、子代、兄弟、并集 优先级:!important > 内联 > ID > 类 / 伪类 > 标签 > 通配 盒模型:content+padding+border+margin box-sizing:content-box (默认) /border-box (常用) 布局:标准流、float、position、flex、grid 响应式:@media 媒体查询

JS:交互逻辑
引入:script 内嵌、外部 js 文件、行内事件(不推荐)
类型:基础 string/number/boolean/null/undefined/symbol/bigint;引用 Object Array Function
变量:var (函数域,提升)、let/const (块级,推荐)
DOM:操作页面元素 querySelector
BOM:浏览器 window location history navigator setTimeout
异步:回调、Promise、async/await
Fetch/Ajax:局部刷新,前后端拿数据

HTTP/HTTPS
HTTP:明文,80 端口;HTTPS 加密,443 端口
请求:请求行、请求头、请求体
响应:状态行、响应头、响应体
状态码:
200 成功
301 永久重定向、302 临时重定向
404 找不到、403 无权限
500 服务器错误
方法:GET 查、POST 提交、PUT 更新、DELETE 删除

posted @ 2026-11-01 22:19  刘秋实  阅读(2)  评论(0)    收藏  举报