- 博客(28)
- 资源 (11)
- 问答 (1)
- 收藏
- 关注
原创 vue全局事件总线
# 全局事件总线:可以实现任意组件间的通信 可以设置为全局事件总线的对象需要满足: 1、能使全局所有的组件都能够访问的到 2、这个对象具有$emit() $on() $off() 方法 满足这个两个要求的只有是Vue对象 全局事件组件可以实现任意两个组件之间进行数据的交互 创建全局实例对象:方式1 在main.js中 import Vue from "vue" Vue.prototype.$EventBus=new Vue() 创建
2021-07-31 22:07:27 381
原创 vue消息订阅与发布
消息订阅与发布 也可以实现任意组件间的通信 1.订阅消息:设置消息名 --》需要数据的组件进行订阅消息 2.发布消息:传递消息内容 --》传递数据的组件进行发布消息 npm i pubsub-js --> 消息订阅与发布所需库 使用步骤 1.npm i pubsub-js -S 2.在需要使用消息订阅与发布的地方使用 订阅消息的组件(接收数据的组件) import pubsub from "pubsub-js" mo
2021-07-31 21:59:05 1419
原创 vue重要知识点总结(一)
监听的属性发生改变就会执行回调函数注意:Vue所管理的函数,都不能写成箭头函数,Vue管理的函数:methods中定义的函数,计算属性,监听器中的函数事件修饰符vue中的事件修饰符: 1.prevent:阻止默认事件(常用);原生阻止默认行为:event事件对象.preventDefault() 2.stop:阻止事件冒泡(常用);原生阻止冒泡:event事件对象.stopPropagation() 3.once:事件只触发一次(常用)之后就不会触发绑定的事件函数; 4.capture:使用
2021-07-31 20:34:23 302
原创 Vue与组件VueComponent的关系
Vue中一个重要的内置关系:VueComponent.prototype.__proto__===Vue.prototype这个内置关系使得:让组件实例对象(vc)可以访问到Vue原型上的属性和方法
2021-07-30 20:02:13 241
原创 将博客搬至CSDN
将博客搬至CSDN将博客搬至CSDN将博客搬至CSDN将博客搬至CSDN将博客搬至CSDN将博客搬至CSDN将博客搬至CSDN将博客搬至CSDN将博客搬至CSDN将博客搬至CSDN将博客搬至CSDN将博客搬至CSDN将博客搬至CSDN将博客搬至CSDN将博客搬至CSDN...
2021-07-30 10:56:04 24
翻译 Vue内置指令、Vue指令 + Vue收集表单数据
我们学过的指令: v-bind : 单向绑定解析表达式, 可简写为 :xxx v-model : 双向数据绑定 v-for : 遍历数组/对象/字符串 v-on : 绑定事件监听, 可简写为@ v-if : 条件渲染(动态控制节点是否存存在) v-else : 条件渲染(动态控制节点是否存存在) v-show : 条件渲染 (动态控制节点是否展示) v-text指令: 1.作用:向其所在的节点中渲染文本内容。 2.与插值..
2021-07-27 22:07:18 115
原创 Vue数组中响应式的方法:
Vue数组中响应式的方法: push() 在数组最后元素中追加元素 pop() 删除数组最后一个元素 shift() 删除数组中第一个元素 unshift() 在数组前面元素中追加元素 splice() 删除、插入、替换元素 sort() 排序 reverse() 反转Vue中的响应式原理vue响应式依赖的两种核心技术:1.Vue中修改数据,Vue内部是如何监听message数据的变化的Object.defineProperty()
2021-07-27 20:37:19 214
原创 微信小程序-父子组件间通信
1.父子组件之间通信的三种方式1.1属性绑定:父—>子在子组件中的properties中先提前定义好父组件传递过来的数据, properties: { count:{ type:Number, value:0 } } 注意:properties中的数据与data中的数据是一致的,直接可以被修改在父组件中通过子组件标签以属性的方式传递数据给子组件<son-comp count="{{count}}"></son-com
2021-07-26 16:34:25 1184
原创 Web前端学习视频、Vue教程、React教程、Axios教程...【最详细视频教程】
资源链接:https://download.csdn.net/download/weixin_46435234/20429610此链接为博客资源链接,请放心购买,(整理资源不易,就当请小弟一杯奶茶啦)资源目录:
2021-07-23 11:09:50 81
原创 Web前端学习视频、Vue教程、React教程、Axios教程...【最详细视频教程】
资源链接:https://download.csdn.net/download/weixin_46435234/20429610此链接为博客资源链接,请放心购买资源目录:
2021-07-22 17:24:38 118
原创 React-教程【003-虚拟DOM与真实DOM】
<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta http-equiv="X-UA-Compatible" content="IE=edge"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <title>Document&l
2021-07-21 21:25:25 118
原创 React-教程【002-虚拟DOM创建的两种方式】
<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta http-equiv="X-UA-Compatible" content="IE=edge"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <title>Document&l
2021-07-21 21:19:53 100
原创 React-教程【001-初识React】
<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta http-equiv="X-UA-Compatible" content="IE=edge"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <title>Document&l
2021-07-21 20:56:59 91
原创 Node监听本地文件变化,自动重新启动服务
最好安装一下nodenmon 这个来启动node环境pip install nodemon// node监听本地文件发生变化,重新启动服务async function kill(child, callback) { if (process.platform === "win32") { const _child = execa('taskkill /pid ' + child.pid + ' /T /F', [], { shell: true, cwd
2021-07-18 18:29:19 578
转载 js箭头函数与普通函数的区别
写法普通函数: function add(a,b){return a+b};箭头函数:(a,b)=>a+b;区别1.this方面:普通函数内部的this,默认指向window,严格模式下指向undefined;箭头函数内部的this,与上一级作用域中的this指向同一个地方2.arguments方面:普通函数,可以通过arguments来实现重载;箭头函数中,没有arguments,代替它功能是剩余参数rest(...)。3.原型对象方面:普通函数,是有自己的原.
2021-07-17 15:03:59 121
原创 解决谷歌浏览器字体缩小到12px
浏览器字体小于12px的解决方案1.通过transform:scale()进行缩放<div class="box text1">字体大小是12px</div><!--里面在添加span标签,因为transform:scale会缩放外层div的宽高 --><div class="box text2"> <span>字体大小是8px</span> </div>复制代码.box{ width: 20
2021-07-17 15:00:11 429
转载 怎么监听Vuex数据
分析: 此题考查Vuex的应用及 Vue内部的监听数据变化的机制 解答: 首先确定 Vuex是为了解决什么问题而出现的 ? Vuex是为了解决组件间状态共享而出现的一个框架. 其中有几个要素 是组成Vuex的关键, state(状态) mutations actions , state 表示 需要共享的状态数据 mutations 表示 更改 state的方法集合 只能是同步更新 不能写ajax等异步请求 actions 如果需要做异步请求 ...
2021-07-17 14:53:42 3150
原创 方法/通用better-scroll【最详细教程】
文章目录 better-scroll介绍better-scroll 是什么起步滚动原理better-scroll 在 MVVM 框架的应用 安装NPMscript 加载 选项 / 基础startXstartYscrollXscrollYfreeScrolldirectionLockThresholdeventPassthroughclickdblclick(v1.12.0+)tapbouncebounceTimemomentummomentumLimitTimemomentumLimitDi...
2021-07-14 19:59:58 4475
原创 Better-Scroll的封装
Bettor-Scroll.vue组件<template> <!-- wrapper必须要有高度 --> <div class="wrapper"> <!-- 当 content 的高度不超过父容器的高度,是不能滚动的 --> <div class="content"> <!-- 滚动内容 --> <slot></slot> </div>..
2021-07-07 15:35:15 165
原创 React手脚架项目目录结构
React脚手架项目目录结构根目录:|-- node_modules 项目依赖包 由npm进行管理|-- public ---- 静态资源文件夹 —公共文件,里边有公用模板和图标等一些东西|-- favicon.icon ------ 网站页签图标|-- index.html -------- 主页面,承装各个组件 整个项目只有一个html文件,单页面应用|-- logo192.png ------- logo图|-- logo512.png ------- logo图|-- manif..
2021-07-06 13:03:47 341
原创 js中的localStorage
//localStorage会可以将第一次请求的数据直接存储到本地 /* 存放数据键值对到本地: localStorage.setItem("键值",数据) localStorage.键值 取出存放在本地的数据: localStorage.getItem("键值") 删除键值对 localStorage.clear() 清空 localStorage.removeItem("键值"); */ // 保存用户状态 const isLo.
2021-07-04 14:36:06 690
转载 vue&react中的key的作用
经典面试题: 1). react/vue中的key有什么作用?(key的内部原理是什么?) 2). 为什么遍历列表时,key最好不要用index? 1. 虚拟DOM中key的作用: 1). 简单的说: key是虚拟DOM对象的标识, 在更新显示时key起着极其重要的作用。 2). 提升渲染性能 2). 详细的说: 当状态中的数据发生变化时,react会根据【新数据.
2021-07-02 20:45:48 70
方方格子-wps版.....
2021-12-09
安装 pip install scrapy报错
2021-06-01
TA创建的收藏夹 TA关注的收藏夹
TA关注的人