Vue.js watch监视属性知识点总结
这个属性用来监视某个数据的变化，并触发相应的回调函数执行 1.基本用法 (1)添加watch属性，值为一个对象。对象的属性名就是要监视的数据，属性值为回调函数，每当这个属性名对应的值发生变化...
- 0
- 0
- admin
- 发布于 2020-07-22 22:31
- 阅读 ( 623 )
admin
javascript数组的定义及操作实例
数组是一组数据的集合，js中，数组里面的数据是可以不同类型的 定义数组： 1.通过类实例化来创建数组 var alist01=new Array(1,2,3); 2.通过直接量的方式来创建数组 var alist02=[1,2,3];...
- 0
- 0
- admin
- 发布于 2020-07-22 22:30
- 阅读 ( 645 )
聊聊Vue中provide/inject的应用详解
众所周知，在组件式开发中，最大的痛点就在于组件之间的通信。在 Vue 中，Vue 提供了各种各样的组件通信方式，从基础的 props/$emit 到用于兄弟组件通信的 EventBus，再到用于全局数据管理的 Vu...
- 0
- 0
- admin
- 发布于 2020-07-22 22:23
- 阅读 ( 553 )
浅析vue中的provide / inject 有什么用处
vue的父子组件通信用什么？ ：prop和$emit的组合。 如果是爷孙组件呢？ ：那么就要用父组件来转发数据和事件了。 如果是太爷爷和孙子组件呢？ ：当然是vuex啦 emmm 好的，没我啥事了，我...
- 0
- 0
- admin
- 发布于 2020-07-22 22:22
- 阅读 ( 532 )
Vue项目中使用jsonp抓取跨域数据的方法
下载jsonp npm install jsonp在js文件夹下新增一个jsonp.js,来封装一个jsonp() 如何封装一个jsonp() 在下载的jsopn中，jsonp（url，options，callback）这个是原生jsonp方法中的参数； 引入...
- 0
- 0
- admin
- 发布于 2020-07-22 22:21
- 阅读 ( 542 )
iframe嵌入页面时被嵌入页面内视频不能全屏
今天没事弄着玩突然发现一个问题，就是iframe嵌入页面时，被嵌入页面里的视频不能全屏播放，但是找到了解决方法，就是加入allowfullscreen这个东西，实现后发现挺简单的，大家可以复制以下demo...
- 0
- 0
- 王凯
- 发布于 2020-07-22 17:55
- 阅读 ( 597 )
王凯
Vue使用v-for循环遍历时为什么要绑定key值
首先我们需要了解Diffing 算法 当对比两颗树时，Vue 首先比较两棵树的根节点。不同类型的根节点元素会有不同的形态。 比对不同类型的元素 当根节点为不同类型的元素时，Vue 会拆卸原有的...
- 0
- 0
- 王凯
- 发布于 2020-07-22 14:10
- 阅读 ( 562 )
JS计算数组中有多少小于某数返回数量长度
在一个有序的数组中，查找小于某个数的个数 [1, 2, 3, 4]2// 1 二分查找 let searchInsert = function (arr, x) { let left = 0; let right = arr.length - 1; while (left <= rig...
- 0
- 0
- 王凯
- 发布于 2020-07-22 13:59
- 阅读 ( 618 )
CSS之margin: auto;居中
有时候，要实现一些元素水平垂直都居中，这部分元素呢 可能大小未知，例如一些图片或者是一些未知大小的块元素。 利用绝对定位可以将要居中的元素脱离文档流. position: absolute; left:0p...
- 0
- 0
- 王凯
- 发布于 2020-07-22 11:35
- 阅读 ( 636 )
JS冒泡排序加优化技巧
先写一个交换位置的方法，以后会用到： function swap(a, b, arr) { let temp = arr[a] arr[a] = arr[b] arr[b] = temp } 冒泡排序的基本写法如下： function bubbl...
- 0
- 0
- 王凯
- 发布于 2020-07-22 11:33
- 阅读 ( 630 )
js数组插入排序(优化技巧)
插入排序的基本写法如下： function insertSort(arr) { for (let i = 1; i < arr.length; i++) { let key = arr[i] let j = i - 1; while (j >= 0 && arr[j] > key...
- 0
- 0
- 王凯
- 发布于 2020-07-22 11:31
- 阅读 ( 605 )
JS合并两个有序数组
let a = [1, 3, 5, 7, 9]let b = [2, 3, 6, 8, 10]// 输出结果[ 1, 2, 3, 3, 5, 6, 7, 8, 9, 10] 这个题目主要考察的是算法，不要直接使用数组的API进行操作， 如下 let result = a.conc...
- 0
- 0
- 王凯
- 发布于 2020-07-22 11:29
- 阅读 ( 579 )
vue动态循环出的多个select出现过的变为disabled(实例代码)
vue动态循环出的多个select出现过的变为disabled <template> <div class="artcle"> <el-form label-width="100px" :model="testForm"> <el-form-item...
- 0
- 0
- admin
- 发布于 2020-07-21 22:27
- 阅读 ( 603 )
vue父子组件的通信方法(实例详解)
一、父组件向子组件传递数据 1、首先形成父子组件关系 <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>Document</title>...
- 0
- 0
- admin
- 发布于 2020-07-21 22:26
- 阅读 ( 523 )
分享Angular http interceptors 拦截器使用(推荐)
AngularJS 简介 AngularJS 是一个 JavaScript 框架。它可通过 <script> 标签添加到 HTML 页面。 AngularJS 通过 指令 扩展了 HTML，且通过 表达式 绑定数据到 HTML。 拦截器 在开始创...
- 0
- 0
- admin
- 发布于 2020-07-21 22:26
- 阅读 ( 584 )
vue-父子组件和ref实例详解
父组件向子组件传值 <div id="app"> <!-- 父组件，可以在引用子组件的时候， 通过 属性绑定（v-bind:） 的形式, 把 需要传递给 子组件的数据，以属性绑定的形式，传递到子组件内部...
- 0
- 0
- admin
- 发布于 2020-07-21 22:25
- 阅读 ( 581 )
vue $set 给数据赋值的实例
如果在实例创建之后添加新的属性到实例上，它不会触发视图更新。 业务介绍：模拟后台数据向DOM树上遍历数据，再向数据里添加状态属性，根据状态改变显示图片，默认nochecked.png，点击时改变状...
- 0
- 0
- admin
- 发布于 2020-07-21 22:25
- 阅读 ( 537 )
Vue 数组和对象更新,但是页面没有刷新的解决方式
在使用数组的时候，数组内部数据发生改变，但是与数组绑定的页面的数据却没有发生变化。 <ul> <li v-for="(item,index) in todos" :key="index">{{item.name}}</li> <...
- 0
- 0
- admin
- 发布于 2020-07-21 22:24
- 阅读 ( 579 )
