待学

待学

• react
• python
• java

复习

• html
• 1.xml和html的区别

xml用来传输数据，html用来显示数据。

• 2.SEO优化

1. 标题标签优化(title标签)
2. 元标签优化(meta标签）
3. H标签的优化（只使用一个H1标签）
4. 图片优化（给img标签添加alt属性）
5. 使用语义化HTML标签（如 <header>、<article>、<footer>、<section> 等）有助于搜索引擎更好地理解页面的结构和内容。

css

1. flex布局

名为弹性布局，为盒状模型提供最大的灵活性。

flex-direction: 决定主轴的方向

flex-wrap: 决定是否换行

flex-flow: 是flex-direciton 和flex-wrap的组合

justify-content: 定义项目在主轴上的对齐方式

align-items: 定义项目在交叉轴上的对齐方式

align-content: 定义了有多根轴线时，项目的对齐方式

2. 清除浮动

使用clear属性、使用::after伪元素清除浮动。

• vue
• vue-router导航守卫

1. beforeEach是全局前置守卫，在任何路由跳转之前触发，可以拦截所有路由的跳转操作，对整个应用的路由访问进行进行统一控制。

• 生命周期
• 如何做断点续传的功能

graph TD
把大文件通过slice方法分割成小文件 --> 给每个小文件都添加一个唯一标识符 --> 逐一上传每一小块文件,记录进度 --> 通过已上传序号跳过已完成的部分 -->  所有块上传后,调用`上传完成`的接口,通知后端合并小文件

• js
• 垃圾回收机制
• 原型链
• 闭包
• JS设计模式

1. 单例模式

2. 工厂模式

3. 观察者模式

4. 装饰者模式

5. 模块模式

• ts
• es6+
• less
• sass
• 浏览器
• dom树渲染的过程

graph TD
解析html,构建dom树 --> 构建CSSOM树 --> 把CSSOM树和DOM树结合起来 --> 构建渲染树:合并dom树和cssom树 --> 节点布局 --> 页面渲染 --> 重绘与回流 

浏览器