课堂笔记内容

vue中data是为什么是函数
函数：创建私有空间，没有关联
对象：共用一个地址，一变全变

vue事件修饰符
stop阻止冒泡、once触发一次、prevent阻止默认行为、
lazy失焦、number转为数值、trim去尾空格

父子通信
父传子：父组件v-bind绑定 子组件通过props接收，可直接使用
子传父：子组件$emit发送、父组件$on接收数据

keep-alive左右及涉及的俩生命周期
作用：组件缓存，减小开销，提升性能
activated:组件激活调用，组件缓存到活动
deactivated组件失活，组件活动到缓存调用

vue数据变化视图不更新
1、根据下标修改数组 vue.$set/this.$set
2、对象直接增删改 vue.$set/this.$set
3、回调函数内修改 $nextTick()

vueX 运行机制
state存储数据
mutations和actions 对状态修改和异步
getter 类似于计算属性
module 分类管理

vue绑定css方式
1、对象绑定：判断绑定
2、数据绑定：绑定多个

axios拦截器使用场景
1、发送加东西
2、接收预处理
3、错误接收处理
4、请求转换
5、缓存策略

token和cookie区别
token 登录生成 存储在客户端，请求手动携带，验证身份
cookie登录自动生成，浏览器自动保存、请求自动携带，验证身份

vue管理全局状态
安装使用vuex

vue前端路由和后端路由区别
后端走网络、指向函数、跳转刷新页面、注重逻辑
前端不走网络，指向组件，跳转不刷新页面，注重用户体验

对于node的理解、优缺点、应用场景
基于谷歌v8引擎，开源跨平台的js运行环境、事件驱动、非阻塞和
异步输入
优点：高并发、低延迟、适合i/o密集、cpu占用低
缺点：不适合cpu密集型、只支持单核、可靠性低，一崩全崩

应用场景：大量并发的1/o单线程应用

npm是什么
包管理仓库、网站、命令
作用：
1、包管理安装、删除、更新
2、版本控制：安装指定版本
3、脚本执行：可自定义脚本命令
4、构建打吧：结合其他工具帮助构建打包项目

回调函数
函数作为参数传递给另一个函数，例如异步函数等
代码逻辑分离，使代码模块化和可维护，可复用，提高程序性能和效率
应用场景：事件处理、异步操作、数据处理、插件开发

express管理路由
通过router对象管理，调用其get、post等方法注册路由
app.use()挂载到应用程序

express连接mongoDB步骤
1、安装 npm i mongoose
2、引入 require
3、连接mongoDB
4、对数据库操作

Session，Cookie, sessionStorage，localStorage的区别是什么
session 关闭浏览器一段时间后清除
每次请求都验证会话ID，适合存储大量敏感信息
sessionStorage 浏览器关闭即消失，尽在本地保存
cookie：设置过期时间，时间到即过期
数据自动传递给服务器，服务器也可以发送cookie到客户端
localStorage:永久存储、数据进存储在本地

vue双向数据绑定
1、数据劫持
2、监听和收集依赖
3、更新视图

输入url页面经历了什么
输入url回车
浏览器查找缓存
无缓存，发起TCP请求
三次握手成功
浏览器发送请求
后端服务器接收
服务器处理
服务器响应
前端渲染

vue封装组件步骤
1、确定组件功能
2、创建组件文件
3、编写模板
4、编写脚本
5、样式化
6、暴露组件