javaScript
Linxi~
这个作者很懒,什么都没留下…
展开
-
continue、break、return的区别
1、continue 关键字用于立即跳出本次循环,继续下一次循环(本次循环体中continue之后的代码就会少执行一次)。 continue: 继续,继续下次循环,跳过本次循环。2、break 关键字用于立即跳出整个循环(循环结束)。 break:终止。...原创 2020-04-26 16:51:30 · 337 阅读 · 0 评论 -
javaScript中的every,some,forEach,map,filter五者的用途
1、every()它地用武之地在哪里呢?不期望它能对原始数组进行修改。它地定位是考察数组地整体特性。也就是考察数组中所有元素的共性。比如所有元素是否都是奇数,或者所有元素是否都是偶数。它关注的是数组整体元素的共性。只要有一个不满足,循环就会结束,接下来的数据就不会继续判断。var numbers = [1, 2, 3, 4, 5, 6, 7, 8, 9];let bool = numb...原创 2020-04-21 21:59:57 · 218 阅读 · 0 评论 -
ES6新增的padStart()方法和padEnd()方法
padStart() 用于头部补全;padEnd() 用于尾部补全;padStart和padEnd主要用于字符串的补全参数(接收两个参数):第一个参数,指定字符串的长度。如果当前字符串小于指定的长度,则进行补全;反之,不进行任何操作,返回原字符串。 第二个参数,用于补充的字符串,如果字符串长度过长,则会删除后面的多出的字符串,进行补全。如果不写,默认空格补全。适用场景:格式...转载 2020-04-17 16:53:53 · 168 阅读 · 0 评论 -
ES6新增的Array 的扩展方法Array.from()、find()、findIndex()、includes()、扩展运算符(...)
1、构造函数方法 Array.from()将伪数组或可遍历对象转换为真正的数组//定义一个集合let arrayLike = { '0': 'a', '1': 'b', '2': 'c', length: 3}; //转成数组let arr2 = Array.from(arrayLike); // ['a', 'b', 'c']//length...原创 2020-04-02 22:00:16 · 389 阅读 · 0 评论 -
ES5新增操作数组的方法forEach()、filter()、some()
1、forEach() 遍历数组语法: arr.forEach(function(value, index, array) { //参数一是:数组元素 //参数二是:数组元素的索引 //参数三是:当前的数组 }) //相当于数组遍历的 for循环 没有返回值代码示例: <script> // ...原创 2020-04-02 21:41:43 · 143 阅读 · 0 评论 -
js截取字符串的几种方法slice()、substr()、substring()、split()、join()
1、substr()---用于返回一个从指定位置开始的指定长度的子字符串。---stringObject.substr(start,length)参数:start 必需。要抽取的子串的起始下标。必须是数值。如果是负数,那么该参数声明从字符串的尾部开始算起的位置。也就是说,-1 指字符串中最后一个字符,-2 指倒数第二个字符,以此类推。 length 可选。子串中的字符数。必须...原创 2020-03-30 20:20:50 · 815 阅读 · 0 评论 -
js截取数组slice() 和 splice() 的用法
一句话先提前概括:slice(start,end) 从哪到哪开始删splice(strt,end,index1,index2) 从什么位置开始,删几个?删了后插入什么新元素?数组中的slice()方法---可以用来从数组中提取指定元素---该方法不会改变元素数组,而是将截取到的元素封装到一个新数组中返回参数:1.截取开始的位置的索引,包含开始索引2.截取结...原创 2020-03-30 18:48:40 · 7701 阅读 · 0 评论 -
【ES6】操作数组的常用方法
原文章地址:https://www.jianshu.com/p/e1b43e56de08#fnref1除了 Object 之外,Array 类型恐怕是 ECMAScript 中最常用的类型了;数组的每一项可以保存任何类型的数据;数组的大小是可以动态调整的,即可以随着数据的添加自动增长以容纳新增数据。(一)数组的创建(二)数组自带属性(三)检测是否为数组(四)数组元素的增加与删除(五)数组与...转载 2020-03-30 18:01:32 · 749 阅读 · 0 评论 -
JS中使用innerHTML和createElement方式动态创建元素
方式一:使用innerHTML拼接字符串方式<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> ...转载 2020-03-24 18:42:32 · 1053 阅读 · 0 评论 -
移动端点击(click)事件延迟问题的解决方法
移动端 click 事件会有 300ms 的延时,原因是移动端屏幕双击会缩放(double tap to zoom) 页面。解决方案:1. 禁用缩放: 浏览器禁用默认的双击缩放行为并且去掉300ms 的点击延迟。 <meta name="viewport" content="user-scalable=no">2.利用touch事件自己封装这个事件解决300ms 延...转载 2020-03-23 17:58:00 · 3096 阅读 · 1 评论 -
页面被卷去的头部兼容性解决方案
元素滚动 scroll 系列scroll 翻译过来就是滚动的,我们使用 scroll 系列的相关属性可以动态的得到该元素的大小、滚动距离等。scroll相关属性如下:element.scrollTop; 返回被卷去的上侧距离(元素内容被卷出的部分),返回值不带单位elemen.scrollLeft;返回被卷去的左侧距离(元素内容被卷出的部分),返回值不带单位elemen.sc...原创 2020-03-22 17:21:14 · 399 阅读 · 0 评论 -
JS事件监听兼容性解决方案
兼容性处理的原则: 首先照顾大多数浏览器,再处理特殊浏览器addEventListener()事件监听(IE9以后支持)attacheEvent()事件监听(IE678支持)封装一个函数,函数中判断浏览器的类型: function addEventListener(element, eventName, fn) { // 判断当前浏览器是否支持 addEventLis...原创 2020-03-21 11:35:27 · 285 阅读 · 0 评论 -
DOM文档对象模型的核心总结 —— 增、删、改、查
文档对象模型(Document Object Model,简称 DOM),是 W3C 组织推荐的处理可扩展标记语言(HTML或者XML)的标准编程接口。W3C 已经定义了一系列的 DOM 接口,通过这些 DOM 接口可以改变网页的内容、结构和样式。对于JavaScript,为了能够使JavaScript操作HTML,JavaScript就有了一套自己的dom编程接口。对于HTML,do...原创 2020-03-21 11:06:57 · 168 阅读 · 0 评论 -
js数组合并
原文链接:https://blog.csdn.net/xiasohuai/article/details/81016357方法一:var a = [1,2,3];var b=[4,5]a = a.concat(b);console.log(a);//此处输出为 [1, 2, 3 ,4 ,5]方法二:// ES5 的写法var arr1 = [0, 1, ...转载 2019-11-28 12:07:19 · 60 阅读 · 0 评论