- 博客(16)
- 收藏
- 关注
RSS订阅原创 Promise的介绍和基本使用
1、什么是PromiseES6中一个非常重要和好用的特性就是Promise，Promise是异步编程的一种解决方案（简单来说就是对异步的代码进行包装）2、什么时候会来处理异步事件？一种很常见的场景应该就是网络请求了。我们封装一个网络请求的函数，因为不能立即拿到结果，所以不能像3+4=7一样将结果返回，此时我们会传入另外一个函数，在数据请求成功时将数据通过传入的函数回调出去。如果只是一个简单的网络请求，那么这种方案不会给我们带来很大的麻烦，但是当网络请求非常复杂时就会出现回调地狱（多层回调，回调函数里面
2020-08-07 11:51:16
1126
3
原创 Vue父子组件访问
1、父组件访问子组件：使用$children或$refs（在开发中一般使用$refs）（1）使用$children访问：this.$children是一个数组类型，它包含所有子组件对象。（注意：当要拿到所有子组件的时候才会使用$children）案例：使用$children通过遍历访问子组件中的方法和属性<head> <meta charset="UTF-8"> <title>Document</title>
2020-07-09 11:53:04
226
原创 Vue父子组件通信
一、父子组件的通信概念：子组件是不能引用父组件或者Vue实例的数据的。但是在开发中，往往一些数据确实需要从上层传递到下层，比如在一个页面中，我们从服务器请求到了很多的数据，其中一部分数据并非是我们整个页面的大组件来展示的，而是需要下面的子组件进行展示，这个时候并不会让子组件再次发送一个网络请求，而是直接让大组件（父组件）将数据传递给小组件（子组件）。二、父子组件间的通信方法1、父组件传给子组件：通过props（properties：属性）向子组件传递数据。props基本用法：在组件中，使用选项pr
2020-06-27 17:01:16
227
原创 Vue中的过渡和动画
1、vue动画的理解（1）操作css的transition或animation（2）vue会给目标元素添加/移除特点的class（3）过渡的相关类名：xxx-enter-active：指定显示的transitionxxx-leave-active：指定隐藏的transitionxxx-enter/xxx-leave-to：指定隐藏时的样式2、基本过渡动画的编码（1）在目标元素外包裹（2）定义class样式指定过渡样式：transition指定隐藏时的样式：opacity/其他过渡案例
2020-06-21 15:06:26
390
原创 ES6新增语法
1、let关键字ES6中 新增的用于声明变量的关键字。使用let关键字声明的变量的特点：(1)let声明的变量只在所处于的块级有效（使用let关键字声明的变量具有块级作用域）if(true) { let a = 10; console.log(a);//输出10}console.log(a);//报错注意：使用let关键字声明的变量才具有块级作用域，使用var声明的变量不具备块级作用域特性。拥有块级作用域的变量的好处：防止循环变量变成全局变量。//使用var关键字for(v
2020-05-20 20:32:33
337
原创 CSS隐藏多余的文字并用省略号显示
<!DOCTYPE html><html ><head> <meta charset="UTF-8"> <title>Document</title> <style> p { width: 120px; font-size: 12px; overflow: hidden; white-space: nowrap; text-ov
2020-05-20 20:02:03
605
原创 JS正则表达式
一、正则表达式（Regular Expression）是用于匹配字符串中字符组合的模式。正则表通常被用来检索、替换那些符合某个模式（规则）的文本，例如验证表单：用户名表单只能输入英文字母、数字或者下划线，昵称输入框中可以输入中文（匹配）。此外，正则表达式还常用于过滤掉页面内容中的一些敏感词（替换），或从字符串中获取我们想要的特定部分（提取）。注意：正则表达式里面不需要加引号，不管是数字还是字符串型1、正则表达式的特点(1)灵活性、逻辑性和功能性非常的强(2)可以迅速地用极简单的方式达到字符串的复杂控制
2020-05-16 20:40:16
288
原创 JS递归函数案例
如果一个函数在内部可以调用其本身，那么这个函数就是递归函数。递归函数的作用和循环效果一样。由于递归很容易发生“栈溢出（stack overflow）”错误，所以必须要加退出条件return。我们可以利用递归来求数学题和遍历数据var num = 1;function fn() { console.log("我爱学习"); if(num == 6) { return;//递归里面必须加退出条件 } num++; fn();//在函数内部调用了自身}fn();
2020-05-14 21:35:40
1095
原创 JS闭包案例
闭包（closure）指有权访问另一个函数作用域中变量的函数，简单理解就是一个作用域可以访问另外一个函数内部的局部变量。闭包的主要作用：延伸了变量的作用范围。fn是闭包函数示例：//内部作用域访问函数fn内部的局部变量function fn(){ var num = 10; function fun(){ console.log(num);//输出结果为10 } fun();}fn();//外部作用域访问函数fn内部的局部变量function fn(){
2020-05-12 20:28:26
275
原创 CSS解决高度塌陷的各种方法
在文档流中，父元素的高度默认是被子元素撑开的，子元素多高父元素就多高，当子元素设置浮动之后，子元素会完全脱离文档流，此时会导致子元素无法撑起父元素的高度，从而使父元素的高度塌陷方法一：在父元素中加入overflow:auto，打开BFC即可，或者加入overflow:hidden方法二：用clear属性来清除其他浮动元素对当前元素的影响，clear里面的值分别为left（清除左侧浮动）、right（清除右侧浮动）、both（清除左右两侧浮动）、none（默认值，允许浮动元素出现在两侧）、inheri
2020-05-11 19:56:35
405
原创 js严格模式中的变化
严格模式对JavaScript的语法和行为都做了一些改变，以下给出变量规定、this指向问题和函数的改变1、变量规定(1)在正常模式中，如果一个变量没有声明就赋值，默认是全局变量。严格模式禁止这种用法，变量都必须先用var命令声明，然后再使用'use strict';//严格模式var num = 10;//变量名必须先声明再使用console.log(num);(2)严禁删除已经声明变量。'use strict';var num = 10;console.log(num);delet
2020-05-11 19:26:56
153
原创 ES5中新增的三种方法
ES5中给我们新增了一些方法，可以很方便的操作数组或者字符串，这些方法主要包括： 数组方法 、字符串方法和对象方法一、数组方法迭代（遍历）方法：forEach()、map()、filter()、some()、every()map()和forEach()作用相似，every()和some()作用相似。(1)forEach()语法：array.forEach(function(currrentValue,index,arr))currrentValue：数组当前项的值index：数组当前项的索引a
2020-05-09 21:56:08
196
原创 JS继承问题
关于继承，ES6之前并没有给我们提供，此时我们可以通过构造函数+原型对象模拟实现继承，被称为组合继承1、call()调用这个函数，并且修改函数运行时的this指向语法：fun.call(thisArg,arg1,arg2,…)thisArg：当前调用函数this的指向对象arg1,arg2：传递的其他参数function fn(x,y){ console.log(x + y);}var o = { name:"zhangsan"};fn.call(o,1,2);2、借用构
2020-05-09 21:18:39
136
原创 JS改变函数内部this的指向问题
处理函数内部this的指向问题，常用的有call()、apply()、bind()三种方法。1、call方法作用：可以调用函数和改变函数内的this指向，call的主要作用是可以实现继承。语法：fun.call(thisArg,arg1,ag2,…)var o = { name:"andy"}function fn(a,b) { console.log(this);//此时...
2020-05-08 17:29:57
282
原创 轮播图 dom事件
html代码：<!DOCTYPE html><html> <head> <meta charset="utf-8"> <title>轮播图</title> <link rel="stylesheet" href="aa.css"> </hea...
2020-05-08 11:38:45
178
原创 JS冒泡排序
从小到大排序，外循环和内循环次数最少var array = [65,97,76,13,27,49,58];var s = 0;var s1 = 0;//var isSort = true不能写在循环外面的原因：因为交换位置isSort = false，isSort的值永远都会是false，我们要检测的是某一趟是否交换位置。//循环控制趟数for (var i = 0;i < ar...
2020-05-07 11:24:56
184
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人