JS闭包的使用场景

定时器 function await(message) {  setTimeout(function timer() {    console.log(message)  }, 1000);}await('hello world') timer 函数里面对变量 message 引用, timer 具有涵盖 await...

  • 0
  • 0
  • 王凯
  • 发布于 2020-07-23 17:14
  • 阅读 ( 598 )

ElementUI多个子组件表单的校验管理实现

背景 公司项目中所用到的前端框架是Vue.js + ElementUI,因为项目的业务场景中有很多的大表单,但是ElementUI的表单写法对于表单的拆分和校验其实并不是很友好。最初的项目为了方便,常常把多...

  • 0
  • 0
  • admin
  • 发布于 2020-07-22 22:34
  • 阅读 ( 754 )

jquery ajax 请求小技巧实例分析

本文实例讲述了jquery ajax 请求小技巧。分享给大家供大家参考,具体如下: jquery   是一个非常好用的js框架,它为我们提供了很多工具。启动异步请求就是很好用的一个工具 官方推荐的ajax 请...

  • 0
  • 0
  • admin
  • 发布于 2020-07-22 22:33
  • 阅读 ( 542 )

javascript 对象 与 prototype 原型用法实例分析

本文实例讲述了javascript 对象 与 prototype 原型用法。分享给大家供大家参考,具体如下: 我们做程序开发的,经常面对的就是一个一个对象。那么在javascript中我们怎么去创建一个类以及一个...

  • 0
  • 0
  • admin
  • 发布于 2020-07-22 22:32
  • 阅读 ( 519 )

javascript json对象小技巧之键名作为变量用法分析

本文实例讲述了javascript json对象小技巧之键名作为变量用法。分享给大家供大家参考,具体如下: 有时候在项目开发过程中,我们需要json对象的键名作为一个变量,键名可变,传统的json格式不...

  • 0
  • 0
  • admin
  • 发布于 2020-07-22 22:32
  • 阅读 ( 594 )

Vue.js watch监视属性知识点总结

这个属性用来监视某个数据的变化,并触发相应的回调函数执行 1.基本用法 (1)添加watch属性,值为一个对象。对象的属性名就是要监视的数据,属性值为回调函数,每当这个属性名对应的值发生变化...

  • 0
  • 0
  • admin
  • 发布于 2020-07-22 22:31
  • 阅读 ( 623 )

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 )

CSS如何清除浮动

css代码如下   <div>开始</div>    <div class="parent">      <div class="first">      </div>    </div>    <div class="step"></div>  &...

  • 0
  • 0
  • 王凯
  • 发布于 2020-07-22 14:01
  • 阅读 ( 578 )

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 )

React生命周期

挂载 当组件实例被创建并插入 DOM 中时,其生命周期调用顺序如下: constructor()static getDerivedStateFromProps()render()componentDidMount() 更新 当组件的 props 或 state 发生变化...

  • 0
  • 0
  • 王凯
  • 发布于 2020-07-22 11:41
  • 阅读 ( 621 )

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 )