阿乐のBlog

官方文档与仓库 Vue之axios详解 如何安装 Axios Using npm: 1$ npm install axios Using bower: 1$ bower install axios Using yarn: 1$ yarn add axios Using jsDelivr CDN: 1<script src="https://cdn.jsdelivr.net/npm/axios/dist/axios.min.js"></script> Using unpkg CDN: 1<script src="https://unpkg.com/axios/dist/axios.min.js"></script> 全局配置🔷在上面的示例中, 我们的BaseURL是固定的   🔹 事实上, 在开发中可能很多参数都是固定的。   🔹 这个时候我们可以进行一些抽取, 将一些公共的配置抽取出来，也可以利用axiox的全局配置。 1axios.defaults ——-传送门——- GET请 ...

借助于 xhr 的 about() 方法，这样我们就可以在适当的位置去调用它，来取消请求。 1xhr.abort(); 123456789101112//获取元素对象const btns = document.querySelectorAll('button');let xhr = null;btns[0].onclick = function() { xhr = new XMLHttpRequest(); xhr.open("GET", 'http://127.0.0.1:8000/delay'); xhr.send();}// abortbtns[1].onclick = function() { xhr.abort(); // --------------------------------------------} 对它的封装: ——-传送门——-

问题：在一些浏览器中(IE),由于缓存机制的存在，ajax 只会发送的第一次请求，剩余多次请求不会在发送给浏览器而是直接加载缓存中的数据。 解决方式：浏览器的缓存是根据 url 地址来记录的，所以我们只需要修改 url 地址，在地址的后面添加一个时间戳，即可避免缓存问题。 1xhr.open("GET",'http://127.0.0.1:8000/ie?t='+Date.now()); 123456789101112const xhr = new XMLHttpRequest();//----------------------------------------------------------------------------------- xhr.open("GET",'http://127.0.0.1:8000/ie?t='+Date.now());//--------------------------------------------------------- ...

让元素在一个坐标系统中变形 12345// 浏览器前缀 -webkit-transform -moz- -ms- -o- 2D转换 translate(x,y) 平移 123transform:translate(100px,100px) // 第二个参数可省略，默认为0transform:translateX(100px) // X轴transform:translateY(100px) // Y轴 rotate(180deg) 旋转 scale(w,h) 缩放 1234transform:scale（2） // 一个参数，等比例缩放 transform:scale(1,2) //宽放大一倍即不变，高度放大两倍transform:scaleX(2)transform:scaleY(2) skew(50deg,50deg) 倾斜 X 是水平方向，Y垂直方向 （元素得是块元素） 12//如果第二个参数省略，默认为0transform:skew(50deg,50deg) // x 轴倾斜50deg，y ...

允许css 的属性值在一定的时间区间平滑度过，在鼠标单击、获取焦点、被点击或对元素任何改变中触发并圆滑地以动画效果改变css 属性值。 transition transition属性是一个简写属性，用于设置四个过渡属性 12transition: property duration timing-function delay;transition: width 1s ease 2s; transition-property 设置过渡效果的 CSS 属性的名称，比如width、 color 、opacity等属性transition-property：none | all | property 1transition-property:width transition-duration 检索或设置对象过渡的持续时间，规定完成过渡效果需要花费的时间 1transition-duration:1s transition-timing-function 检索或设置对象中过渡的动画类型 1transition-timing-function:ease ...