
JavaScript
文章平均质量分 90
艾编程前端技术
艾编程,现在还是一个学习web前端全栈工程师的宝藏账号
展开
-
记好这24个ES6方法,用于解决实际开发的JS问题
34 // 事例自定义事件的函数有Event,CustomEvent和dispatchEvent1 // 向 window派发一个resize内置事件345 // 直接自定义事件,使用 Event 构造函数:8 // 监听事件10 // 触发事件.2 其中 options 可以是:3 {5 ...6 },7 bubbles: true, //是否冒泡8 cancelable: false //是否取消默认事件9 }原创 2023-01-13 23:52:07 · 658 阅读 · 0 评论 -
分享 2023 年最新的 15 种 JavaScript 速记技巧 【终极秘籍】
强大且广受欢迎的编程语言 JavaScript 具有庞大的内置函数库,可用于执行各种任务。本文涵盖了每个开发人员都应该知道的 15 个 JavaScript 特性。无论您是新手还是经验丰富的开发人员,这些功能都会派上用场。那么,让我们来讨论一下这 15 个重要的 JavaScript 特性。原创 2023-01-07 22:38:19 · 617 阅读 · 0 评论 -
快来领取你的JavaScript正则表达式速查表
如果我们想对字符串进行相关(增、删、改、查、检索)操作,就可以用接下来的正则表达式实现什么是正则表达式那么今天为大家分享一个整理完整的常用正则表达式的规则与示例,希望对你学前端这条路上更加有帮助!原创 2022-12-31 20:49:01 · 681 阅读 · 0 评论 -
分享20个Javascript中的数组方法,收藏
什么是数组?与其他编程语言中的数组一样,Array对象允许在一个变量名称下存储多个项的集合,并且具有用于执行常见数组操作的成员。原创 2022-12-28 20:14:21 · 527 阅读 · 0 评论 -
JavaScript普通函数与箭头函数有怎样的区别?
比较点普通函数箭头函数具体案例简写/箭头函数如果没有参数,同时函数体的返回值只有一句,则{}和return都可以省略。1、函数简写this指向this总是指向调用它的对象,如果作为构造函数,它指向创建的对象实例箭头函数的this指向的是父级作用域的this,是通过查找作用域链来确定 this 的值,也就是说看的是上下文的this,指向的是定义它的对象,而不是使用时所在的对象。2、this指向this改变call()、apply()、bind()等方法能改函数中this的指向。原创 2022-12-27 21:12:56 · 1161 阅读 · 0 评论 -
JavaScript DOM的性能优化详解
重排(回流)当渲染树(render tree)中的一部分或全部因为元素的规模尺寸、大小等改变时,浏览器需要重新计算元素在设备视口(viewport)内的确切位置和大小,需要重新布局render树,这个过程为回流(重排)。重绘当页面元素样式改变(如 color、background-color、visibility),但不影响元素在文档流中的的位置时,浏览器只需将新样式赋予元素并进行重新绘制render树操作,这个过程为重绘。回流必将引起重绘,但重绘不一定会引起回流什么情况会发生重排(回流)原创 2022-12-16 00:46:15 · 871 阅读 · 0 评论 -
彻底搞懂JavaScript防抖与节流
防抖的概念在连续的事件中,只需触发最后一次回调,也就是将几次操作合并为一此操作进行。原理是维护一个计时器,规定在delay(延迟)时间后触发函数,但是在delay时间内再次触发的话,就会取消之前的计时器而重新设置。这样一来,只有最后一次操作能被触发。应用场景搜索框输入查询、手机号、邮箱验证输入检测。只需用户最后一次输入完,再发送请求窗口大小resize。只需窗口调整完成后,计算窗口大小,防止重复渲染。什么是节流使得一定时间内只触发一次函数。原理是通过判断是否到达一定时间来触发函数。节流应用场景。原创 2022-12-14 22:53:05 · 970 阅读 · 0 评论 -
10种常用JS代码功能常规写法和优雅写法的对比发现,这差异也太大了吧
当我们刚开始学习JS代码时,我们只需要掌握JS中对应知识点就好,随着对JS代码的熟悉程度,我们就要思考如何写出更优雅,更简洁的代码。接下来我分享10种常用JS代码功能,通过常规写法和优雅写法的对比,来体现其优雅和简洁性。代码中用了ES6新特性,如果你对ES6不了解,可以先收藏好。在后期的VUE中,基本都在和ES6打交道。常规写法利用concat方法来合并数组优雅写法利用ES6中的...扩展运算符来合并数组2、数组中取值常规写法利用数组下标一个一个从数组中取数据优雅写法利用ES6的解构赋原创 2022-12-06 20:17:06 · 366 阅读 · 0 评论 -
快来领取,33个常用JavaScript功能已封装成方法,拿来即用
在实际开发中,为了提高开发的效率,我们会把常用到的功能封装成方法,这样后期开发需要,拿来即用。这里分享33个在实际开发中经常需要用到的功能(已封装成方法),分享给到大家。2、获取url参数3、本地存储4、cookie操作【set,get,del】5、Js获取元素样式【支持内联】6、时间格式化7、原生ajax操作8、fetch请求的封装9、设备判断:android、ios、web10、判断是否为微信11、文本复制功原创 2022-12-04 22:00:45 · 183 阅读 · 0 评论 -
解决常见JS问题的19个实用 ES6 片段
所有的片段都是精心挑选出来的。这是一个很棒的资源,我强烈建议您去查看更多内容。策划这些的主要标准是实际可用性。希望您会发现一些有价值的东西,您可以将其应用到您未来的代码库中。转载 2022-11-30 22:53:15 · 166 阅读 · 0 评论 -
图解实例讲解JavaScript算法,让你彻底搞懂
解决问题的方法,或者我们可以说解决问题的步骤、过程或规则集被称为算法。例如:用于查找与搜索字符串相关的数据的搜索引擎算法。作为一名程序员,您会遇到许多需要使用这些算法解决的问题。因此,如果您已经了解它们会更好。转载 2022-11-29 22:22:16 · 342 阅读 · 0 评论 -
掌握这10个JavaScript新的特性,让编写的代码既干净又有趣
JavaScript 不断升级迭代,越来越多的新特性让我们的代码写起来干净有趣,在这篇文章中我们介绍了 10 个新特性。转载 2022-11-28 22:31:45 · 487 阅读 · 0 评论 -
一个适合前端入门轻松上手的JavaScript教学
JavaScript 是一门编程语言,可为网站添加交互功能(例如:游戏、动态样式、动画以及在按下按钮或收到表单数据时做出的响应等)。本文介绍了 JavaScript 的精彩之处和主要用途。JavaScript 到底是什么?JavaScript(缩写:JS)是一门完备的动态编程语言)。当应用于HTML文档时,可为网站提供动态交互特性。由布兰登·艾克( Brendan Eich,Mozilla 项目、Mozilla 基金会和 Mozilla 公司的联合创始人)发明。JavaScript 的应用.原创 2022-05-18 20:11:29 · 290 阅读 · 0 评论 -
什么是JavaScript函数,基础知识大全(全)
如果您已经开始学习JavaScript了,那是时候了解下基本函数了,本章节为大家分享JavaScript基本函数!原创 2022-05-06 21:49:16 · 207 阅读 · 0 评论 -
学习JavaScript之前,这些知识你应该知道?
如果你想成为一名专业的程序员,你就需要在你的工具箱中安装 JavaScript。如今,JavaScript 已成为就业市场上最受欢迎和需求量最大的语言之一。开发人员经常使用它来构建网站、设计游戏和制作应用程序等。在进入工作岗位之前,语言是你简历上应该具备的基本技能之一。 但是在开始学习 JavaScript 之前你应该知道什么?在本文中,我们将介绍初学者需要了解的所有基础知识。为什么要学习 JavaScript?为什么要学些JavaScript,最核心的原因是就业能力。根据Hac.原创 2022-05-05 19:48:46 · 338 阅读 · 0 评论