![](https://img-blog.csdnimg.cn/20201014180756738.png?x-oss-process=image/resize,m_fixed,h_64,w_64)
JavaScript
文章平均质量分 65
饮尽杯中月
这个作者很懒,什么都没留下…
展开
-
Promise全解析
1 为什么需要promise需求通过ajax请求id, 再根据id请求用户名, 再根据用户名获取email回调地狱在回调函数中嵌套回调Promise解决了回调地狱2 Promise的基本使用Promise是一个构造函数, 通过new关键字实例化对象语法new Promise((resolve, reject)=>{})Promise接受一个函数作为参数在参数函数中接受两个参数resolve: 成功函数reject: 失败函数promise实例p原创 2021-01-31 09:46:33 · 723 阅读 · 1 评论 -
构造函数和原型
商品查询案例-利用数组新增方法操作数据<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <meta http-equiv="X-UA-Compatible" content="ie=edge">原创 2021-01-18 19:00:25 · 69 阅读 · 0 评论 -
函数高级(闭包、递归、深浅拷贝)
闭包的实例1.点击li输出当前li的索引号<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <meta http-equiv="X-UA-Compatible" content="ie=edge"&原创 2021-01-18 16:20:24 · 169 阅读 · 1 评论 -
Javascript之BOM
总结案例:1.倒计时效果<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <meta http-equiv="X-UA-Compatible" content="ie=edge">原创 2021-01-03 20:25:51 · 103 阅读 · 0 评论 -
移动端特效
总结案例1.轮播图需求:1.可以自动播放图片2.手指可以拖动播放轮播图实现:小圆点跟随变化:①小圆点跟随变化效果②把ol里面li带有current类名的选出来去掉类名 remove③让当前索引号 的小li 加上 current add④但是,是等着过渡结束之后变化,所以这个写到 transitionend 事件里面手指滑动轮播图:①手指滑动轮播图②本质就是ul跟随手指移动,简单说就是移动端拖动元素③触摸元素 touchstart: 获取手指初始坐标④移动手指 touchm原创 2021-01-03 20:00:49 · 169 阅读 · 0 评论 -
PC端网页特效
1.总结:2.实例1.拖动的模态框要求:1.点击弹出层, 会弹出模态框, 并且显示灰色半透明的遮挡层。2.点击关闭按钮,可以关闭模态框,并且同时关闭灰色半透明遮挡层。3.鼠标放到模态框最上面一行,可以按住鼠标拖拽模态框在页面中移动。4.鼠标松开,可以停止拖动模态框移动。思路:①点击弹出层, 模态框和遮挡层就会显示出来 display:block;②点击关闭按钮,模态框和遮挡层就会隐藏起来 display:none;③在页面中拖拽的原理: 鼠标按下并且移动, 之后松开鼠标④触发事件是原创 2020-12-30 20:07:09 · 144 阅读 · 0 评论 -
javascript 之DOM
1.仿京东显示密码①核心思路: 点击眼睛按钮,把密码框类型改为文本框就可以看见里面的密码②一个按钮两个状态,点击一次,切换为文本框,继续点击一次切换为密码框③算法:利用一个flag变量,来判断flag的值,如果是1 就切换为文本框,flag 设置为0,如果是0 就切换为密码框,flag设置为1 // 1. 获取元素 var eye = document.getElementById('eye'); var pwd = document.getElementById原创 2020-12-20 20:38:53 · 160 阅读 · 0 评论 -
JavaScript预解析
f1();console.log(c); console.log(b); console.log(a); function f1() { //相当于var a = 9; b = 9; c = 9; b和c直接赋值,没有声明,当全局变量看 //易混淆:集体声明 var a = 9, b = 9, c = 9; var a = b = c = 9; console.log(a); console.log(b); console.log(c);}执行顺序:function f1(原创 2020-12-07 13:25:24 · 240 阅读 · 0 评论