剑仙6

2019年12月6日

摘要： vue生命周期简介咱们从上图可以很明显的看出现在vue2.0都包括了哪些生命周期的函数了。生命周期探究对于执行顺序和什么时候执行，看上面两个图基本有个了解了。下面我们将结合代码去看看钩子函数的执行。 ps:下面代码可以直接复制出去执行 <!DOCTYPE html> <html> <head> 阅读全文

posted @ 2019-12-06 10:28 剑仙6 阅读(252) 评论(0) 推荐(0) 编辑

详解Vue生命周期---1

摘要：目录 Vue实例的生命周期全过程（图）在beforeCreate和created钩子函数间的生命周期 created钩子函数和beforeMount间的生命周期 el选项的有无对生命周期过程的影响 template参数选项的有无对生命周期的影响 Vue的编译过程——把模板编译成 render 函数阅读全文

posted @ 2019-12-06 10:27 剑仙6 阅读(261) 评论(0) 推荐(0) 编辑

Vue之methods watch和compute的区别和联系

摘要： computed是用来把多个基础的数据组合成一个复杂的数据；同时获得了vue提供的自动变更通知机制。即将基础数据变为复杂数据，同时获得自动变更通知机制 watch是利用了vue的自动变更通知机制，用于把这一变化扩散出去（实现相关的更新逻辑或者做和computed相反的事情）。即利用自动变更通知机阅读全文

posted @ 2019-12-06 09:43 剑仙6 阅读(924) 评论(0) 推荐(0) 编辑

2019年12月5日

面向过程编程&面向对象编程

摘要：面向过程编程 Procedure Oriented Programming C语言是面向过程编程的，面向过程编程主要使用顺序、条件选择、循环三种基本结构来编写程序。顺序：按照时间轴顺序完成每个处理；条件选择：根据条件的成立与否执行不同的条件分支；循环：根据一定的条件反复执行同样的代码；面向过阅读全文

posted @ 2019-12-05 16:50 剑仙6 阅读(198) 评论(0) 推荐(0) 编辑

2019年12月4日

JS高阶---线程与事件机制（小结）

摘要：【大纲】【主体】注意：先进先出事件轮询：事件初始化代码执行完毕后，开始执行事件队列里的待处理事件 . 阅读全文

posted @ 2019-12-04 23:50 剑仙6 阅读(99) 评论(0) 推荐(0) 编辑

Vuex简介

摘要：一. 什么是Vuex? Vuex Vuex是一个专门为Vue.js应用程序开发的状态管理模式, 它采用集中式存储管理所有组件的公共状态, 并以相应的规则保证状态以一种可预测的方式发生变化. Vuex核心上图中绿色虚线包裹起来的部分就是Vuex的核心, state中保存的就是公共状态, 改变stat 阅读全文

posted @ 2019-12-04 11:29 剑仙6 阅读(376) 评论(0) 推荐(0) 编辑

Vuex操作步骤

摘要：概念流程图：案例：（1）src/store/index.js导出仓库（2）在入口文件引入仓库并派发到每个组件，在入口文件main.js引入，挂载到根组件上，方便以后使用this.$store调用仓库数据（3）组件读取显示直接读取：年纪：{{this.$store.person.age}} 阅读全文

posted @ 2019-12-04 11:28 剑仙6 阅读(165) 评论(0) 推荐(0) 编辑

vue单页面应用刷新网页后vuex的state数据丢失的解决方案

摘要：最近在用vue写pc端项目，用vuex来做全局的状态管理，发现当刷新网页后，保存在vuex实例store里的数据会丢失。 1. 产生原因 2. 解决思路 3. 解决过程 1. 产生原因其实很简单，因为store里的数据是保存在运行内存中的,当页面刷新时，页面会重新加载vue实例，store里面的数阅读全文

posted @ 2019-12-04 10:53 剑仙6 阅读(350) 评论(0) 推荐(0) 编辑

2019年12月3日

JS高阶---H5之Web Workers多线程

摘要：大纲：主体：（1）介绍（2）案例编程实现斐波那契数列的计算递归调用实现案例： Web Workers多线程的新标准并没有改变JS单线程的本质，分离出的子线程完全受主线程控制，且不得操作DOM，只有主线程才可以对页面进行更新操作。（3）使用 ①创建分线程文件 ②主线程发消息并设置回调（4 阅读全文

posted @ 2019-12-03 23:39 剑仙6 阅读(294) 评论(0) 推荐(0) 编辑

JS高阶---事件循环模式（事件轮询）

摘要：大纲：相关知识点：主体：（1）模型原理 JS部分：初始化代码执行 WebAPIS：执行上下文对象（不是一个真的对象，而是一个抽象的虚拟对象，可以看做栈里的一个区域，包含很多对象） setTimeout：定时器管理模块（分线程） DOM（document）：事件响应管理模块（分线程）callba 阅读全文

posted @ 2019-12-03 23:12 剑仙6 阅读(465) 评论(0) 推荐(0) 编辑

公告