分类：Js

2020
10-10

JS变量提升及函数提升实例解析

JS变量提升及函数提升实例解析 1在js中只有两种作用域a：全局作用域b：函数作用域在ES6之前，js是没有块级作用域。首先来解释一下什么是没有块级作用域?所以此时是可以打印输出变量a的值。2:什么是变量提升?在我们的js中，代码的执行时分两步走的，1、预解析2、一步一步执行在预解析阶段:首先会在全局作用域内，js解析器会找所有的var、function、参数，并提前到当前作用域的最顶上去(变量的赋值操作不会提前，还在原来的地方)，此时并没有执行代码... 继续阅读 >
2020
10-10

JS继承实现方法及优缺点详解

前言JS作为面向对象的弱类型语言，继承也是其非常强大的特性之一。那么如何在JS中实现继承呢？让我们拭目以待。JS继承的实现方式既然要实现继承，那么首先我们得有一个父类，代码如下：//定义一个动物类functionAnimal(name){//属性this.name=name||'Animal';//实例方法this.sleep=function(){console.log(this.name+'正在睡觉！');}}//原型方法Animal.prototype.eat=function(food){console.log(this.n... 继续阅读 >
2020
10-10

JavaScript判断数据类型有几种方法及区别介绍

有五种数据判断类型方法typeof、instanceof、constructor、Object.prototype.toString.call()、jquery.type()一、typeof方法typeof是个操作符，可以判断基本数据类型（返回的结果只能是number，string，boolean，null，symbol，function，object）返回值分以下几种对于基本类型。除了null值返回object以外，其他均返回正确的结果对于引用值来说，除了function返回function类型，其他都返回object类型例：console.log(typeof100,... 继续阅读 >
2020
10-10

JS JQuery获取data-*属性值方法解析

下面就详细介绍四种方法获取data-*属性的值<liid="getId"data-id="122"data-vice-id="11">获取id</li>需要获取的就是data-id和dtat-vice-id的值一：getAttribute()方法constgetId=document.getElementById('getId');////getAttribute()取值属性console.log(getId.getAttribute("data-id"));//122console.log(getId.getAttribute("data-vice-id"));//11////setAttribute()赋值属性getId.setAttribute("data-id","48");con... 继续阅读 >
2020
10-10

JS遍历树层级关系实现原理解析

1.遍历树的层级关系1）先整理数据2）找到id和数据的映射关系3）然后找到父节点的数据，进行存储代码如下test(){constlist=[{id:"123",parentId:"",children:[]},{id:"124",parentId:"123",children:[]},{id:"125",parentId:"124",children:[]},{id:"126",parentId:"125",children:[]},{id:"127",parentId:"126",children:[]}];constmapList=[];constt... 继续阅读 >
2020
10-10

JS性能优化实现方法及优点进行

最近刚阅读完《高性能javascript》，想谈谈对js性能优化的看法。理解有些不同，可能还需要各位多多提醒。话不多说，提到javascript难免会联想到文档对象模型(DOM)，它作用于XML和HTML文档的程序接口(API)，位于浏览器中，主要用来与HTML文档打交道。同样也用于Web程序中获取XML文档，并使用DOMAPI来访问文档中的数据。尽管DOM是个与语言无关的API，它在浏览器中的接口却是用javascript实现的。客户端脚本编程大多数时候是在和底层... 继续阅读 >
2020
10-10

JavaScript中CreateTextFile函数

使用实例：object.CreateTextFile(filename[,overwrite[,unicode]])其中object是必选项。应为FileSystemObject或Folder对象的名称。filename是必选项。指明所要创建文件的字符串表达式。overwrite是可选项。Boolean值，指明能否覆盖已有文件。如果文件可以覆盖，则值为true，否则为false。如果忽略，则已有文件不能被覆盖。unicode是可选项。Boolean值，指明文件是否以Unicode或ASCI... 继续阅读 >
2020
10-10

JS如何判断对象是否包含某个属性

1.用in关键字会返回true/false亲测可实现！//创建对象datavardata=scope.data;//判断update值为‘是'时，data里要有'userXM'和'mobile'两个字段，并且都不为空if(scope.update=="是"){if(!('userXM'indata)||!('mobile'indata)){//不包含字段，执行的代码}elseif(data["userXM"]==""||data["mobile"]==""){//两个值，或其中一个值为空所执行的代码}else{}}varobj={name:'ja... 继续阅读 >
2020
10-10

JS获取当前时间戳方法解析

第一种方法：(这种方法只精确到秒)vartimestamp=Date.parse(newDate());结果：1280977330000第二种方法：vartimestamp=(newDate()).valueOf();结果：1280977330748第三种方法： vartimestamp=newDate().getTime()；结果：1280977330748第一种：获取的时间戳是把毫秒改成000显示，因为这种方式只精确到秒第二种和第三种是获取了当前毫秒的时间戳。添加一个遇到的问题vara=(newDate()).toLocaleDateString()//获取... 继续阅读 >
2020
10-10

JS PHP字符串截取函数实现原理解析

js有三个：slice()substring()substr()一般都用substr(start,length),第一个参数是开始位置的下标必须，可以为负数，下标-1是指字符串中最后一个字符，下标-2是指倒数第二个字符，以此类推；第二个参数是要截取子串的长度可选，截取的方向都是从左往右，不会改变。截取出来的子串包含起始位置自己PS：字符串的索引都从0开始计起.空格都是字符substring(from,until)slice(from,until)都是从一个索引截取到另一个索引，只有... 继续阅读 >
2020
10-10

js在HTML的三种引用方式详解

1.内联样式内联样式分为两种，一是直接写入元素的标签内部<html><title>js样式内联写法</title><metahttp-equiv="content-type"content="text/html;charset=utf-8"/><body><!--js内联写法01开始--><!--当鼠标点击图片时跳出弹窗显示1223--><divclass="img">单击事件：<imgsrc="images/001.jpg"onclick="alert(1223)"></img></div><!--js内联写法01结束--></body></html>二是写入到<scrip... 继续阅读 >
2020
10-10

js和jquery判断数据类型的4种方法总结

1.typeoftypeof是一个运算符，有2种使用方式：typeof(表达式)和typeof变量名，第一种是对表达式做运算，第二种是对变量做运算。此方法的返回结果只要以下几种：Number、String、undefined、Bollean、Object、Function弊端在于如果数据类型为引用数据类型，他只能返回Objectconsole.log(typeof1);//numberconsole.log(typeoftrue);//bolleanconsole.log(typeof'欢喜');//stringconsole.log(typeof{});//objectconsole.log... 继续阅读 >
2020
10-10

js实现弹幕飞机效果

本文实例为大家分享了js实现弹幕飞机效果的具体代码，供大家参考，具体内容如下<!DOCTYPEhtml><html><head><metacharset="utf-8"><title></title><styletype="text/css">body{width:70vw;/*长宽最好是obj的倍数*/height:90vh;border-width:10px;border-style:solid;border-color:blue;line-height:600px;/*文本垂直居中*/text-align:center;/*文本水平居中*/position:relative;/*相对定位*/... 继续阅读 >
2020
10-10

js实现批量删除功能

js实现批量删除功能 本文实例为大家分享了js实现批量删除功能的具体代码，供大家参考，具体内容如下界面如下：勾选复选框会自动记录id，设置value=“id”即可下面是全选操作（js）：其中开头的复选框的id为：delete_checkbox下面记录条的复选框的name为：delete_checkboxif($("input[id='delete_checkbox']").is(':checked')==true){$('input[name="delete_checkbox"]').each(function(){$(this).prop("checked",true);});}el... 继续阅读 >
2020
10-10

js实现飞机大战小游戏

本文实例为大家分享了js实现飞机大战游戏的具体代码，供大家参考，具体内容如下1.html代码<html><head><title></title><metahttp-equiv="content"content="text/html"charset="utf-8"/><linkrel="stylesheet"type="text/css"href="css/main.css"/></head><body><divid="contentdiv"><divid="startdiv"><buttonοnclick="begin()">开始游戏</button></div><divid="maindiv"><divid="scorediv"><label>分数：</label><l... 继续阅读 >