CSS

盒模型,标准盒模型,怪异(IE)盒模型

浏览器将所有元素表示为一个个矩形的盒子,包括content, padding, border, margin

阅读全文

HTML

Doctype 的作用

<!DOCTYPE html> 告诉浏览器用标准模式解析这个文档,没有声明的话默认使用怪异模式。

阅读全文

React

什么是虚拟DOM

虚拟dom就是一个普通的javascript对象,一般包含tag,props,children三个属性。

1
2
3
<div id="app">
<p class="text">hello world!!!</p>
</div>

阅读全文

Webpack

entry output

  • entry: 入口文件, 可以是数组或者对象形式,可以配置多入口

阅读全文

Vue3-Vite

vue3都做了哪些改变

  1. 重构响应式系统,使用Proxy替换Object.defineProperty

阅读全文

Vue

vue生命周期

创建前/后, 载入前/后, 更新前/后, 销毁前/后
beforeCreate/created, beforeMount/mounted, beforeUpdate/updated, beforeDestroy/destroyed
keep-alive 组件激活时 activated,keep-alive 组件停用时 deactivated

阅读全文

JavaScript

== 和 ===

  • ==:比较值,类型不同的时候,先进行类型转换,再比较值;1 == “1” true
  • ===:比较类型和值,不做类型转换,类型不同就是不等;1 === “1” false

阅读全文

性能优化

html优化

  • 避免 HTML 中书写 CSS 代码,因为这样难以维护。
  • 使用 Viewport 加速页面的渲染。

阅读全文

ES6

let、const

let 表示变量,const 表示常量,都是块级作用域。

  • 不存在变量提升

阅读全文

浏览器

浏览器事件循环

  1. 同步代码,放入函数调用栈执行。异步任务,放入队列。
  2. 异步任务又分为宏任务和微任务。遇到宏仁务放入宏仁务队列,遇到微任务放入微任务队列。

阅读全文