39. 题目 about blog

[ly525]

前置任务：

• 通读《高级程序设计》21、24章节

【基础知识】高级程序设计第 24 章　网络请求与远程资源

状态码

• 1：基础概念

  • 200、201 、 206
  • 302 、 304
  • 400、500
  • 502 、504

• 2: 差异

  • 200 vs 201 vs 206
  • 302 vs 304
  • 502 vs 504 bad Gateway 这里的 Gateway 指的啥？

HTTP 头部

responseHeader['content-type']

• 有的 pdf、图片、视频， 在浏览器访问其网址，有的是直接打开，有的实际下载了。
  • 导致这种差异的原因是什么？1
  • 如何设置统一为直接打开？2

ajax/cors/requestHeader.origin

• 页面中，有一个视频/图片/PDF/MP3，旁边有一个下载按钮，点击按钮，下载 视频/视频/PDF/MP3，如何实现（非右击另存为）？
  • 什么是跨域？1
  • 图片是否会跨域？1
  • 如何解决 ajax 请求访问跨域？2
  • 如何解决 视频/图片 下载跨域？3
  • 如何告知用户下载进度 2

cookie

• 登录百度贴吧后 ( tieba.baidu.com) ，为何 百度一下(baidu.com)、百度统计(tongji.baidu.com)、百度知道(zhidao.baidu.com)、百度图片(tupian.baidu.com) 、百度云(yun.baidu.com) 无须再次登录即可使用？
  • 口述整个登录流程过程中，用户会话如何保持？（登录后，点击发帖，系统如何知道这个帖子是谁发的？）3
  • 前端如何存储 token ？1
  • cookie 有哪些限制条件？js 能否直接操作 cookie？ httpOnly 是什么？2
  • 如何防止 csrf？2
  • 何为 withCredentials? 2
  • cookie、sessionStorage、localStorage 有何区别？1
    - [ ] cookie 可以设置过期时间？1
    - [ ] localStorage 可以设置过期时间？3

cache、responseHeader['cache-control']

• 前端发布新版本之后，缓存策略如何配置，才能保证用户执行F5，一定能拿到最新的页面？4
  - [ ] cache-control 2
  - [ ] etag 3
  - [ ] webpack hash 3

发布部署

• 前端项目发布，发布顺序是 js/css > html 还是 html > js/css 3

【开发技巧】高级程序设计第 21 章错误处理与调试

Debug

• 上面截图中，每一块的作用是什么？4
• 前端如何 debug 2
• Node 如何 debug 3
• 远程 debug？4
• 控制台运行时是啥？2

稳定性

• JS 有哪几种报错？1
• 如何收集错误并上报？2
• 公司有哪些成熟系统来进行错误收集？1
• 新建一个项目，有哪些稳定性方面的事情需要做一下？3

• 请简述，圈红部分的功能：
  • 搜索 2
  • 保留日志 1
  • 停用缓存 2
  • 网络状态 1
  • 导入导出 HAR 3
  • 名称、状态、协议、类型、启动器3、大小、时间、瀑布流3