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