分类：JS

2020
12-04

为什么JavaScript中0.1 + 0.2 != 0.3

涉及面试题：为什么0.1+0.2!=0.3？如何解决这个问题？原因，因为JS采用IEEE754双精度版本（64位），并且只要采用IEEE754的语言都有该问题我们都知道计算机是通过二进制来存储东西的，那么0.1在二进制中会表示为//(0011)表示循环0.1=2^-4*1.10011(0011)我们可以发现，0.1在二进制中是无限循环的一些数字，其实不只是0.1，其实很多十进制小数用二进制表示都是无限循环的。这样其实没什么问题，但是JS采用的浮... 继续阅读 >
2020
12-04

基于javascript实现放大镜特效

基于javascript实现放大镜特效 本文实例为大家分享了javascript实现放大镜特效的具体代码，供大家参考，具体内容如下我们在逛pc端商城时，鼠标放到商品上经常会看到一个类似放大镜效果的蒙层，<!DOCTYPEhtml><html><head><metacharset="UTF-8"><title></title><styletype="text/css">*{margin:0px;padding:0px;}#min{width:350px;height:350px;border:1pxsolid#ccc;position:absolute;left:50px;top:50px;}... 继续阅读 >
2020
12-03

JS如何实现在弹出窗口中加载页面

JS如何实现在弹出窗口中加载页面 弹出窗口，加载页面。弹出窗口初始位置为居中。可在关闭窗口时，回调主页面按钮。要求jquery。效果演示首先，演示主窗口两个按钮作用。然后，演示关闭弹出窗口时，调用主窗口的两个按钮。主要代码（时间仓促，没加注释，不过代码很简单，就是创建几个元素拼在一起，每个元素都用var=标明了）var_divMask;var_divBox;functionShowMask(){vardivMask=$('<div></div>').attr("id","divMask").css({"position"... 继续阅读 >
2020
12-03

js 数据类型判断的方法

typeof一般用于判断基本数据类型，用于判断引用数据类型和null时会发生意外的错误typeof1//numbertypeof'1'//stringtypeoftrue//booleantypeofSymbol('1')//symboltypeofundefined//undefinedtypeoffunction(){}//functiontypeof{a:1}//objecttypeof[1,2,3]//object这里会判断异常，建议使用Array.isArray区分数组和对象//以下也会判断异常typeofnewBoolean(true)==='object';typeofnewNumber... 继续阅读 >
2020
12-03

JS闭包原理及其使用场景解析

闭包定义可以通过内层函数访问外层函数的作用域的组合叫做闭包。闭包使用场景使用闭包来实现防抖functiondebounce(callback,time){vartimer;returnfunction(){if(timer){clearTimeout(timer)}timer=setTimeout(()=>{callback()},time)}}<brdata-filtered="filtered"><brdata-filtered="filtered">window.onresize=debounce(()=>{console.log(666)},500)使用闭包设计单例模... 继续阅读 >
2020
12-02

js前端对于大量数据的展示方式及处理方法

最近暂时脱离了演示项目，开始了公司内比较常见的以表单和列表为主的项目。干一个，爱一个了。从开始的觉得自己都做了炫酷的演示项目了，这对我来说就是个小意思，慢慢也开始踩坑，有了些经验总结可谈。现下不得不说是个数据的时代，有数据就必定有前端来展示。杂乱的数据通过数据分析（未碰到的点，不讲请搜），提炼出业务相关的数据维度，而前端所做的就是把这些一个个数据通过不同维度（key-value）的描述来展示到页面上。除去... 继续阅读 >
2020
12-02

JavaScript实现10秒后再次获取验证码

JavaScript实现10秒后再次获取验证码 JavaScript网页制作?10秒后再次获取验证码，供大家参考，具体内容如下通常在注册或者登陆页面时，都会需要短信验证码，在点击按钮获取验证码后会有一段时间无法点击按钮，避免短时间内大量的获取验证码。今天制作这样一个功能。功能实现：1、点击获取验证码后禁用按钮2、按钮中的文字内容改变，每一秒都改变3、按钮倒计时变为0时恢复按钮，改回文字，重置倒计时t代码实现：<!DOCTYPEhtml><htmllang="zh-CN"><head><metacharse... 继续阅读 >
2020
12-02

JavaScript实现网页跨年倒计时

JavaScript实现网页跨年倒计时 JavaScript网页?跨年倒计时，供大家参考，具体内容如下最近学弟在追一个学妹，我在帮学弟出谋划策。学妹告诉学弟，我怕我们之间是因为这段时间接触多了你才喜欢我的。等跨年的时候，如果你还喜欢我，那个时候我再给你答案。于是今天我帮学弟做了一个跨年倒计时的网页，希望他能够坚持下去。<!DOCTYPEhtml><htmllang="zh-CN"><head><metacharset="UTF-8"><metaname="viewport"content="width=device-width,initial-scale=... 继续阅读 >
2020
12-02

通过实例解析js可枚举属性与不可枚举属性

通过实例解析js可枚举属性与不可枚举属性 在JavaScript中，对象的属性分为可枚举和不可枚举之分，它们是由属性的enumerable值决定的。可枚举性决定了这个属性能否被for…in查找遍历到。一、怎么判断属性是否可枚举js中基本包装类型的原型属性是不可枚举的，如Object,Array,Number等，如果你写出这样的代码遍历其中的属性：varnum=newNumber();for(varproinnum){console.log("num."+pro+"="+num[pro]);}它的输出结果会是空。这是因为Number中内置的属性... 继续阅读 >
2020
12-02

在js与java中判断json数据中是否含有某字段的案例

js中从服务端传过来一个json数据为data1.data["key"]!=undefined//这种有缺陷，如果这个key定义了，并且就是很2的赋值为undefined，那么这句就会出问题了2.!("data"inobj)3.data.hasOwnProperty("key")//后面两种推荐使用java程序中判断是否存在data为从浏览器传回来的json数据当读取数据的时候最好先加一个判断，不然如果里面不含有该数据，服务端就会报错，浏览器将会出现500的错误，不容易排查，因此最好在编程时就先加判... 继续阅读 >
2020
11-29

原生js+canvas实现验证码

原生js+canvas实现验证码 本文实例为大家分享了js+canvas实现验证码的具体代码，供大家参考，具体内容如下效果展示：源码展示：<!DOCTYPEhtml><htmllang="en"><head><metacharset="UTF-8"><title>Title</title></head><body><style>canvas{border:1pxsolid#000;vertical-align:bottom;}input{padding:0;width:120px;height:30px;vertical-align:bottom;border:1pxsolid#000;}</style><input... 继续阅读 >
2020
11-29

js实现扫雷源代码

js实现扫雷源代码 经过一段时间学习，对javascript有了一个初步的了解自己制作了一个扫雷，源代码+详细注释放在后面，先看下效果图。初始化界面：游戏界面：难易程度切换：游戏结束：思路采用构造函数的形式进行全局开发生成游戏棋盘利用双层for循环创建设定的棋盘大小为每个单元格的dom元素创建一个属性，该属性用于保存单元格的所有信息，如x,y坐标,value,是否为雷等随机生成炸弹利用随机数，随机生成炸弹x,y坐标，并将符合该坐标信息的单元... 继续阅读 >
2020
11-29

Python基于execjs运行js过程解析

execjs使用有了selenium+ChromeHeadless加载页面为什么还要用execjs来运行js？selenium+ChromeHeadless必然是爬虫的一大利器，可是缺点依然存在，性能问题不可忽视。但这构不成舍弃它而不用的理由。我认为舍弃包括ChromeHeadless、PhantomJS在内的无头浏览器的原因主要有以下几点：1.页面结构改变、弹窗(一些网站的页面结构经常无规则改变)，影响代码的健壮性。2.无头浏览器的应用场景主要是一些模拟登陆账号密码加密的... 继续阅读 >