摘要: 是什么 vue框架中状态管理。在main.js引入store注入。新建一个目录store 。场景有:单页应用中,组件之间的状态,音乐播放、登录状态、加入购物车等。 属性 State、 Getter、Mutation 、Action、 Module State state是数据源存放地,对应于一般Vu 阅读全文
posted @ 2022-08-12 15:37 纯白の约定 阅读(27) 评论(0) 推荐(0) 编辑
摘要: 修饰符是用于限定类型以及类型成员的声明的一种符号。 常见修饰符种类:表单修饰符、事件修饰符、鼠标按键修饰符、键值修饰符、v-bind修饰符。 1. 表单修饰符 // lazy、trim、number // 光标离开标签的时候,才会将值赋予给value <input type="text" v-mod 阅读全文
posted @ 2022-08-12 15:35 纯白の约定 阅读(541) 评论(0) 推荐(0) 编辑
摘要: Vue.nextTick( [callback, context] ):在下次 DOM 更新循环结束之后执行延迟回调。在修改数据之后立即使用这个方法,获取更新后的 DOM。 Vue是异步执行dom更新的,一旦观察到数据变化,Vue就会开启一个队列,然后把在同一个事件循环 (event loop)当中 阅读全文
posted @ 2022-08-12 15:28 纯白の约定 阅读(136) 评论(0) 推荐(0) 编辑
摘要: 加载渲染过程:beforeCreate(父) —> created(父)—>beforeMount(父)—>beforeCreate(子)—>created(子)—>beforeMount(子)—>mounted(子)—>mounted(父) 更新过程:beforeUpdate(父) —> befo 阅读全文
posted @ 2022-08-12 15:25 纯白の约定 阅读(353) 评论(0) 推荐(0) 编辑
摘要: vue中我们可能在两种情况下使用key,第一种情况下就是在v-if中,第二种情况下就是在v-for中使用key。 在 v-if 中使用 key 在vue中如果使用v-if进行切换时,此时Vue为了更加高效的渲染,会进行前后比较,如果切换前后都存在的元素,则直接复用。如果我们在模板中切换前后都存在in 阅读全文
posted @ 2022-08-12 15:23 纯白の约定 阅读(462) 评论(0) 推荐(0) 编辑
摘要: beforeCreate(创建前) :组件实例被创建之初,组件的属性生效之前。 生命周期执行的时候,data和methods中的数据都还没有初始化。不能在这个阶段使用data中的数据和methods中的方法。 created(创建后) :组件实例已经完全创建,属性也绑定,但真实 dom 还没有生成, 阅读全文
posted @ 2022-08-12 15:22 纯白の约定 阅读(52) 评论(0) 推荐(0) 编辑
摘要: 1. Doctype 声明位于文档中的最前面,处于html标签之前,告知浏览器以何种模式来渲染文档。 严格模式的排版和 JS 运作模式是以该浏览器支持的最高标准运行。 混杂模式中,页面以宽松的向后兼容的方式显示,模拟老式浏览器的行为以防止站点无法工作。 DOCTYPE不存在或格式不正确会导致文档以混 阅读全文
posted @ 2022-08-12 14:59 纯白の约定 阅读(1208) 评论(0) 推荐(0) 编辑
摘要: 1. websocket 由于http请求只能由客户端发起,所有当服务器资源有变化时,客户端只能通过轮询的方式,非常浪费资源。 websocket的特点: 服务器可以主动向客户端推送信息,客户端也可以主动向服务器发送信息,是真正的双向平等对话,属于服务器推送技术的一种。 建立在 TCP 协议之上,服 阅读全文
posted @ 2022-08-12 14:53 纯白の约定 阅读(69) 评论(0) 推荐(0) 编辑
摘要: 一、变量的作用域 要理解闭包,首先必须理解Javascript特殊的变量作用域。 变量的作用域无非就是两种:全局变量和局部变量。 Javascript语言的特殊之处,就在于函数内部可以直接读取全局变量。 二、如何从外部读取局部变量? 出于种种原因,我们有时候需要得到函数内的局部变量。正常情况下,这是 阅读全文
posted @ 2022-08-12 14:45 纯白の约定 阅读(92) 评论(0) 推荐(0) 编辑
摘要: 1. 单行文本超出部分显示省略号 ①第一步:溢出隐藏 —— overflow: hidden; ②第二步:让文本不会换行, 在同一行显示——white-space: nowrap; ③第三步:用省略号来代表未显示完的文本 ——text-overflow: ellipsis; 2. 多行超出部分显示省 阅读全文
posted @ 2022-08-12 11:49 纯白の约定 阅读(741) 评论(0) 推荐(0) 编辑