javascript
关注
分享
扫一扫
文章平均质量分 57
ZXH0122
越努力越幸运，加油！
展开
-
删除数组对象中某个对象
模拟数据如下：var ss=[{"status":"1","updateFlag":"0",}, {"status":"1","updateFlag":"1",}, {"status":"1","updateFlag":"0"} ]假设 去掉updateFlag为1的 这条数据ss.splice( ss.indexOf(ss.find(function(element){ return element.updateFlag === "1"; } ) ), 1);你学"废原创 2022-02-21 11:25:18 · 1521 阅读 · 0 评论 -
五种js判断是否为整数类型方式
五种js判断是否为整数类型方式这篇看看如何判断为整数类型（Integer）,JavaScript中不区分整数和浮点数，所有数字内部都采用64位浮点格式表示，和Java的double类型一样。但实际操作中比如数组索引、位操作则是基于32位整数。方式一、使用取余运算符判断任何整数都会被1整除，即余数是0。利用这个规则来判断是否是整数。function isInteger(obj) { return obj%1 === 0}isInteger(3) // trueisInteger(3.3) //原创 2021-08-12 17:39:38 · 884 阅读 · 0 评论 -
超详细的 JS 数组方法整理出来了
数组是 js 中最常用到的数据集合，其内置的方法有很多，熟练掌握这些方法，可以有效的提高我们的工作效率，同时对我们的代码质量也是有很大影响。一、创建数组1.使用数组字面量表示法var arr4 = []; //创建一个空数组var arr5 = [20]; // 创建一个包含1项数据为20的数组var arr6 = ["lily","lucy","Tom"]; // 创建一个包含3个字符串的数组2.使用 Array 构造函数无参构造var arr1 = new Array(.原创 2021-01-18 11:09:54 · 241 阅读 · 0 评论 -
javascript计算1-10000中0出现的次数，怎么写？
一个小算法题：用javascript计算1-10000中0出现的次数，我用循环写了一个方案，代码如下：function getZeroCount(num) { let count=0; let regObj=/0/g; for (let i=1;i<=num;i++){ let str=''+i; let match=str.match(regObj); count+=match==null?0:match.length;原创 2020-12-18 11:18:52 · 727 阅读 · 2 评论 -
精心收集的几个超实用的JavaScript代码片段（ES6 +编写）
Value or default (值或者默认值)返回 value ，如果传递的值是 falsy ，则返回默认值。JavaScript 代码:const valueOrDefault = (value, d) => value || d;// valueOrDefault(NaN, 30) -> 30Validate number (数字验证)使用 !isNaN 和 parseFloat() 来检查参数是否是一个数字。使用 isFinite() 来检查数字是否是有限数。使用 Num原创 2020-10-28 09:25:25 · 271 阅读 · 0 评论 -
今天又来和大家分享一些js常见的面试题
1、介绍js的基础数据类型js 一共有六种基本数据类型，分别是 Undefined、Null、Boolean、Number、String，还有在 ES6 中新增的 Symbol 类型，代表创建后独一无二且不可变的数据类型，它的出现我认为主要是为了解决可能出现的全局变量冲突的问题。2、 JavaScript 有几种类型的值？你能画一下他们的内存图吗？涉及知识点：栈：原始数据类型（Undefined、Null、Boolean、Number、String）堆：引用数据类型（对象、数组和函数）两种原创 2020-10-26 19:06:47 · 236 阅读 · 0 评论 -
innerHTML与innerText与outHTML与outText 的区别。
innerHTML，baiinnerText和outerHTML，outerText的区别如下：1）innerHTML 设置或获du取位于对象起始和结束zhi标dao签内的 HTML内容2）innerText 设置或获取位于对象起始和结束标签内的文本3）outerHTML设置或获取对象及其内容的 HTML 形式4）outerText 设置(包括标签)或获取(不包括标签)对象的文本重点强调指出：innerHTML与outerHTML在设置对象的内容时包含的HTML会被解析，而innerText与o原创 2020-10-22 11:12:00 · 907 阅读 · 0 评论 -
js里的那些常见的面试题
嗨喽码农们：又见面了，继上次分享的面试题，今天再为大家分享一些关于js 那些面试常见的问题。希望对大家有帮助，喜欢的可以点赞收藏起来。五、小心javascript自动插入分号机制在《JavaScript语言精粹》这本书里，这个“自动插入分号”机制被划入到了JavaScript的毒瘤里面，与之并列的前面的全局变量。有些时候，不合时宜地插入分号，会导致严重的后果。 比如一个return语句要正确返回一个值，这个值的表达式的开始部分必须和return位于同一行。今天，我们就来聊聊这个知识点，看下面的代码原创 2020-09-17 09:19:42 · 171 阅读 · 0 评论 -
页面小于640时，切换另一个页面
var qwid=screen.width;if(qwid<640){ window.location="http://m.baidu.com";}原创 2020-09-15 09:50:13 · 179 阅读 · 0 评论 -
今天分享一些 js 面试题
一、问：使用 typeof bar === “object” 来确定 bar 是否是对象的潜在陷阱是什么？如何避免这个陷阱？尽管 typeof bar === “object” 是检查 bar 是否对象的可靠方法，令人惊讶的是在JavaScript中 null 也被认为是对象！因此，令大多数开发人员惊讶的是，下面的代码将输出 true 控制台：var bar = null;console.log(typeof bar === "object"); // logs true!只要清楚这一点，原创 2020-09-13 16:06:13 · 173 阅读 · 0 评论 -
雪花漫天飞——createDocumentFragment()方法
<!DOCTYPE html><html lang="en"> <head> <meta charset="UTF-8" /> <meta name="viewport" content="width=device-width, initial-scale=1.0" /> <meta http-equiv="X-UA-Compatible" content="ie=edge" /> <titl原创 2020-08-18 14:41:39 · 160 阅读 · 0 评论 -
理解DOM事件流的三个阶段
流的概念，在现今的JavaScript中随处可见。比如说React中的单向数据流，Node中的流，又或是今天本文所讲的DOM事件流，都是流的一种生动体现。用术语说流是对输入输出设备的抽象。以程序的角度说，流是具有方向的数据。事件流所描述的就是从页面中接受事件的顺序。事件流也有两种，分别是事件冒泡和事件捕获。在所有的现代浏览器当中——除了IE9之前的版本——都实现了DOM2标准事件模型，即事件处理过程的三个阶段：捕获，目标，冒泡；（1）捕获阶段：当我们在 DOM 树的某个节点发生了一些操作（例如单击、鼠标原创 2020-08-14 16:47:33 · 706 阅读 · 0 评论 -
JS方式实现隐藏手机号码中间4位数
在前端开发中，遇到如下需求：隐藏手机号码，将中间几位替换为*。通过js如何实现手机号码隐藏中间4位呢？下面整理几种实现方式：1、使用正则:function geTel(tel){ var reg = /^(\d{3})\d{4}(\d{4})$/; return tel.replace(reg, "$1****$2");}//测试var tel = "17326453333"; console.log(geTel(tel));//173****33332、通过长度截取fu原创 2020-08-11 16:06:04 · 3390 阅读 · 0 评论 -
实现五子棋游戏 JavaScript+canvas
<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <meta http-equiv="X-UA-Compatible" content="ie=edge"> <title>五子棋原创 2020-07-12 10:52:47 · 157 阅读 · 0 评论 -
关于事件监听
1、事件的概念：JavaScript使我们有能力创建动态页面，网页中的每一个元素都可以产生某些触发JavaScript函数的事件。我们可以认为事件是可以被JavaScript侦测到的一种行为。2、事件流：事件流主要分为冒泡型事件和捕获型事件。IE浏览器目前只支持冒泡型事件，而支持标准DOM的浏览器比如火狐、Chrome等两者都支持。3、使用返回值改变HTML元素的默认行为： HTML元素大都包含了自己的默认行为，例如：超链接、提交按钮等。我们可以通过在绑定事件中加上"return false"原创 2020-07-06 16:02:34 · 967 阅读 · 0 评论 -
自己写一个json放在table中展示图片
<!DOCTYPE html><html lang="en"> <head> <meta charset="UTF-8" /> <meta name="viewport" content="width=device-width, initial-scale=1.0" /> <meta http-equiv="X-UA-Compatible" content="ie=edge" /> <titl原创 2020-07-04 13:58:57 · 966 阅读 · 0 评论 -
由浅入深，JavaScript面试知识点和答案解析
1. 介绍一下 js 的数据类型有哪些,值是如何存储的？具体可看我之前的文章：「前端料包」可能是最透彻的JavaScript数据类型详解JavaScript一共有8种数据类型，其中有7种基本数据类型：Undefined、Null、Boolean、Number、String、Symbol（es6新增，表示独一无二的值）和BigInt（es10新增）；1种引用数据类型——Object（Object本质上是由一组无序的名值对组成的）。里面包含 function、Array、Date等。JavaScript不原创 2020-07-02 16:08:38 · 303 阅读 · 0 评论 -
节点的操作（添加，删除，插入）
<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <meta http-equiv="X-UA-Compatible" content="ie=edge"> <title>插入节原创 2020-06-29 10:30:44 · 2481 阅读 · 0 评论 -
js写一个简单的随机点名器
<!DOCTYPE html><html lang="en"> <head> <meta charset="UTF-8" /> <meta name="viewport" content="width=device-width, initial-scale=1.0" /> <meta http-equiv="X-UA-Compatible" content="ie=edge" /> <原创 2020-06-22 08:25:33 · 7795 阅读 · 2 评论 -
为了性能选择for循环遍历？
自我介绍环节for我是遍历界最早出现的一方诸侯，在座的各位需称我一声爷爷。我能满足开发人员的绝大多数的需求。// 遍历数组let arr = [1,2,3];for(let i = 0;i < arr.length;i++){ console.log(i) // 索引，数组下标 console.log(arr[i]) // 数组下标所对应的元素}// 遍历对象let profile = {name:"April",nickname:"二十七刻原创 2020-06-16 10:28:18 · 200 阅读 · 0 评论 -
这些前端基础题你能答对几道？(测试你的基础掌握,附答案解析 [下] )
第 21 题console.log(false.toString()); console.log([1, 2, 3].toString()); console.log(1.toString()); console.log(5..toString());解析：// 输出'false''1,2,3'Uncaught SyntaxError: Invalid or unexpected token'5'当执行1.toString();时,由于1.也是有效数字,因此此时变成(1.)toS原创 2020-06-15 15:35:53 · 647 阅读 · 0 评论 -
这些前端基础题你能答对几道？(测试你的基础掌握,附答案解析[中])
第 11 题：var name = "erdong";var object = { name: "chen", getNameFunc: function () { return function () { return this.name; } }}console.log(object.getNameFunc()());解析：// 输出erdong// 复制代码object.getNameFunc()(原创 2020-06-14 10:36:20 · 458 阅读 · 0 评论 -
这些前端基础题你能答对几道？(测试你的基础掌握,附答案解析 [上集])
在三大框架盛行的时代, 基本上会个Vue就能在小公司浑水摸鱼。但是当想突破的时候就会意识到基础的重要性。JavaScript中有很多重要特性及概念。比如原型,原型链,this,闭包,作用域,隐式转换等等。如果不能熟练掌握,在进阶中级前端开发工程师的道路上必定是困难重重。用一个小时把这些题做完。检测一下你的基础掌握程度。正题第 1 题if(false){ var a = 1; let b = 2;}console.log(a);console.log(b);解析：//原创 2020-06-12 20:21:50 · 451 阅读 · 0 评论 -
JavaScript 表单验证
JavaScript 表单验证JavaScript 可用来在数据被送往服务器前对 HTML 表单中的这些输入数据进行验证。表单数据经常需要使用 JavaScript 来验证其正确性：验证表单数据是否为空？验证输入是否是一个正确的email地址？验证日期是否输入正确？验证表单输入内容是否为数字型？必填（或必选）项目下面的函数用来检查用户是否已填写表单中的必填（或必选）项目。假如必填或必选项为空，那么警告框会弹出，并且函数的返回值为 false，否则函数的返回值则为 true（意味着数据没有问题原创 2020-06-10 14:30:02 · 414 阅读 · 0 评论 -
JavaScript中的同步与异步
前言平日的编码中,你能列出你常用的异步编码?怎么理解同步与异步?如果仅仅停留在文字上的理解,个人觉得有口无心,每当屡屡面试时,这都是一个常问的话题,牵扯到的是事件的执行顺序,任务队列,在js当中对于异步处理任务,是一个非常重要知识。如何看待同步?由于js是单线程的,换句话说,就是,在同一段时间内,只能处理一个任务,干一件事情,然后再去处理下一个任务,浏览器解析网页中的js代码,是逐行进行读取,从上至下执行的实例场景:打电话就是一个同步的例子,必须等待打完了一个,然后再接着打下一个的在如何看待同步原创 2020-05-17 15:38:45 · 502 阅读 · 0 评论 -
让小球做圆周运动你有几种方法？
Javascript方法方法: requestAnimationFrame + Dom我们来到了JavaScript环节，通过万能的JS我们只需要掌握一点点数学知识和定时器知识即可实现我们的小球运动啦~这里实现时有2个需要注意的点：实现动画播放时，为什么用requestAnimationFrame不用setInterval?改变圆的位置时，为什么不直接修改top和left，而是要修改transform?问题1: 实现动画播放时，为什么用requestAnimationFrame不用setInte原创 2020-05-14 11:16:21 · 1815 阅读 · 0 评论 -
秒懂js的垃圾回收
前言js具有自动垃圾回收机制，换句话说，执行环境会管理代码执行过程中使用的内存。js垃圾回收的原理执行环境会找出那些不再继续使用的变量，然后释放其占用的内存。js垃圾回收的策略标记清除当变量进入环境时，就将这个变量标记为“进入环境”，而当变量离开环境时，则将其标记为“离开环境”。标记变量方式看具体的实现，可以使用一个“进入环境”的变量列表和一个“离开环境”的变量列表来跟踪哪个变量发生了变化。使用过标记清除的浏览器有IE，Firefox，chrome。引用计数这是一种不太常见的垃圾回收的策原创 2020-05-11 13:00:32 · 547 阅读 · 0 评论 -
JavaScript 开发必须掌握技能（四）- 更好的使用jQuery attr方法
前几篇都是长篇大论，一次看完的确有些费尽，今天简单些，分享一个开发中使用attr() 的技巧，可能大家都没有这样使用过。它配合ES6标准中模板字符串模块使用。简单看下模板字符串它的使用：// 传统的 JavaScript 语言，输出模板通常是这样写的（下面使用了 jQuery 的方法）。$('#result').append( 'There are <b>' + basket....原创 2020-04-15 15:03:55 · 296 阅读 · 0 评论 -
前端经典面试题解密：JS的new关键字都干了什么？
前言new关键字在实例化获取对象时都做了什么？是一道经常出现在前端面试时的问题。如果只是简单的了解new关键字是实例化构造函数获取对象，是万万不能够的。更深入的层级发生了什么呢？同时面试官想从这道题里面考察什么呢？下面胡哥为各位小伙伴一一来解密。一、new关键字new关键字的作用：通过new关键字实例化构造函数，获取对象。说一千道一万，不如来段代码看一看// 定义构造函数function...原创 2020-04-08 18:36:18 · 288 阅读 · 0 评论 -
推荐几个不错的console调试技巧
1、console.log()我们经常会使用console.log来打印出某个变量的值或者某个实体对象，也可以传入多个变量参数，它会按照传入顺序进行打印：1. 传入一个变量const a = 1;console.log(a); // -> 12. 传入一个对象const foo = {a: 1};console.log(foo); // -> {a: 1}3. 传入...原创 2020-03-26 16:12:49 · 346 阅读 · 0 评论 -
方法中this指向的问题
方法中this指向的问题<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>test</title></head><body> <button class="btn">按钮&...原创 2020-02-26 17:44:58 · 143 阅读 · 0 评论