前端
泉白水
这个作者很懒,什么都没留下…
展开
-
使用ES6的class封装一个css3动画形变类
HTML文件index.html<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta http-equiv="X-UA-Compatible" content="IE=edge"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <tit原创 2021-04-05 18:05:01 · 173 阅读 · 0 评论 -
AJAX与JSONP的原生js和jquery写法汇总
本文书写的内容是能实现基本功能的ajax和jsonp,可以用于理解ajax和jsonp的工作原理。一、原生写get//1.创建xml对象const xhr = new XMLHttpRequest();xhr.onreadystatechange = callback;//注册回调函数//2.初始化xhr.open('GET' , '接口地址?数据名='+数据+'&数据名='+数据,true);//true代表异步//3.发送xhr.send();//异步下send函数立即完成执行;原创 2021-03-29 17:11:45 · 187 阅读 · 0 评论 -
箭头函数的this指针小例子
箭头函数的this,指向函数定义时所处的对象,默认使用其父级的this(例如window)。1.对象方法内的匿名函数var obj = { f1: function(){ console.log(this);//指向obj var f2=function(){ //这里将一个匿名函数赋值给f2,f2函数没有被挂靠到任何一个对象上去 console.log(this);//所以这里的this指向默认的window(严格模式下是undefind原创 2021-03-27 20:58:04 · 273 阅读 · 0 评论 -
AJAX状态码(status)说明
1**:请求收到,继续处理2**:操作成功收到,分析、接受3**:完成此请求必须进一步处理4**:请求包含一个错误语法或不能完成5**:服务器执行一个完全有效请求失败100——客户必须继续发出请求101——客户要求服务器根据请求转换HTTP协议版本200——交易成功201——提示知道新文件的URL202——接受和处理、但处理未完成203——返回信息不确定或不完整204——请求收到,但返回信息为空205——服务器完成了请求,用户代理必须复位当前已经浏览过的文件206——服务器已经完成转载 2020-12-11 15:30:49 · 244 阅读 · 0 评论 -
如何用原生js实现一个下拉菜单
实现的重点,是要将下拉菜单标题和下拉菜单内容放到一个母盒子里,在母盒子上绑定事件。下拉菜单的标题样式也可以写在母盒子里,然后将下拉菜单标题设置为span标签。<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0">原创 2020-11-25 13:55:15 · 2830 阅读 · 0 评论 -
vscode快速注释快捷键
单行注释:ctrl+/多行注释:alt+shit+A(取消注释的键也是这俩)原创 2020-11-24 15:42:26 · 25765 阅读 · 0 评论 -
URL获取参数
location.search是从当前URL的?号开始的字符串如:http://www.baidu.com/s?wd=baidu&cl=3它的search就是?wd=baidu&cl=3如: location.search.substr(1).split("&")[0]可以返回第一个参数:wd=baidu如: location.search.split(’?’)[1]可以返回所有参数:wd=baidu&cl=3...转载 2020-11-22 15:37:53 · 86 阅读 · 0 评论 -
原生js实现banner轮播图自动切换和按钮切换(淡入淡出)
index.html文件<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <link type="text/css" rel="stylesheet" href="css/style.css"/>原创 2020-10-26 16:22:45 · 1391 阅读 · 0 评论 -
实现浮动元素水平居中
CSS样式: .nav{ width: 1100px; height: 100px; overflow: hidden; position: absolute; right: 50%; margin-right: -550px; } .nav2{ bottom:0; } .navbox2{ overflow: hidden; position: relative;/*这行*/ right: 50%;/*这行*/ paddi转载 2020-06-13 14:24:01 · 172 阅读 · 0 评论 -
使用定时器时需要注意的问题(自动轮播图鬼畜)
我在写轮播图时,它的自动轮播功能我用到了定时器来完成。//定时器wrap.automove=function(){ autoplay=setInterval(function() {wrap.triggerHandler('move_next');} ,3000); };//调用wrap.automove();ui .on('mouseover',function(){ clearInterval(autoplay); }) .on('mouseout',function(){原创 2021-01-06 16:29:56 · 473 阅读 · 0 评论