嘿！那个姑娘

2021年4月10日

摘要： // const xhr = new XMLHttpRequest() // //true支持异步 // xhr.open('get', '/work1/javascript/ajax/ziyuan.json', true) // xhr.onreadystatechange = function( 阅读全文

posted @ 2021-04-10 20:40 嘿！那个姑娘阅读(56) 评论(0) 推荐(0)

DOM操作性能

摘要： DOM是树结构 property: 修改对象属性，不会体现到html中（通过style改变节点的样式，不会加入html行内样式） attribute: 修改html属性，会改变html结构（setattribute,getattribute) 两者都有可能会引起DOM重新渲染 DOM操作非常昂贵，很阅读全文

posted @ 2021-04-10 17:53 嘿！那个姑娘阅读(93) 评论(0) 推荐(0)

2021年4月9日

event loop (事件轮询、事件循环) 和宏任务/微任务

摘要： Event Loop即事件循环，是指浏览器或Node的一种解决javaScript单线程运行时不会阻塞的一种机制，也就是我们经常使用异步的原理。 stack：栈 web apis：定义的api call stack：调用栈 callback queue：回调队列 event loop：事件轮询同步阅读全文

posted @ 2021-04-09 14:19 嘿！那个姑娘阅读(208) 评论(0) 推荐(0)

promise 和 async/await

摘要： promise有三种状态： pending 挂起 resolved rejected then正常状态返回resolved，里面有报错则返回rejected catch正常则返回resolved，里面有报错则返回rejected 只要是resolved状态后面的then都会继续执行下去抛出错误会执阅读全文

posted @ 2021-04-09 10:06 嘿！那个姑娘阅读(63) 评论(0) 推荐(0)

2021年4月8日

使用请求拦截器统一添加 Token

摘要： ####项目中的接口除了登录之外大多数都需要提供 token 才有访问权限方式一：在每次请求的时候手动添加（麻烦）。 axios({ method: "", url: "", headers: { Authorization: "Bearer token" } }) 方式二：使用请求拦截器统一添加阅读全文

posted @ 2021-04-08 10:30 嘿！那个姑娘阅读(1303) 评论(0) 推荐(0)

解决token过期问题

摘要： ####login时获取了两个token，一个token，一个refresh_token，当token过期时，通过refresh_token再请求新的token，存到本地存储中。 // 响应拦截器 request.interceptors.response.use( // 响应成功进入第1个函数 / 阅读全文

posted @ 2021-04-08 09:37 嘿！那个姑娘阅读(4566) 评论(0) 推荐(1)

2021年4月7日

路由跳转router.push和router.replace

摘要： router.push 和 router.replace都是路由跳转区别在于 router.push 会产生历史记录 router.replace不能回退 router.replace 不会产生历史记录，在跳转到登陆页面的时候使用router.replace，使用router.push没有意义。阅读全文

posted @ 2021-04-07 22:17 嘿！那个姑娘阅读(987) 评论(0) 推荐(0)

原型和原型链

摘要： ####原型与原型链的概念原型：我们创建的每个函数都有一个 prototype(原型) 属性，这个属性指向一个对象，而这个原型对象包含它的实例对象所共享的属性和方法。图解：每一个构造函数都拥有一个 prototype 属性，这个属性指向一个对象，也就是原型对象原型对象默认拥有一个 cons 阅读全文

posted @ 2021-04-07 16:42 嘿！那个姑娘阅读(87) 评论(0) 推荐(0)

关于margin的一些问题

摘要： ####margin的纵向重叠问题相邻元素的margin-top和margin-bottom会发生重叠空白内容的p标签也会重叠 ####margin负值问题 margin-top和margin-left负值，元素会向上和向左移动 margin-right负值，右侧元素会向左移动，自身不受影响 m 阅读全文

posted @ 2021-04-07 14:11 嘿！那个姑娘阅读(61) 评论(0) 推荐(0)

水平居中、垂直居中

摘要： ###水平居中 inline行内元素：其父元素设置 text-align: center block块元素： margin: auto（自身要有宽度） absolute: left: 50% + margin-left负值(自身宽度一半） ###垂直居中 inline元素： line-height: 阅读全文

posted @ 2021-04-07 11:38 嘿！那个姑娘阅读(104) 评论(0) 推荐(0)

嘿！那个姑娘

公告