分类：Javascript

2021
03-10

JavaScript 数组遍历的五种方法

在使用JavaScript编写代码过程中，可以使用多个方法对数组进行遍历；包括for循环、forEach循环、map循环、forIn循环和forOf循环等方法。一、for循环：基础、简单这是最基础和常用的遍历数组的方法；各种开发语言一般都支持这种方法。letarr=['a','b','c','d','e'];for(leti=0,len=arr.length;i<len;i++){console.log(i);//01234console.log(arr[i]);//abcde}二、forEach()方法：使用回调函... 继续阅读 >
2021
03-09

JavaScript Reduce使用详解

学会这一个技巧Reduce让你开启编程新世界LearningThisReduceSkillandaWholeNewWorldWillOpenupforYou🎉reduce可谓是JS数组方法最灵活的一个，因为可以替代数组的其他方法，比如map/filter/some/every等，也是最难理解的一个方法，lodash很多方法也可以用其实现，学会reduce将给与开发者另一种函数式（Functional）、声明式（Declarative）的视角解决问题，而不是以往的过程式（Procedual）或... 继续阅读 >
2021
03-07

JavaScript 下载链接图片后上传的实现

既然要进行图片上传，那么第一时间当然是判断是否为可下载的图片资源，有的时候可以使用正则表达式，但是很难判断是否可下载，当判断图片链接后是否有后缀的时候也比较苦恼，有的图片是没有后缀的，可是如果放开这个限制又比较容易被攻击，所以这里我们使用Image作为判断手法，若成功加载图片，那么说明确实为图片且可下载。//判断链接是否指向图片且可下载exportconstcheckImgExists=(imgurl:string)=>{returnnewPro... 继续阅读 >
2021
03-07

JavaScript 下载链接图片后上传的实现

既然要进行图片上传，那么第一时间当然是判断是否为可下载的图片资源，有的时候可以使用正则表达式，但是很难判断是否可下载，当判断图片链接后是否有后缀的时候也比较苦恼，有的图片是没有后缀的，可是如果放开这个限制又比较容易被攻击，所以这里我们使用Image作为判断手法，若成功加载图片，那么说明确实为图片且可下载。//判断链接是否指向图片且可下载exportconstcheckImgExists=(imgurl:string)=>{returnnewPro... 继续阅读 >
2021
03-02

一起来了解一下JavaScript的预编译(小结)

JS运行三部曲js运行代码共分三步语法分析预编译解释执行JavaScript代码在运行时，首先会进行语法分析，通篇检查代码是否存在低级错误，然后进行预编译，整理内部的一个逻辑，最后再开始一行一行的执行代码语法分析代码在执行之前，系统会通篇扫描一遍，检查代码有没有低级的语法错误，比如少写个大括号。预编译预编译前奏预编译发生在函数执行的前一刻。变量未经声明就赋值，此变量为全局对象所有a=3varb=c=4一切声明... 继续阅读 >
2021
02-21

JavaScript 判断浏览器是否是IE

作为一个前端，避免不了会遇见IE的坑，其他浏览器都好好的，测到IE就完蛋，各种不支持，服气了有些属性和方法是所有版本IE都不支持，而有些则是部分支持，在项目中能够，主要分界岭为IE8，我相信目前大部分在维护和开发的项目，都是支持到IE8及已上版本即可，那么这篇文章，粗浅的总结一下，如何判断浏览器是IE及版本是8.0首先，有些属性和方法是所有版本IE都不支持，那么只需要判断是否是IE即可以下三种是我在项目中，用到的方法... 继续阅读 >
2021
02-21

JavaScript 实现继承的几种方式

非ES6代码实现继承的主流方式主要可以分为：构造继承、原型链继承、构造继承+原型链继承组合继承、以及在组合继承上衍生出的继承方式。构造继承(借助call实现)实现functionSuper(age){this.age=age;this.say=function(){console.log(this.age)}}functionChild(name,age){Super.call(this,age)this.name=name;}varchild=newChild("min",23)console.log(childinstanceofSuper);//falseconsole.log(childinst... 继续阅读 >
2021
02-21

JavaScript 生成唯一ID的几种方式

可行方案1.生成[0,1)的随机数的Math.random//我这次运行生成的是：0.5834165740043102Math.random();2.获取当前时间戳Date.now//现在时间戳是1482645606622Date.now();3.将10进制转换为其他进制的字符串Number.toString//将1482645606622转换成二进制：10101100100110100100100001001000011011110(1482645606622).toString(2);//转换成16进制：159349090deMongDB中的ObjectID就是24位16进制数(1482645606622).toString(16);//... 继续阅读 >
2021
02-21

JS获取一个字符串中指定字符串第n次出现的位置

了解类似的获取字符位置的方法：charAt()获取字符串指定位置的字符用法：strObj是字符串对象，index是指定的位置，（位置从0开始数）strObj.charAt(index)indexOf()方法可返回某个指定的字符串值在字符串中首次出现的位置用法：stringObject是字符串对象，searchvalue是指定的字符串值，fromindex(可有可无)指定开始匹配字符串值的位置，若无，表示从0位置开始。stringObject.indexOf(searchvalue,fromindex)例如：varstr='hell... 继续阅读 >
2021
02-21

JavaScript 获取滚动条位置并将页面滑动到锚点

前言这篇来记录下最近工作中遇到的一个问题，在app原生和前端h5混合开发的过程中，其中一个页面是选择城市列表的页面，类似于美团饿了么城市选择，银行app中银行列表选择，通讯录中快速定位到联系人选择的锚点位置等这样的功能，作为刚入门不久的我来说，感觉这个功能还是有一点压力。下面我来分享一下我所查到的一些实现方法。什么是锚点问题对于pc端网页来说，常见的网页右侧的回到顶部按钮，点击直接跳转到网页最上面，就是锚点... 继续阅读 >
2021
02-21

JavaScript WeakMap使用详解

WeakMap 对象是一组键/值对的集合，其中的键是弱引用的。其键必须是对象，而值可以是任意的。语法newWeakMap([iterable])参数iterableIterable是一个数组（二元数组）或者其他可迭代的且其元素是键值对的对象。每个键值对会被加到新的 WeakMap里。null会被当做undefined。描述WeakMap的key只能是 Object 类型。 原始数据类型是不能作为key的（比如Symbol）。WhyWeakMap?在JavaScript... 继续阅读 >
2021
02-21

JavaScript 声明私有变量的两种方式

前言JavaScript并不像别的语言，能使用关键字来声明私有变量。我了解的JavaScript能用来声明私有变量的方式有两种，一种是使用闭包，一种是使用WeakMap。闭包闭包的描述有很多种，比如：能访问其它函数作用域的函数；内部函数访问外部函数作用域的桥梁；......使用闭包构建私有变量的逻辑在于：1.在外部函数中声明变量和内部函数；2.使用内部函数访问或者修改变量值；3.在外部函数内返回内部函数；functionoutside(){letval=1... 继续阅读 >
2021
02-20

详解JavaScript中的this指向问题

题记JS中的this指向一直是个让初学者头疼的问题。今天，我们就一起来瞅瞅this倒地是咋回事，详细说说this指向原则，从此不再为了this指向操碎了心。开篇首先我们都知道this是Javascript语言的一个关键字。它代表函数运行时，自动生成的一个内部对象，只能在函数内部使用。随着函数使用场合的不同，this的值会发生变化。但是有一个总的原则，那就是this的指向在函数定义的时候是确定不了的，只有函数执行的时候才能确定this到底指向... 继续阅读 >
2021
02-20

JavaScript事件概念详解(区分静态注册和动态注册)

js中的事件什么是事件？事件是电脑输入设备与页面进行交互的响应，我们称之为事件事件类型鼠标单击：例如单击button、选中checkbox和radio等元素；鼠标进入、悬浮或退出页面的某个热点：例如鼠标停在一个图片上方或者进入table的范围；键盘按键：当按下按键或释放按键时；HTML事件：例如页面body被加载时；在表单中选取输入框或改变输入框中文本的内容：例如选中或修改了文本框中的内容；突变事件：主要指文档底层元素发生... 继续阅读 >
2021
02-20

详解javascript脚本何时会被执行

javascript脚本可以嵌入在html内的任意地方，但它何时被调用呢？当浏览器打开HTML文件后，会直接运行不是声明函数的脚本或通过事件调用脚本函数，下面分析这几种情况。1.浏览器在打开页面时执行脚本当浏览器打开一个HTML文件时，它会从头开始解释整个文件，包括html标签和脚本。如果脚本中有可以直接执行的语句，则会在遇到的时候马上解释执行。主要有以下2种情形：1).程序启动(这里指浏览器加载页面)这个alert这类函数就会被触发... 继续阅读 >