阿乐のBlog

借助于 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 轴倾斜5 ...

允许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 ...

wxParse是一个微信小程序富文本解析组件。现在小程序里面自带了一个<rich-text>组件也能解析富文本，但是表现不尽人意。所以我还是采用的wxParse来解析富文本的。 wxParse git地址：https://github.com/icindy/wxParse。 如下图： 2.在 你需要引用这个插件的 wxml 文件中引用 wxParse.wxml12//路径根据你实际情况修改<import src="../../../wxParse/wxParse.wxml"/> 3.在 你需要引用这个插件的 wxss 文件中引用 wxParse.wxss12//路径根据你实际情况修改@import "../../../wxParse/wxParse.wxss"; 4.在 你需要引用这个插件的 js 文件中引用 wxParse.js12//路径根据你的实际情况更改var WxParse = require('../../../wxParse/wxParse.js'); 5.将你需要解析的内 ...