- 博客(12)
- 收藏
- 关注
原创 组件通信
组件通信为什么要进行组件通信?组件可以说是一个具有独立功能的整体,但是当我们要将这些组件拼接在一起时,这些组件相互之间要建立联系,这个联系我们就称之为通信组件通信的方式有以下几种( 王者级 )父子组件通信使用props来实现子父组件通信自定义事件非父子组件通信ref链bus事件总线多组件状态共享( 多个组件共用同一个数据 ) 大知识点( vuex )vuexa...
2019-07-12 11:06:36 136
原创 虚拟dom&diff算法
虚拟dom && diff算法 ( 王者 )虚拟dom是什么?先看下面的小实验 /* 需求: 有一个变量 count 的初始值时 0,经过一系列运算,得到10001,然后将结果写入box中 */ var box = document.querySelector( '.box' ) // 我们可能会这么写 var count = 0 ; c...
2019-07-12 11:06:05 102
原创 事件修饰符
事件修饰符 计算属性业务:阻止事件冒泡我们在事件处理程序中添加阻止事件冒泡行为时我们发现,e.stopPropagation() 我们书写了三次这么书写会导致代码重复,浪费性能解决: 修饰符<body> <div id="app"> <div class="big" @click = "bigHandler"> <div ...
2019-07-11 22:38:05 86
原创 生命周期
什么是生命周期?vue中的生命周期指得是组件从创建到销毁的过程,在这个过程中,我们在每一个特定的阶段会触发一些方法(这些方法具备一些功能),我们在这些方法取了一个名字叫做生命周期钩子函数。(组件钩子)生命周期目的?要在生命周期钩子中实现项目功能,那么我们必须要知道每一个钩子函数的功能。这个生命周期是谁的生命周期?组件项目中生命周期如何书写(针对功能)Vue的生命周期分为...
2019-07-11 22:37:30 84
原创 框架级的数据请求
框架级的数据请求axios (第三方库)fetch ( javascript 原生提供 )vue数据请求的发展vue-resource ( Vue 以前自己封装使用的请求类库 ) ,但是 vue-resource作者已经放弃更新了vue-resource 作者推荐我们使用 axiosvue-resource 用法 和 axios 相似度 90% +vue2...
2019-07-11 22:36:59 58
原创 动态组件&插槽
动态组件什么是动态组件?可以改变的组件使用通过Vue提供一个component+is属性动态组件指的就是component这个组件案例-业务:点击一个按钮进行组件的切换<div id="app"> <button @click="change">切换</button> <keep-alive include="">...
2019-07-11 22:36:22 732
原创 swiper
swiper作用:实现移动端,pc端的滑动操作是一个第三方库swiper官方文档 www.swiper.com.cnswiper常用于移动端网站的内容触摸滑动Swiper拥有灵活的progress,这是自定义制作3D切换效果的利器在Swiper上加些小动画,制作时下组流行的微展示使用使用Swiper文件逻辑:需要一个css文件,需要一个js逻辑文件,cdn直接拿来用将js...
2019-07-11 22:35:50 56
原创 scope slot 属性验证
slot 作用域插槽旧:slot-scope使用流程在组件的模板中书写slot插槽,并将当前组件的数据通过 v-bind 绑定在 slot标签上在组件使用时,通过slot-scope = “slotProp” 来接收slot标签身上绑定的数据通过 slotProp.xxx 就可以进行使用了<div id="app"> <Hello> ...
2019-07-11 22:35:16 324
原创 react--事件--组件通信
事件处理绑定事件采用on+事件名的方式来绑定一个事件这里和原生的事件是有区别的,原生的事件全是小写如onclick,React中的事件是驼峰如onClickReact的事件并不是原生事件,而是合成事件事件handler的写法直接在render里写行内的箭头函数(不推荐)看着不爽,污染了html结构import React,{Component,Fragment} from ...
2019-07-11 22:34:49 177
原创 Node
Node 简介什么是 node ?Node.js是一个基于Chrome v8引擎的JavaScript运行环境Node.js 使用了一个事件驱动、非阻塞式I/O的模型,使其轻量又高效。事件驱动: 任务执行,发布者,订阅者,事件驱动 ( on emit )非阻塞: 执行某一个任务的同时也可以执行其他任务。非阻塞: 执行某一个任务的同时也可以执行其他任务I/...
2019-07-11 22:34:09 47
原创 mustache-指令-样式-事件-v-model-1
mustache 指令 样式 事件 v-model -1mustache语法糖 {{}}{{ msg }}是this.msg 简写 this.$data.msg -> this.msg -> msg<body> <div id="app"> <p> {{ this.msg }} </p> <p> {...
2019-07-11 22:33:38 631
原创 component
component原理Vue是构造器函数Vue.extend()是vue用来扩展vue功能( 组件 )的Vue决定不进行实例化Vue.extend(),vue借鉴了react,react中组件是以标签的形式使用的vue决定组件要以标签的形式呈现为了符合 html / html5的规则,所以组件的标签化使用必须注册(要不谁认识这都是啥)注册说白了就是用来解析这个标签化的组件为html...
2019-07-11 22:33:20 99
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人