3.5 KiB
杂谈 记录一些碎碎念
npx 用来临时使用一个库（如 rollup）
强缓存和协商缓存的 header 参数 强缓存： Expires：过期时间，如果设置了时间，则浏览器会在设置的时间内直接读取缓存，不再请求 Cache-Control：当值设为 max-age=300 时，则代表在这个请求正确返回时间（浏览器也会记录下来）的 5 分钟内再次加载资源，就会命中强缓存。 cache-control：除了该字段外，还有下面几个比较常用的设置值： （1） max-age：用来设置资源（representations）可以被缓存多长时间，单位为秒； （2） s-maxage：和 max-age 是一样的，不过它只针对代理服务器缓存而言； （3）public：指示响应可被任何缓存区缓存； （4）private：只能针对个人用户，而不能被代理服务器缓存； （5）no-cache：强制客户端直接向服务器发送请求,也就是说每次请求都必须向服务器发送。服务器接收到 请求，然后判断资源是否变更，是则返回新内容，否则返回 304，未变更。这个很容易让人产生误解，使人误 以为是响应不被缓存。实际上 Cache-Control: no-cache 是会被缓存的，只不过每次在向客户端（浏览器）提供响应数据时，缓存都要向服务器评估缓存响应的有效性。 （6）no-store：禁止一切缓存（这个才是响应不被缓存的意思）。
mvvm:
vm: 关注绑定器，将数据和视图绑定，自动更新，低耦合。model仅关注数据更新
垃圾回收相关：
window.gc: 手动调用垃圾回收
现代主要使用标记清除法。 进入执行环境的时候标记上。 离开环境的时候直接回收。
常见的内存泄漏： 全局变量，解决方式： 全局变量 定时器未清除：记得及时清除 闭包： 解决方式： 及时设置为null dom元素删除后未清除： 解决方式： 及时设置为null
栈（Stack） 特点：栈是一种后进先出（LIFO, Last In First Out）的数据结构。
存储内容：用于存储简单的数据类型（如数字、字符串、布尔值）和函数调用上下文。
内存分配和释放：内存分配和释放非常快速，直接在栈顶操作。函数调用结束后，栈帧自动释放。
作用：主要用于管理函数调用和局部变量。
堆（Heap） 特点：堆是一种无序的数据结构，用于动态分配内存。
存储内容：用于存储复杂的数据类型（如对象、数组）。
内存分配和释放：内存分配比较灵活，但管理和回收内存需要垃圾回收机制（GC, Garbage Collection）来处理。
作用：用于存储需要动态分配的较大数据块和复杂数据结构。
babel相关：
Babel 是一个工具链，主要用于将采用 ECMAScript 2015+ 语法编写的代码转换为向后兼容的 JavaScript 语法，以便能够运行在当前和旧版本的浏览器或其他环境中。
es6几个主要的：
- let， const
- 箭头函数
- class
- 模板字符串
- 解构
- 函数传参默认值&rest
http响应头请求头
请求头： content-type： 请求的数据的类型 Authorization： 身份验证，如JWT这样的 UA： 浏览器环境
响应头： set-cookie content-length cache-control
跨域cookie需要服务器进行设置
SEO优化
- 大量使用语义化标签
- 保证关键词覆盖率，title之类，配置meta信息
- 制定一个站点地图，放在“robot.txt”中
- 结构化数据