分类：JavaScript

2021
07-04

JavaScript 检测文件的类型的方法

目录一、如何查看图片的二进制数据二、如何区分图片的类型三、如何检测图片的类型3.1定义readBuffer函数3.2定义check函数3.3检测PNG图片类型我们会想到通过input元素的accept属性来限制上传的文件类型：<input type="file" id="inputFile" accept="image/png" />这种方案虽然可以满足大多数场景，但如果用户把JPEG格式的图片后缀名更改为.png的话，就可以成功突破这个限制。那么应该如何解决... 继续阅读 >
2021
07-04

JavaScript JSON.stringify()的使用总结

目录一、使用方法1、基本用法2、第二个参数--过滤器3、第三个参数--字符串缩进4、toJSON()方法--自定义JSON序列化二、使用场景1、判断数组是否包含某对象，或者判断对象是否相等。2、使用localStorage/sessionStorage时3、实现对象深拷贝三、使用注意事项1、被转换值中有NaN和Infinity2、被转换值中有undefined、任意的函数以及symbol值3、循环引用4、含有不可枚举的属性值时四、总结一、使用方法1、基本用法JSON.stringify(... 继续阅读 >
2021
07-02

Jupyter Notebook运行JavaScript的方法

Jupyter Notebook运行JavaScript的方法 后面也加了怎么在VSC中使用JupyterNotebook……安装Anaconda安装部分我是直接使用Anaconda安装的，这个下载msi就可以了，没有什么难的。遇到报错，以及配置Anaconda报错信息如下：D:\>jupyternotebookTraceback(mostrecentcalllast):File"C:\ProgramData\Anaconda3\Scripts\jupyter-notebook-script.py",line6,in<module>fromnotebook.notebookappimportmainFile"C:\ProgramData\Anaconda3\lib\site-packa... 继续阅读 >
2021
07-01

JavaScript内置日期、时间格式化时间实例代码

JavaScript内置日期、时间格式化时间实例代码 一、基础知识（date对象的方法）😜getFullYear()用于返回一个表示年份的4位数🤣getMonth()返回表示月份的数字，但是返回值是0（一月）到11（十二月）之间的一个整数😘getDate()返回某一天😊getHours()返回时间的小时字段😍getMinutes()返回时间的分钟字段😎getSeconds()返回时间的秒，返回值是0~59之间的一个整数二、格式化日期案例：将此刻的时间格式化（因... 继续阅读 >
2021
07-01

JavaScript 如何在线解压 ZIP 文件

目录一、ZIP格式简介二、浏览器解压方案2.1定义工具类2.2在线解压ZIP文件三、服务器解压方案3.1根据文件名解压指定ZIP文件3.2在线解压ZIP文件3.3预览ZIP文件中指定路径的文件四、总结五、参考资源一、ZIP格式简介ZIP文件格式是一种数据压缩和文档储存的文件格式，原名Deflate，发明者为菲尔·卡茨（PhilKatz），他于1989年1月公布了该格式的资料。ZIP通常使用后缀名“.zip”，它的MIME格式为“applicat... 继续阅读 >
2021
07-01

JavaScript 如何实现同源通信

目录一、BroadcastChannelAPI简介二、BroadcastChannelAPI应用场景2.1实现同源页面间数据同步2.2在其它Tab页面中监测用户操作三、BroadcastChannelAPIvspostMessageAPI四、总结五、参考资源一、BroadcastChannelAPI简介BroadcastChannelAPI可以实现同源下浏览器不同窗口、Tab页或者iframe下的浏览器上下文之间的简单通讯。通过创建一个监听某个频道下的BroadcastChannel对象，你可以接收发送给该频道的... 继续阅读 >
2021
06-13

JavaScript伪数组和数组的使用与区别

伪数组和数组在JavaScript中，除了5种原始数据类型之外，其他所有的都是对象，包括函数（Function）。对象与数组的关系在说区别之前，需要先提到另外一个知识，就是JavaScript的原型继承。所有JavaScript的内置构造函数都是继承自Object.prototype。在这个前提下，可以理解为使用newArray()或[]创建出来的数组对象，都会拥有Object.prototype的属性值。varobj={};//拥有Object.prototype的属性值vararr=[];/... 继续阅读 >
2021
06-13

探究JavaScript原型数据共享与方法共享实现

探究JavaScript原型数据共享与方法共享实现 数据共享什么样子的数据是需要写在原型中?需要共享的数据就可以写原型中原型的作用之一：数据共享属性需要共享,方法也需要共享：不需要共享的数据写在构造函数中需要共享的数据写在原型中下面我们看一个案例数据共享案例每个学生的名字，年龄，性别都是独特的，我们要设置所有学生的身高都是188,所有人的体重都是55所有学生都要每天写500行代码所有学生每天都要吃一个10斤的西瓜就可以把共有数据写到原型中<!DOCTYPEh... 继续阅读 >
2021
06-13

JavaScript把局部变量变成全局变量的方法

JavaScript把局部变量变成全局变量的方法 首先我们要知道函数的自调用函数的自调用——自调用函数一次性的函数——声明的同时，直接调用了例如：(function(){console.log("函数");})();我们会看到浏览器直接打印函数两个字页面加载后.这个自调用函数的代码就执行完了使用形式(function(形参){})(实参);注意自调用构造函数的方式,分号一定要加上 那么如何把局部变量变成全局变量?把局部变量给window就可以了(function(win){varnum=10;//局部变量/... 继续阅读 >
2021
06-11

JavaScript正则验证密码强弱度的实现方法

展示设计密码强弱度分析密码由数字,字母,特殊符号组成密码:只有数字-或者是只有字母,或者是只有特殊符号——1级：弱两两组合:数字和字母,数字和特殊符号,字母和特殊符号——2级：中三者都有:数字和字母和特殊符号——3级：强代码版本一：基本<!DOCTYPEhtml><htmllang="en"><head><metacharset="UTF-8"><title>Document</title></head><styletype="text/css">#dv{width:300px;height:200px;... 继续阅读 >
2021
06-05

用几道面试题来看JavaScript执行机制

前面的话根据JavaScript的运行环境，锁定它为单线程，任务需要排队执行，如果网站资源比较大，这样会导致浏览器加载会很慢，但实际上并没有，大家肯定立刻想到了同步和异步。所谓的同步和异步也是在排队，只是排队的地方不同。同步和异步同步任务进入主线程排队，异步任务进入事件队列中排队同步任务和异步任务进入到不同的队列中，也就是上面讲的在不同地方排队。同步任务进入主线程，异步任务进入事件队列，主线程任务执行完毕，... 继续阅读 >
2021
06-05

一文秒懂JavaScript DOM操作基础

一文秒懂JavaScript DOM操作基础 DOM概念DOM：documentobjectmodel:文档对象模型通过js去操作HTML的代码，添加元素，删除元素。。。获取元素（1）getElementById通过id获取，获取到的是一个元素（2）getElementsByTagName通过标签名获取，获取到的是一个元素集合（数组）（3）getElementsByClassName通过class获取，获取到的是一个元素集合（数组）（4）getElementsByName通过name属性获取，获取到的是一个元素集合（数组）总结：获取元素可以根据标签名、... 继续阅读 >
2021
06-05

如何自己实现JavaScript的new操作符

构造函数在介绍new之前，必须要知道什么是构造函数。构造函数和普通函数在写法上没有任何区别，当一个函数通过newFun()调用时，就叫做构造函数，构造函数首字母通常大写。functionUser(name){this.name=name;}letu=newUser('leo');这里，User就是构造函数，当然你也可以直接调用User()，但是这样就起不到创建实例的作用，在非严格模式下，会把name属性挂在window上。new操作符那么new操作符到底做了什么事情呢，可以... 继续阅读 >
2021
05-29

比较JavaScript对象的四种方式

前言比较JavaScript中的原始值非常简单。只需使用任何一种可用的相等运算符即可，例如严格相等运算符：'a'==='c';//=>false1===1;//=>true但是对象却有结构化数据，所以比较起来比较困难。在本文中，你将学习如何正确比较JavaScript中的对象。引用比较JavaScript提供了3种对值进行比较的方法：严格相等运算符===宽松相等运算符==Object.is()函数当使用上述任何一种方法比较对象时，只有在比较的值引... 继续阅读 >
2021
05-29

如何用JavaScript让你的浏览器说话

1.最简单的例子让我们来创建一个基础函数，这个函数的参数为我们想说的话或者词，最后让我们的浏览器说出来。我们将利用在大多数现代浏览器上都可以使用的原生APIspeechSyntehsis。functionspeak(sentence){constutterance=newSpeechSynthesisUtterance(sentence)window.speechSynthesis.speak(utterance)}//testspeak('helloworld');信不信由你，以上的代码就是让大部分浏览器说出一句话所需要的一切！让我们来... 继续阅读 >
2021
05-29

Javascript异步编程之你真的懂Promise吗

前言在异步编程中，Promise扮演了举足轻重的角色，比传统的解决方案（回调函数和事件）更合理和更强大。可能有些小伙伴会有这样的疑问：2020年了，怎么还在谈论Promise？事实上，有些朋友对于这个几乎每天都在打交道的“老朋友”，貌似全懂,但稍加深入就可能疑问百出，本文带大家深入理解这个熟悉的陌生人——Promise.基本用法语法newPromise(function(resolve,reject){...}/*executor*/)构建Promise对象时，需要... 继续阅读 >