浅析vue中的provide / inject 有什么用处
vue的父子组件通信用什么？ ：prop和$emit的组合。 如果是爷孙组件呢？ ：那么就要用父组件来转发数据和事件了。 如果是太爷爷和孙子组件呢？ ：当然是vuex啦 emmm 好的，没我啥事了，我...
- 0
- 0
- admin
- 发布于 2020-07-22 22:22
- 阅读 ( 532 )
admin
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 )
使用Vue.set()方法实现响应式修改数组数据步骤
在页面中显示数组数据时发现了一个问题，当在methods方法中修改数组数据后，虽然数组已经发生改变，但是改变后的数据并没有渲染到页面上。这是因为在VUE中，如果在实例创建之后添加新的属性或者...
- 0
- 0
- admin
- 发布于 2020-07-21 22:24
- 阅读 ( 584 )
vue实现页面内容禁止选中功能,仅输入框和文本域可选
上网上翻了翻，共找到两种方式 CSS样式控制，只需将下面代码复制到 vue应用下，index.html文件中的body标签上 *{ -webkit-touch-callout:none; /*系统默认菜单被禁用*/ -webkit-user-sele...
- 0
- 0
- admin
- 发布于 2020-07-21 22:23
- 阅读 ( 587 )
Vue 实现复制功能,不需要任何结构内容直接复制方式
介绍： 在做复制文档功能时，考虑到是个不太会复用的小功能，最后选择直接用 document.execCommand 方法实现。 在查阅资料时候，发现其他人都需要在页面上写上结构、ID。然后捕捉某个ID获取内...
- 0
- 0
- admin
- 发布于 2020-07-21 22:23
- 阅读 ( 585 )
