大多数人所成为的，并非是他们想成为的人，而是不得不成为的人。“责任”是最大的文明，也是最大的虚伪。 
获得徽章 27
昨天吃完饭坐电梯，电梯里面人快满了，一个外卖员想进，看到电梯人快满了，就没进，但是电梯里面的人叫他进来，说可以挤进来，但是外卖员没有进，可能是担心这个外卖员送餐超时，电梯里面一个年轻人主动走出，让外卖员进来坐了电梯。人与人之间的温暖再这一刻得到体现
一点都不想上班怎么办![[委屈]](//lf-web-assets.juejin.cn/obj/juejin-web/xitu_juejin_web/img/jj_emoji_46.82c0215.png)
#每天一个知识点# DOM查询操作
document.querySelector()
document.querySelectorAll()
它们选择的对象可以是标签，可以是类(需要加点)，可以是ID(需要加#
#每天一个知识点# vue-router全局有三个路由钩子;
router.beforeEach 全局前置守卫 进入路由之前
router.beforeResolve 全局解析守卫（2.5.0+）在 beforeRouteEnter 调用之后调用
router.afterEach 全局后置钩子 进入路由之后
#每天一个知识点# $route 和$router 的区别
$route 是“路由信息对象”，包括 path，params，hash，query，fullPath，matched，name 等路由信息参数
$router 是“路由实例”对象包括了路由的跳转方法，钩子函数等。
#每天一个知识点# Vue的基本原理
当一个Vue实例创建时，Vue会遍历data中的属性，用 Object.defineProperty（vue3.0使用proxy ）将它们转为 getter/setter，并且在内部追踪相关依赖，在属性被访问和修改时通知变化。 每个组件实例都有相应的 watcher 程序实例，它会在组件渲染的过程中把属性记录为依赖，之后当依赖项的setter被调用时，会通知watcher重新计算，从而致使它关联的组件得以更新
#每天一个知识点# 进度条、度量器
progress标签：用来表示任务的进度（IE、Safari不支持），max用来表示任务的进度，value表示已完成多少
meter属性：用来显示剩余容量或剩余库存（IE、Safari不支持）
high/low：规定被视作高/低的范围
max/min：规定最大/小值
value：规定当前度量值
设置规则：min < low < high < max
#每天一个知识点# 判断数据类型的方式 (TTIC)
typeof
判断基本数据类型
typeof null 特例，返回的是"object"
Object.prototype.toString.call(xx)
判断基本数据类型
实现原理：
若参数(xx)不为 null 或 undefined，则将参数转为对象，再作判断
转为对象后，取得该对象的 [Symbol.toStringTag] 属性值（可能会遍历原型链）作为 tag，然后返回 "[object " + tag + "]" 形式的字符串
#每天一个知识点# JS 代码的执行是由浏览器中的 JS 解析器来执行的，JS 解析器执行 JS 代码时，分为两个过程：预解析过程和代码执行过程。预解析分为变量预解析（变量提升）和函数预解析（函数提升）；代码执行是指按顺序从上至下执行。
变量提升：把变量的声明提升到当前作用域的最前面，只提升声明，不提升赋值；
函数提升：把函数的声明提升到当前作用域的最前面，只提升声明，不提升调用；
函数表达式的写法不存在函数提升
函数提升优先级高于变量提升，即函数提升在变量提升之上，且不会被同名变量声明时覆盖，但是会被同名变量赋值后覆盖
![[委屈]](http://lf-web-assets.juejin.cn/obj/juejin-web/xitu_juejin_web/img/jj_emoji_46.82c0215.png)