![](https://img-blog.csdnimg.cn/20200406124546365.jpg?x-oss-process=image/resize,m_fixed,h_224,w_224)
JavaScript
Web基础:JavaScript 学习,从入门到精通!
mariner_zp
不信命的人本事很大
展开
-
Promise对象学习笔记
认识Promise对象 :const promise=new Promise((resolve,reject)=> { //... some code if (当操作的结果是xxx,则返回操作成功的状态) { resolve(value) } else{ reject(error) }})promise.then(function fn_resolve(value) { //sucess},funct原创 2020-07-27 13:15:23 · 199 阅读 · 0 评论 -
async函数初步学习笔记
异步的概念:简单说异步就是一个任务是不连续执行的,先执行第一段,然后转而执行其他任务,等做好了准备再执行第二段。比如有一个任务是读取文件进行处理,该任务的第一段是向操作系统发送请求,要求读取文件,为了保证cpu的利用率,计算机会执行其他任务等到操作系统返回文件再转而继续执行下一段。相应的,连续的执行叫同步,由于是连续执行,不能插入其他任务,所以操作系统从硬盘读取文件的这段时间,程序只能干等着。回调函数:JavaScript对异步编程的实现,就是回调函数。所谓回调函数,就是把任务的第二段单独写在一原创 2020-08-03 09:29:37 · 190 阅读 · 0 评论 -
JS可视区宽高的获取
可视区的宽高:包含滚动条(上下和左右滚动条):不包含滚动条:原创 2020-07-07 00:39:29 · 176 阅读 · 0 评论 -
js获取dom节点元素
1.特殊元素的获取方式:html元素:document.documentElementbody元素:document.bodyhead元素:document.headtitle(返回的是文本内容):document.title2.获取元素的所有子元素节点(不包括后代元素)<body> <div> <ul> <li><a href="">1</a&原创 2020-06-23 18:07:21 · 222 阅读 · 0 评论 -
JS正则表达式
总得来说,理解正则表达式大部分都是要靠背的,背的好自然用的就顺手。首先列举一下正则表达式里面具有特殊含义的字符,然后文章以下会挨个详细讲解其用法: //子项() let str8='abcabcabcnonono你好'; let r8=/(abc)+(no)+/; console.log(str8.match(r8));//匹配到的数据 子项1,子项2... // 最近一次子项匹配的结果会存储到RegExp里面 .原创 2020-07-27 19:20:16 · 136 阅读 · 0 评论 -
JS (call、bind、apply)改变this指向
<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>Document</title></head><style> div{ width: 100px; height: 100px; background-color: black; }<.原创 2020-05-27 23:32:11 · 122 阅读 · 0 评论 -
JavaScript this指向问题
<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>Document</title></head><body> <script> /* 每个作用域都有this关键词 同一个作用域的this指向是相同的 */.原创 2020-05-27 23:30:30 · 89 阅读 · 0 评论 -
JS写滑稽笑脸运动
效果演示:(就这玩意儿,差点写崩了...)代码:<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>滑稽笑脸运动</title> <meta name="author" content="marinerzp"> <style> *{padding: 0;marg原创 2020-05-27 00:47:30 · 401 阅读 · 0 评论 -
JS写无缝轮播(干货!)
无缝轮播的主要思路是:当前显示图片(1,2,3,4,5)为最后一张(5)且右按钮被点击时,在5后面接一张1(1,2,3,4,5,1)以保证图片位移方向的一致性,然后以0s的transform速度回到第1张(index:0),即在用户视觉查看不到的速度内换掉最后一张1(index:5)。当显示图片为第一张且左按钮被点击的时候,也是一样的道理,在1前面接一张5(5,1,2,3,4,5,1),然后在0秒内回到第五张(index:5)。代码:<!DOCTYPE html><htm原创 2020-05-25 17:28:12 · 269 阅读 · 0 评论 -
用JS实现购物车结算
代码就是这样,写多了就越写越简单了~效果图:代码:<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <title>mariner_zp</title> <原创 2020-05-22 01:29:21 · 2826 阅读 · 0 评论 -
JavaScript 数组遍历for in和for of用法对比
for in的用法: /* for in */ //数组遍历 let ary=[11,3,5,7]; for(let i in ary){ console.log(i);//输出数组下标 console.log(ary[i]);//输出对应的值 } ary.forEach(function(node){ console.log(node); }) console.lo.原创 2020-05-22 01:19:17 · 312 阅读 · 0 评论 -
字符串方法 split join slice trim charAt charCodeAt indexOf lastIndexOf
<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <title>Document</title></head><body> <script&g.原创 2020-07-12 21:28:03 · 101 阅读 · 0 评论 -
JavaScript 数组相关api(forEach、map、filter、sort、push 、pop 、unshift 、shift、splice、slice)
/* 数组的相关方法: forEach、map、filter、sort、push、pop、unshift、shift */ // forEach:遍历数组,不改变原数组 let Ali=document.querySelectorAll('li'); Ali.forEach(function(node){//只有nodeList、和数组才能使用forEach方法 no...原创 2020-05-22 00:34:44 · 263 阅读 · 0 评论 -
JavaScript 箭头函数
/**********箭头函数**********/ //两个参数: let add = (a, b) => a + b; console.log(add(3, 4)); //一个参数: let square = n => n * n; console.log(square(3)); //没有参数: let noparameter = () => { ..原创 2020-05-27 23:28:07 · 126 阅读 · 0 评论 -
深入学习JavaScript ——逻辑运算和隐式类型转换
哪些数据类型转换为布尔值的时候为false?false0NANnullundefinedJavaScript逻辑运算:1. &&(与运算)真真为真,一假则假。&&运算的结果取决于最后判断停止处的数(表达式)的值:比如1&&2,其第一个数的布尔值为true,判断继续往后进行遇到第二个数到达程序结尾,无论第二个...原创 2020-04-27 22:48:47 · 213 阅读 · 0 评论 -
初识JavaScript 1 ——javascript概念和基本数据类型
JavaScript由3个部分组成:JavaScript里的一切变量皆对象,访问对象属性值有两种方式:null 和 undefined的区别?javascript严格区分大小写。a和A的值是不一样的:...原创 2020-04-18 22:31:19 · 182 阅读 · 0 评论