MiyaFairyland-CSDN博客

原创 2021-07-21

vue的生命周期vue的生命周期：从vue实例的创建，运行到销毁期间，会有各种各样的事件，这些事件，都称为生命周期。主要的生命周期的分类：创建阶段：1. beforeCreate：实例刚在内存中创建出来，此时还没有初始化好data以及methods.2. created: 实例已经在内存中创建好了，data和methods也都已经创建好了，所以最早可以在created里面操作data以及methods。但此时还没有开始编译模板。3. beforeMount：此时已经完成了模板的编译，但还没

2021-07-21 11:27:49 94

原创 ajax五步骤

ajax: Asynchronization JavaScript And Xml 1.创建异步请求对象 var 对象=new XMLHttpRequest(); 2.调用open方法传入请求方式和服务器地址等参数 3.调用send方法真正发起网络请求 4.注册状态改变事件 5.在事件驱动函数里面处理返回数据 1.创建异步请求对象 var ajaxObj=new XMLHttpRequest();

2021-04-28 17:47:18 75

原创冒泡排序的实现

冒泡排序(四次优化)内部循环length-1, 因为倒数第二个元素和倒数第一个元素可以比较但是倒数第一个不能再和后面比较外层循环length-1, 五个数冒泡四次就完成排序内层循环length-1再减去外层循环变量每轮比较完都会冒出一个当前轮的最小值下一轮比较就可以少比较一次利用开闭原则实现在不停的冒泡过程中一旦顺序已经完成立即停止排序for(var j=0;j<arr.length-1 ;j++){ var boo=true; //在每一轮循环开始

2021-04-28 16:25:08 108

原创获取dom节点的五种方式

获取dom节点的五种方式:1. document.getElementById("标签的id名") 返回获取到的标签节点对象此种方式没有兼容问题2.document.getElementsByTagName("标签名") 根据标签的名字获取多个节点对象返回伪数组(伪数组不能直接进行dom操作必须取出其中元素才可以操作) 注意!!!!!!!! 无论根据标签获取的是单个元素还是一堆元素都返回的是伪数组对象不能直接dom操作这个

2021-04-28 16:22:06 1619

原创 cookie的封装

<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>Document</title></head><body><button>存储cookie</button><button>获取cookie</button><button>存储带时长的co

2021-04-26 17:58:49 107

原创懒加载封装

<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>Title</title> <style> *{ margin: 0; padding: 0; } p{ height: 2000px;

2021-04-26 17:52:20 116

原创无缝轮播封装

<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>Title</title> <style> *{ padding: 0; margin: 0; } #box{ width: 500px;

2021-04-21 11:55:12 65

m0_57091576的博客