JS
文章平均质量分 82
爱创乐育知识速递
爱创乐育 ----- 爱创课堂旗下专业前端技术培训品牌
展开
-
web前端培训 - JavaScript 扩展运算符
JavaScript 扩展运算符简介ES6 提供了一个名为扩展运算符的新运算符,它由三个点 (…) 组成。扩展运算符允许我们扩展可迭代对象的元素,例如数组、映射或集合。例如:const odd = [1,3,5];const combined = [2,4,6, …odd];console.log(combined);输出:[ 2, 4, 6, 1, 3, 5 ]在此示例中,奇数数组前面的三个点 (…) 是展开运算符。扩展运算符 (…) 解包奇数数组的元素。请注意,ES6 还具有三个点 (…原创 2022-03-21 17:53:36 · 295 阅读 · 0 评论 -
web前端 - JS中的4个for循环
在 ECMAScript5(简称 ES5)中,有三个循环。在 2015 年 6 月发布的 ECMAScript6(简称 ES6)中,新增了一种循环类型。他们是:forfor infor eachfor of今天,就让我们一起来看看这4个 for 循环。1、简单的for循环我们来看看最常见的写法:const arr = [1, 2, 3];for(let i = 0; i < arr.length; i++) {console.log(arr[i]);}当循环中数组的长度没有变化原创 2022-01-17 17:47:21 · 619 阅读 · 0 评论 -
web前端 - 5个常见的JavaScript内存错误
JavaScript 不提供任何内存管理操作。相反,内存由 JavaScript VM 通过内存回收过程管理,该过程称为垃圾收集。既然我们不能强制的垃圾回收,那我们怎么知道它能正常工作?我们对它又了解多少呢?脚本执行在此过程中暂停它为不可访问的资源释放内存它是不确定的它不会一次检查整个内存,而是在多个周期中运行它是不可预测的,但它会在必要时执行这是否意味着无需担心资源和内存分配问题?当然不是。如果我们一不小心,可能会产生一些内存泄漏。什么是内存泄漏?内存泄漏是软件无法回收的已分配的内存块。原创 2022-01-10 17:40:03 · 197 阅读 · 0 评论 -
web前端 -关于this的面试题
1、默认绑定默认绑定通常是指函数独立调用,不涉及其他绑定规则。非严格模式下,this指向window,严格模式下,this指向undefined。01、题目1.1:非严格模式var foo = 123;function print(){this.foo = 234;console.log(this); // windowconsole.log(foo); // 234}print();非严格模式,print()为默认绑定,this指向window,所以打印window和234。这个fo原创 2022-01-05 17:30:43 · 256 阅读 · 0 评论 -
JavaScript数组函数整理汇总
1、Array.isArray()我们列表中的第一项是 JavaScript 中的 isArray 方法,它确定传递的输入是否为数组。语法:在下面的代码中, arr 将是我们要检查的输入,是否为数组。isArray() 函数的结果将是一个布尔值。Array.isArray(arr)示例:Array.isArray([1, ‘something’, true]);// trueArray.isArray({anything: 123});// falseArray.isArray(‘som原创 2021-12-30 17:26:46 · 724 阅读 · 1 评论 -
web前端 - JavaScript 中一流函数的日常用例
什么是“一流函数”?维基百科的定义:在计算机科学中,如果一种编程语言将函数视为一等公民,那么它就被称为具有一等函数。这意味着该语言支持将函数作为参数传递给其他函数,将它们作为其他函数的值返回,并将它们分配给变量或将它们存储在数据结构中。例如,在 JavaScript 中,我们可以将一个函数分配给一个变量。var sum = function(a, b) {return a + b;}var total = sum(10, 1);如果我们是第一次阅读,这个定义会有点混乱。然而,事实是我们在不知原创 2021-12-22 18:01:30 · 174 阅读 · 0 评论 -
web前端 - 10 个很酷、很实用JavaScript特性
1、空运算符如果左侧为空或未定义,则此运算符返回右侧值。const data= null ?? ‘data’;console.log(data);// expected output: “data”const data1 = 1 ?? 4;console.log(data1);// expected output: 1逻辑 OR (||) 运算符执行相同的操作,但是,当将 0 作为值传递时,它将视为 false,这使得它容易用于数字。function add(a, b) {val1 =原创 2021-12-16 17:59:39 · 1462 阅读 · 0 评论 -
web前端 - 6 种在 JavaScript 中清理代码的方法
1、删除不必要的 return 语句:检查函数内部是否需要存在。可以简化为一行代码吗?如果是这样,JavaScript 允许使用隐式返回来简化代码。从下面检查代码。在那里,我删除了额外的变量声明 usersFound,让我可以选择删除未使用的 return 语句。// This function receives as arguments an array of objects,// [{ firstName: ‘Test’ }, { firstName: ‘Ignacio’ }, …]// Th原创 2021-12-01 17:59:39 · 934 阅读 · 0 评论 -
web前端 - 正则表达式的整理汇总
很多不太懂正则的朋友,在遇到需要用正则校验数据时,往往是在网上去找很久,结果找来的还是不很符合要求。所以我最近把开发中常用的一些正则表达式整理了一下,在这里分享一下。给自己留个底,也给朋友们做个参考。01、手机机身码(IMEI)/^\d{15,17}$/02、必须带端口号的网址(或ip)/^((ht|f)tps?????/)?[\w-]+(.[\w-]+)+:\d{1,5}/?$/03、网址(url,支持端口和"?+参数"和"#+参数)/(((ht|f)tps?)????/)?[\w-]+(.原创 2021-11-25 17:41:42 · 919 阅读 · 0 评论 -
web前端 - JavaScript函数方法汇总
各种业务开发都离不开对数据的处理,然而遇到的很多数据都是不好处理的。这个时候就需要寻求搜索引擎的帮助。这种方法效率是非常低下的,而且根据作者的个性不能保证其对自己的口味。因此这篇文字包含了一份 js 常用业务函数手册,例如时间格式的处理、用的是哪个手机浏览器,手机号、邮箱的验证,以此来提高你的开发效率1、邮箱export const isEmail = (s) => {return /^([a-zA-Z0-9_-])+@([a-zA-Z0-9_-])+((.[a-zA-Z0-9_-]{2,3原创 2021-11-18 17:34:14 · 153 阅读 · 0 评论 -
web前端 - JavaScript 中删除/过滤数组的方法总结
我们可能总是会遇到根据一个属性或多个属性值从数组或对象数组中删除项目的时候,今天让我们看看根据属性值从数组中删除或过滤项目有哪些不同的方法。1、POP“pop() 方法从数组中删除最后一个元素并返回该元素。这个方法改变了数组的长度。” (来源:MDN)数组:let arraypoptest = [2, 1, 2, 5, 6, 7, 8, 9, 9, 10];let testpop = arraypoptest.pop();console.log(“array pop”, testpop,"-",原创 2021-11-11 17:42:23 · 269 阅读 · 0 评论 -
web前端JavaScript常用开发小知识总结
01、假值undefined、null、0、false、NaN、‘’都是假值。您可能已经知道这一点,但您是否知道空字符串也是假的?见下文:console.log(’’ == false); // trueconsole.log(’’ === false); // false02、Filter 函数您一定在数组上经常使用 filter 函数。如果您想过滤数组中的虚假值,这里有一个提示。只需在过滤器函数中提供布尔值即可。const arr = [1,4,undefined,null,9,NaN,1原创 2021-11-02 17:39:55 · 627 阅读 · 1 评论 -
前端开发十大JavaScript库,你值得拥有!!!
Javascript现在已经演变成一种你可以做任何事情的语言。如今,我们创建了服务器端代码、前端代码、移动应用程序代码等等。这是我以前用于不同项目的一些很棒的JS库的列表。1、Nodemon地址:https://www.npmjs.com/package/nodemonNodemon 是一个可以实现服务器开发的库。任何更改后,它将自动保存,自动重新启动的服务器(或其他项目)。它知道何时保存前端文件(例如 CSS),如果你正在更新需要重新启动的后端文件,它只会在你需要时尝试重新启动。它易于安装并且原创 2021-10-27 17:49:24 · 466 阅读 · 2 评论 -
web前端 - JavaScript中验证电子邮件地址的三种方法
如何使用JavaScript验证email的正确性?今天这个内容将做一个小小的总结,希望对你有所帮助。方式一:简单验证对于想要以以下形式进行真正简单验证的人fly63@email.com正则表达式:/\S+@\S+.\S+/要防止匹配多个@ 符号(推荐使用):/[\s@]+@[\s@]+.[\s@]+$/JavaScript 函数示例:function validateEmail(email) {var re = /[\s@]+@[\s@]+.[\s@]+$/;return re.te原创 2021-10-19 17:14:37 · 1899 阅读 · 0 评论 -
web前端 —— 原型、构造函数和实例的关系
一 、基础原型每个对象都包含一个原型属性(prototype),用于关联另一个对象,关联后就能使用那个对象的属性和方法,这其实就是JavaScript的原型式继承。操作原型有如下方法:(1)Object.create()根据指定的原型创建新对象,原型可以是nullconst parentObj = {add: function() {return this.a + this.b;}};const newObj = Object.create(parentObj, {a: {value原创 2021-10-15 17:39:29 · 158 阅读 · 0 评论 -
JS基础 - JavaScript 语法
JavaScript 区分大小写JavaScript 中的所有内容,包括变量、函数名、类名和运算符都是区分大小写。这意味着counter和Counter变量是不同的。同样,你不能将instanceof用作函数的名称,因为它是一个关键字。但是,instanceOf是一个有效的函数名。标识符标识符是变量、函数、参数或类的名称。标识符由以下格式的一个或多个字符组成:第一个字符必须是字母(az 或 AZ)、下划线 ( _ ) 或美元符号 ()。其他字符可以是字母(az、AZ)、数字(0−9)、下划线()和原创 2021-10-10 17:11:45 · 79 阅读 · 0 评论 -
五种从JavaScript 数组中删除项目的方式
有很多方法可以从 JavaScript 数组中删除项目。但是,在这篇文章中,我们将研究 5 种方法来做到这一点。出于某种原因,有时,你想从 JavaScript 数组中删除项目。有很多选择,这也意味着有很多可能出错的空间。JavaScript像任何其他编程语言一样,JavaScript 允许程序员使用数组对象。是的,是对象。之所以强调数组作为对象,是因为 JavaScript 数组是对内存中地址的实际引用。因此,你对该阵列所做的任何更改都将在你使用它时一直保留。好了,简单介绍完了,接下来就是介绍我们将原创 2021-09-23 17:19:34 · 213 阅读 · 0 评论 -
Web前端之JS的学习方法与步骤
对于一个学前端的同学来说js是所有学习的人来说必不可少的知识点,而且js学的好坏直接关系到一个人是否能真正学的怎么样。这不仅仅是我的知识体系,更是我时刻提醒自己的自检清单。下面我会把我的自检清单分享给大家,你可以按照清单上的知识检测自己还有哪些不足和提升,我也建议大家建自己的知识体系,这样工作或者学习甚至面试时,你能快速定位到知识清单中的点,如果你有哪些我没归纳到的点,欢迎在评论区告诉我。变量和类型1.JS规定了几种语言类型2.JS对象的底层数据结构是什么3.Symbol类型在实际开发中的应用、原创 2021-09-09 17:37:29 · 426 阅读 · 0 评论 -
web前端 - 10 个现代JavaScript开发技巧
JavaScript 有很多很酷的特性,但大多数初学者和中级开发人员都不知道。 今天,我挑选了 10 个 JavaScript 项目中使用的技巧。1、有条件地向对象添加属性我们可以使用扩展运算符 … 来有条件地向 JavaScript 对象快速添加属性。const condition = true;const person = {id: 1,name: ‘John Doe’,…(condition && { age: 16 }),};如果每个操作数的计算结果都为真, &am原创 2021-09-03 17:46:34 · 116 阅读 · 0 评论 -
web前端 - 17个顶级 JavaScript 开发小技巧
这里写自定义目录标题欢迎使用Markdown编辑器新的改变功能快捷键合理的创建标题,有助于目录的生成如何改变文本的样式插入链接与图片如何插入一段漂亮的代码片生成一个适合你的列表创建一个表格设定内容居中、居左、居右SmartyPants创建一个自定义列表如何创建一个注脚注释也是必不可少的KaTeX数学公式新的甘特图功能,丰富你的文章UML 图表FLowchart流程图导出与导入导出导入欢迎使用Markdown编辑器你好! 这是你第一次使用 Markdown编辑器 所展示的欢迎页。如果你想学习如何使用Mar原创 2021-08-26 17:51:42 · 134 阅读 · 0 评论 -
web前端六种异步方案,速来了解,欢迎查收!!!
一 回调函数异步编程的最基本方法,把任务的第二段单独写在一个函数里面,等到重新执行这个任务的时候,就直接调用这个函数。优点:简单、容易理解和实现。缺点:多次调用会使代码结构混乱,形成回调地狱。function sleep(time, callback) {setTimeout(() => {// 一些逻辑代码callback();}, time);}二 事件监听异步任务的执行不取决于代码的执行顺序,而取决于某个事件是否发生。优点:易于理解,此外对于每个事件可以指定多个回调函数,原创 2021-08-19 17:36:40 · 385 阅读 · 0 评论 -
关于web前端 - Javascript的六大变量声明方式,你都知道吗?
随着js的发展,目前共6种声明变量的方式,分别为var、let、const、function、class、import,下面分别阐述一下这六种方式。1 var在ES5阶段,用var定义变量,此阶段具有以下特点:没有块的概念,可以跨块访问,不能跨函数访问;存在变量提升。// 代码没报错,而是打印出来了undefined,侧面说明了val变量存在变量提升console.log(val); // undefinedvar val = 1;console.log(val); // 12 let在原创 2021-07-29 17:30:35 · 325 阅读 · 0 评论 -
web前端 - 你不知道的11个JavaScript开发技巧
在最新版的JavaScript 中,JavaScript 语言引入了更多的有用语法。在本文中,我将介绍几个在JavaScript新旧版本中易于阅读的技巧。我们将从三元运算符、声明多个变量、箭头函数、默认参数值等方面开始。1、三元运算符我们可以使用三元运算符以简洁的方式编写 if…else 语句。而不是写:const x = 20;let grade;if (x >= 50) {grade = “pass”;} else {grade = “fail”;}我们可以写:const原创 2021-07-26 17:34:43 · 123 阅读 · 0 评论 -
web前端之JS中的变量提升
JavaScript中奇怪的一点是你可以在变量和函数声明之前使用它们。就好像是变量声明和函数声明被提升了代码的顶部一样。sayHi() // Hi there!function sayHi() {console.log(‘Hi there!’)}name = ‘John Doe’console.log(name) // John Doevar name然而JavaScript并不会移动你的代码,所以JavaScript中“变量提升”并不是真正意义上的“提升”。JavaScript是单线程语原创 2021-07-21 17:44:07 · 105 阅读 · 0 评论 -
web前端的防抖与节流,你知道吗?
性能一直是前端老生常谈的一个话题,其中有一个性能问题就是我们会频繁的触发一些事件,例如mousemove、scroll、resize等,虽然浏览器已经对这些事件的触发做了一些优化,但是如果在很短的时间内频繁的触发仍然会影响性能,这个时候就需要今天的主角:防抖和节流,利用它们来进行优化,提高性能。一 防抖1 定义防抖就是将多次高频操作优化为只在最后一次执行(某个函数在某段时间内,无论触发了多少次回调,都只执行最后一次)。通常的使用场景是:用户输入,只需在输入完成后做一次输入校验即可。2 实现防抖是将原创 2021-07-14 17:46:07 · 380 阅读 · 1 评论 -
web前端js中的new操作符,你都知道那些知识?
一、new的用处new的作用是通过构造函数来创建一个实例对象,该实例与原型和构造函数之间的关系如下图所示:打开百度APP看高清图片二、 new过程中发生了什么1.一个新对象被创建;2.该对象的__ proto __属性指向该构造函数的原型,即Fn.prototype;3.将执行上下文(this)绑定到新创建的对象中;4.如果构造函数有返回值(对象或函数),那么这个返回值将取代第一步中新创建的对象。验证:function Fun() {this.a = 10;this.b = 20;原创 2021-06-24 17:39:43 · 393 阅读 · 2 评论 -
关于Web前端学习的六大过程
对于前端学习者来说,掌握必要的知识技能是一个必经的过程,那么对于前端来说,需要掌握哪些必备的技能呢?爱创乐育小编总结了下面六个:一,html这个是最简单的,也是最根本的。要谙练把握html中的div、formtable、ulli、p、span、font这些标签,这些都是最常用的,特别是div和table,div用于构造、table也可以用于构造,可是不矫捷,根基table是用来和数据打交道。二,css这里说的css不网罗css3,一样平常我们看到web前端开发工程师的要求里面,有一个会使用css+h原创 2021-06-11 17:35:48 · 398 阅读 · 2 评论 -
对于Web前端的js,你该这么学习???
对于一个学前端的同学来说js是所有学习的人来说必不可少的知识点,而且js学的好坏直接关系到一个人是否能真正学的怎么样。这不仅仅是我的知识体系,更是我时刻提醒自己的自检清单。下面我会把我的自检清单分享给大家,你可以按照清单上的知识检测自己还有哪些不足和提升,我也建议大家建自己的知识体系,这样工作或者学习甚至面试时,你能快速定位到知识清单中的点,如果你有哪些我没归纳到的点,欢迎在评论区告诉我。一、JS基础前端工程师吃饭的家伙,深度、广度一样都不能差。变量和类型1.JS规定了几种语言类型2.JS对象原创 2021-05-26 17:23:30 · 160 阅读 · 0 评论 -
常用前端JS面试题总结,速来!!!
1. JS 的 typeof 返回哪种数据类型?基 本 数 据 类 型 : String,boolean,Number,Undefined, Null, ;引 用 数 据 类 型 Object(Array,Date,RegExp,Function)如何判断某变量是否为数组数据类型?if(typeof Array.isArray===“undefined”){Array.isArray = function(arg){return Object.prototype.toString.call(a原创 2021-04-27 17:48:37 · 80 阅读 · 0 评论 -
学习前端JS,牢记的五个知识小要点!!!
一、JavaScript 是一门什么样的语言,它有哪些特点?javaScript 一种直译式脚本语言,是一种动态类型、弱类型、基于原型的语言,内置支持类型。它 的解释器被称为 JavaScript 引擎,为浏览器的一部分,广泛用于客户端的脚本语言,最早是在 HTML 网页上使用,用来给HTML网页增加动态功能。JavaScript兼容于ECMA标准,因此也称为ECMAScript。基本特点 :1.是一种解释性脚本语言(代码不进行预编译)。2.主要用来向 HTML(标准通用标记语言下的一个应用)页面添原创 2021-04-23 15:14:08 · 115 阅读 · 0 评论