m0_46069817-CSDN博客

原创 Ajax请求

Ajax指定请求1. 实例化var request=new XMLHttpRequest();request为实例化的XMLHttpRequest对象，该对象可以重用，但是这将会终止之前通过该对象挂起的任何请求。2. 指定请求open()request.open("GET",url);参数：1.指定HTTP方法或动作，这个字符串不区分大小写，通常大家用大写字母来匹配HTTP协议。取值可以为：GET/POST/HEAD/DELETE/OPTIONS/PUTGET :用于常规请求，适用于U

2020-10-28 11:27:42 65

原创 axios-接口练习

<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <title>Document</title> <script src="https://cdn.bootcdn.net/

2020-10-14 16:16:12 312

原创 axios并发请求

<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <title>Document</title> <script src="axios.min.js"></sc

2020-10-14 16:15:03 118

原创 axios

axiosaxios是专一的异步请求框架，基于promise对象的，每次发送axios请求，返回值为promise对象；axios对于响应数据进行二次封装：axios().then(response=>{ //response是axios二次封装的响应对象 response:{ status, statusText, data, config, request } })config:请求的配置信息config:{ url:'', //请

2020-10-14 16:10:48 83

原创 less

lessless是css的一种预编译语言，扩展了css语法less使css具有了动态语言特性，可以使用变量/函数/逻辑的声明less中使用注释，编译器不会将注释编译到css中，建议多使用注解语法1.变量@name:value例：@width:100px;div{ width:@width; height:@width; }2.混合.mydiv{ width:@width; height:@width; background-color:red; };.my

2020-10-14 14:48:50 65

原创编程路由

编程路由通过js代码使路由进行跳转$router.push()$router.replace()：和push相似，不同之处是不在history中加入新的记录，而是替换当前的history记录$router.go(num)：num为负数时，表示后退num步为正数时，表示前进几步$router.back()：后退一步$router.forward()：前进一步<!DOCTYPE html><html lang="en"><head> <me

2020-10-13 19:26:17 126

原创嵌套路由

嵌套路由路由父子关系1>创建子组件2>嵌套router-link标签，并嵌套router-view3>在路由中new VueRouter()给当前路由添加子路由属性children:[{path:"/",component:a},{}]例：在teacher中嵌套var teacher={ template:` <div> <h1>teacher

2020-10-13 19:18:18 66

原创 vue路由

vue-router基本使用1.定义组件var student={ template:`` }2.定义路由var router=new VueRouter({ routes:[{ path:"/student", component:student },{}] //可以放多个路由对象 })3.挂载到vue实例new Vue(

2020-10-13 19:11:43 49

原创 vue基础语法

vue基础语法插值1.文本{{name}}2.原始html(v-html)<div v-html="rawHtml"></div> var app=new Vue({ el:"", data:{ rawHtml:"<span>hello</span> } })3.属性(v-bind) <div v-bind:id=""></div>

2020-10-13 18:49:49 53

原创 es6 set/map扩展

set/map扩展一.将Set集合转换为数组方法1：let set=new Set([1,2,3,4,5]);let arr=Array.from(set);console.log(arr); //[1,2,3,4,5]console.log(set); //Set{1,2,3,4,5}方法2：let set=new Set([1,2,3,4]);let arr=[];set.forEach(item=>{arr.push(item)});console.log(arr);

2020-09-29 19:27:33 65 1

原创 es6扩展

es6扩展一、对象扩展Object.is(a,b):判断两个参数是否为同一个值返回值为boolean类型10 “10” :falseNaN NaN :true+0 -0 :falsenull null:truenull undefined:falseObject.entries(obj):返回所有属性名，属性值组成的数组//[[“name”,“lisi”],[“age”,20]]Object.assign()Object.setPrototypeOf()：将一个对象的原型设置到

2020-09-29 19:24:48 164

原创 es6解构

es6解构将比较复杂的元素拆分成相对简单的变量1.解构对象将等号左侧的形式设置为和解构对象一样的形式即可拿到对应属性var obj={name:“lisi”,age:20,oo:{key:“hello”}}let {name,age}=objlet {name,age,oo:{key}}; //嵌套解析let {name:nn,age:aa}; //更名解构let {name,age,gender=“man”}=obj; //赋予默认值，解构默认值的变量一定为undefined,

2020-09-29 19:16:31 52

原创 es6导入导出

es6导入导出导出：exportexport不能直接导出一个值export a; //非法方法1：export var a=10;export function say(){};方法2：var a=10;var b=20;export{a,b}export{a as aa,b as bb} //导出时重命名 a->aa b->bbexport default{ }:一个模块中，default导出只能使用一次不能使用var let const声明变量导出：import

2020-09-29 19:13:54 81

原创 JS操作符

操作符一、算术运算符+= +:+ :a+b1.均为number类型，直接计算2.如果a,b不是number类型，并且不是string或者object类型，将当前变量转化为number类型进行计算3.只要其中有一个变量为string类型，另一个变量转化为string类型，直接进行字符串拼接（如果另一个为object类型，默认调用toString() ) var a=10; var b="hello"; sum=a+b; console.lo

2020-08-29 21:05:09 75

原创 JS值传递和引用数据传递

值传递和引用数据传递值传递基本数据类型在进行值传递时，只是复制了一份属性值操作var a=10;b=a;b=b+1;console.log(a); //10console.log(b); //11 引用数据传递当引用数据进行值传递，传递的是引用地址var o1={ name:"lisi", age:20, }o2=o1;o2.name="terry";console.log(o1); //terryconsole.lo

2020-08-29 20:30:01 51

原创 JS数据类型和数据类型转换

JS数据类型及转换一、数据类型JS中有6种数据类型，5种基本数据类型，1种引用数据类型1.基本数据类型undefined：未定义的1.var a; //a的值为undefined 数据类型为undefined2.var a=undefined; //值和数据类型都为undefined3.对于未定义的变量，数据类型也为undefinednull：空引用数据类型即将指向一个引用数据类型，但此时未指向var a=null; //console.log(a);--->null***und

2020-08-26 11:18:34 87

原创 JS基础语法

JS基础语法一、变量声明1.标识符规则：只能由字母，数字，下划线以及$符组成不能以数字开头建议使用驼峰式命名：从第二个单词开始，首字母大写例：var firstNameAndLastName="张三”不能使用关键字或者保留字关键字：在js中具有特殊意义的 var var=10; //不能保留字：未来的关键字 int a=10; var int=10; //不

2020-08-26 10:29:42 126

原创外边距合并问题

父子级1.给父元素添加边框属性2.给父/子元素添加浮动属性3.给父/子元素添加position：absolute属性4.给父级元素添加一个overflow：hidden属性（粘滞定位不能使用）5.给父元素/子元素添加display：inline-block属性6.将本应该设置给子元素的外边距设置为父元素的内边距兄弟级将本应该设置给两个元素的外边距设置给一个元素合并规则两个外边距均为正数时，选较大的均为负数时，选绝对值大的一正一负数值相加...

2020-08-07 15:27:41 92

原创如何让元素在父元素中水平居中

行内元素text-align:centerline-height:center块级元素1.给父元素设置display:flex; 并且设置align-items:center; justofy-content:center;2.给父元素设置display:flex; 给子元素设置margin:auto;3.给父元素一个定位属性，给子元素设置绝对定位，并且配合属性left :50%; top :50%; 让子元素左上角移动到父元素中心位置，然后使用 margin-left:-子元素宽度一半； ma

2020-08-07 15:18:11 518

原创选择器

css选择器# 标签/元素选择器根据标签名称选择一类元素<style> div{ width:300px; height:300px; background-color:blueviolet; margin:10px; } p{

2020-08-01 22:58:43 64

m0_46069817的博客