js相关
文章平均质量分 82
zzzzzzrrryyy
这个作者很懒,什么都没留下…
展开
-
js实现图片轮播
主要思路:用li存储图片并用绝对定位将图片重叠在一起,要将哪张图片显示在最上面就用js方法对其添加一个类,设置z-index属性;最关键的是图片的index,图片的轮播,右下角图标的改变和点击图标跳转到相应图片也是通过改变index来实现的。主要框架:<body> <div class="wrap"> <ul class="list">...原创 2020-04-30 20:26:52 · 208 阅读 · 0 评论 -
js中字符串的常用方法
所有字符串方法都会返回新的字符串,不会修改原始字符串indexOf()返回字符串在文本中首次出现的索引,如果未找到则返回-1var pos = str.indexOf("USA");//或者var pos = str.indexOf("China", 18)lastIndexOf()返回字符串在文本中最后一次出现的索引,如果未找到则返回-1var pos = str.lastIndexOf("China", 50)search()搜索特定值的字符串,并返回匹配的位置sea原创 2020-07-12 14:48:03 · 276 阅读 · 0 评论 -
js中数组的常用方法
Array.map()将数组中的每一个元素都执行一个函数,再返回一个新的数组,不会改变原来的数组let arr = [1, 2, 3, 4, 5]let newArr = arr.map(x => x*2)//arr= [1, 2, 3, 4, 5] 原数组保持不变//newArr = [2, 4, 6, 8, 10] 返回新数组Array.forEach()将数组...原创 2020-07-12 14:48:57 · 120 阅读 · 0 评论 -
JS中Math函数的常用方法
console.dir(Math)可查看Math的所有函数方法Math.abs()获取绝对值Math.abs(-12) = 12Math.ceil() and Math.floor() 向上取整和向下取整console.log(Math.ceil(12.03));//13console.log(Math.ceil(12.92));//13console.log(Math.fl...原创 2020-07-12 14:49:43 · 107 阅读 · 0 评论 -
javascript综合 一(类,对象,正则表达式,构造函数和原型,继承)
js原型和原型链prototype每个函数都有一个prototype属性每一个javascript对象(null除外)在创建的时候就会与之关联另一个对象,这个对象就是我们所说的原型,每一个对象都对从原型“继承”属性prototype是函数才有的属性proto每一个javascript对象都有一个proto属性,这个属性会指向该对象的原型function Person() {}var person = new Person();console.log(person.__proto__原创 2020-07-14 22:03:54 · 285 阅读 · 0 评论 -
js面向对象运用 tab栏切换
可添加,删除tab栏,可对tab栏的标题和内容双击进行修改html代码:<body> <div class="tabsbox" id="tab"> <!-- tab标签 --> <nav class="firstnav"> <ul> <li class="liactive"><span>测试1</span><原创 2020-07-30 21:53:55 · 355 阅读 · 0 评论 -
javascript综合 二(闭包,堆内存和栈内存,promise,宏任务和微任务,Set和Map,typeOf和instanceOf,ajax,Boolean()和Number(),判断数组的方法)
闭包闭包(closure)指有权访问另一个函数作用域中变量的函数一个作用域可以访问另一个函数的局部变量闭包的主要作用:延伸了变量的作用范围//fun方法访问了fn中的变量,所以fn是闭包函数function fn() { var num = 10; fun(); function fun() { console.log(num);//打印10 }}fn();闭包的案例1循环点击事件-用闭包的方式得到当前小li的索引号//一般的方法v原创 2020-08-15 11:28:27 · 306 阅读 · 0 评论 -
javascript综合 四(es6扩展运算符,script标签的defer和async,基本数据类型和引用数据类型,浅拷贝和深拷贝,decodeURLComponent()函数,==和===的区别)
es6扩展运算符es6扩展运算符原创 2020-08-31 22:49:52 · 237 阅读 · 0 评论 -
javascript综合 五
数组扁平化// 扁平化简单的二维数组const arr = [11, [22, 33], [44, 55], 66];//使用join() 注意join不用带参数console.log(arr.join()); //11,22,33,44,55,66console.log(arr.join().split(',').map(item => parseInt(item)));; // [11, 22, 33, 44, 55, 66]//使用toString()注意toStrin原创 2020-10-17 22:55:46 · 254 阅读 · 0 评论 -
js选项卡
点击的时候给他一个active类名,让其显示(display:block),默认不显示(display:none)<!-- 选项卡导航 --><div class="container2"> <div class="content-text"> <p class="text-title">我们的产品</p> <p class="text-word">以创新思维和技术·为客户创造价值</p原创 2021-03-30 15:55:20 · 2029 阅读 · 0 评论