分类目录归档:前端开发笔记

js笔记(格式有点乱)


1.如需使用外部文件,请在<script>标签的 "src" 属性中设置该 .js 文件。(外部调用js.html) 注意:外部脚本不能包含 <script> 标签。 2.//后面的内容为注释内容 / 还可以进行多行注释 / 3.JavaScript 语言中 , 定义一个常量 推荐 使用 全大写字母 和 下划线 来命名 , 该规则 不是强制的 , 但是 推荐使用 ; const MY_NAME = "Tom"; 4.可以在文本字符串中使用反斜杠对代码行进行换行。 document.write("你好 \ 世界...

Read more

Http响应头


Http请求头 1.Headers中的Authorization属性 在 HTTP 请求头中,Authorization 是一个标准请求头字段,用于携带客户端的身份验证信息,告诉服务器请求者的身份以及访问权限。

语法 Authorization: <type> <credentials>

type:认证类型(Scheme),常见有: Basic:基本认证 Bearer:令牌认证(如 JWT) Digest:摘要认证 ApiKey 或自定义类型 credentials:凭证,格式根据认证类型不同: Basic:base64(username:password...

Read more

http状态码


状态码类型 说明 1xx 信息,表示临时响应并需要请求者继续执行操作 2xx 成功,操作被成功接收并处理 3xx 表示要完成请求,需要进一步操作。 通常,这些状态代码用来重定向 4xx 客户端错误,请求包含语法错误或无法完成请求 5xx 这些状态代码表示服务器在尝试处理请求时发生内部错误。 这些错误可能是服务器本身的错误,而不是请求出错 三、状态码详解 1XX 状态码类型 说明 100 (继续) 请求者应当继续提出请求。 服务器返回此代码表示已收到请求的第一部分,正在等待其余部分。 101 (切换协议) 请求者已要求服务器切换协议,服务器已确认并准备切换。 102 由WebDAV(RFC...

Read more

html笔记


若出现同名属性,以在前面的属性为主,后写的会失效 有些特殊的属性,没有属性名,只有属性值,如disabled 块级元素内可以写块级元素和行内元素,但行内元素内只能写行内元素而不能写块级元素,否则会违反规则,css就会很难写 特殊规则:<h1>-<h6>不能互相嵌套 特殊规则:<p>标签中不能写块元素 <a>标签可以跳转锚点,方法为: 在目标位置添加一个a标签,并添加name属性<a name="xxx"> 然后再在你想给出跳转位置的地方添加a标签,href属性为#xxx,<a href=...

Read more

html标签笔记(精华)


W3School MDN 查标签很方便的网站 <marquee loop="1" bgcolor="yellow"> </marquee>: 循环滚动标签内的内容,类似弹幕 loop是标签中的可选属性,为循环次数。值不能为0 bgcolor是标签中的可选属性,为背景色

<form></form>: 块级标签,常与input结伴出现 action 指定表单提交的地址,一般为服务器接口地址 method 指定表...

Read more

前后端知识点笔记


关于Session与JWT令牌的不同点与选择方法 依据是否需要服务端保存状态来选择 ✔ Session:服务端有状态(Stateful)

登录后,服务器存储用户信息(Session 对象) 客户端只保存 sessionId

核心特性:服务端必须记住用户信息。 带来的结果:

特性 影响

服务器要保存会话 多机/分布式部署麻烦(需要 Session 同步或 Redis)

Session 占内存 用户多时服务器负担大

服务端可主动使会话失效 安全性更高(可踢下线、可立即注销)

→ 因此 Session 更适合传统单体应用、内部系统、安全要求高的系统。

✔ JW...

Read more

CSS笔记


标签可以直接锁定 h1{color:red;} class需要 .say{color:red;} id属性需要 #earthy {color:red} 同一个标签可以有两个不同的class,名字写在同一个class属性中用空格分隔开 通配选择器 * {color:red;}

在html内引入css最标准的做法为,在<head>标签内加入<link rel="stylesheet" href="練習いち.css"> 盒模型的宽度:左右外边距+左右边框+左右内边距+width 盒模型的高度:上下外边距+上下边框+上下内...

Read more

css布局笔记


CSS中的Flex布局 目录

一.什么是Flex布局 二.Flex布局使用 2.1 Flex使用语法 2.2 基本概念 三.容器的属性 3.1 所有属性概述 3.2 flex-direction 3.3 flex-wrap 3.4 flex-flow 3.5 justify-content 3.6 align-items 3.7 align-content 四.项目(子元素)的属性 4.1 所有属性概述 4.2 order 4.3 flex-grow 4.4 flex-shrink 4.5 flex-basis 4.6 flex 4.7 align-self

一.什么是Flex布局...

Read more