javascript

点击参加51CTO网站内容调查问卷 译者 | 布加迪 审校 | 重楼 React是一种知名的JavaScript库，可以用它来为用途广泛的Web应用程序开发UI。React有很强的适应性，可以将它与其...

大家好，我是Echa。 好消息，2023年5月26号Bun 官方对外发布 Bun 0.6.4 版本，距离上一次Bun 0.6.0版本（2023年5月16号），短短只有10天时间。据 Bun官方的说法是...

一、什么是window.screen？ window.screen 对象包含有关用户屏幕的信息。 二、窗口屏幕属性 window.screen 对象可以不用窗口window前缀书写。下面用丰富的案例讲...

今天这篇文章，我想与你分享 11个有用JavaScript技巧，这些技巧可以大大提高你的工作效率。 1、生成随机颜色的两种方式 1).generateRandomHexColor const gene...

浏览器 1.实现全屏 当你需要将当前屏幕显示为全屏时 function fullScreen() { const el = document.documentElement const rfs = e...

每一个JavaScript对象有一个原型，prototype也是一个对象。所有的JavaScript对象继承的属性和方法从它们的prototype。 一、JavaScript 原型 使用对象字面量创建...

数据获取是任何 React 应用程序的核心方面。对于 React 开发人员来说，了解不同的数据获取方法以及哪些用例最适合他们很重要。 但首先，让我们了解 JavaScript Promises。 简而...

使用HTML DOM，可以使用节点关系来导航"节点树"。 一、DOM 节点 在一个HTML文档都是一个节点，The entire document is a document node 每个HTML元...

在 JavaScript 中，对象是语言的基本组成部分，广泛用于表示数据结构。对象由保存值的属性组成。为了访问这些属性，JavaScript 提供了多种方法。在本文中，我们将探索5种不同的方式来访问 ...

在安卓应用中渲染HTML并实现分页，你可以使用WebView组件来加载和显示HTML内容，并结合JavaScript和CSS来实现分页效果。下面是一个简单的示例代码，演示如何在安卓应用中实现HTML渲...

在本文中，我们将分享一些可以帮助你编写干净的 JavaScript 代码的技巧。无论你是初级职位还是高级职位，它都一定会帮助你提高实践水平。,,以上就是我今天与你分享的15个关于写出更好JS的小技巧...

TypeScript 是由微软进行开发和维护的一门开源的编程语言，它是 JavaScript 的严格语法超集，提供了可选的静态类型检查。本文将探索 TypeScript 的发展历程、它对 JavaSc...

,在 JavaScript 中，有多种调用 API 的方法，以下是一些常用的方法和技巧：,这是 JavaScript 中的一个内置对象，允许发出异步 HTTP 请求。这是在 JavaScript 中进...

,终于上线啦，有好多好玩的模型，包括最近很火的瞬息宇宙 。 ,文章首先介绍了JavaScript Web API的概念，解释了它们是如何扩展网站功能并提供丰富用户体验的。接着，文章列举了14个...

JavaScript 程序不能独立运行，它需要被嵌入 HTML 中，然后浏览器才能执行 JavaScript 代码。通过 <script> 标签将 JavaScript 代码引入到 HTM...

数组是任何编程语言的重要组成部分，JavaScript 也不例外。使用数组，开发人员可以存储和操作数据集合，包括字符串、数字甚至对象。 ,,在本文中，我们将介绍每个人都应该知道的 15 个必须知道的 ...

JSON的一个常见用途是交换数据到从一个Web服务器，当从web服务器接收数据时，数据总是一个字符串。使用JSON.parse()方法解析这些数据，数据变成JavaScript对象。,JSON.par...

Hi，我是 ssh，在我做前端的过程中，TypeScript + React 迅速的风靡起来，新项目越来越多的默认启用 TypeScript 做类型保护，它的各种好处对于长期维护的项目已经无需多言。那...

大家好，我是 CUGGZ，祝大家端午节快乐~,JavaScript 框架数量众多，那究竟哪个框架速度更快呢？今天就来分享一个开源的 JavaScript 框架性能基准工具：js-framework...

,标准化时间是指使用一套公认的标准来表示和衡量时间的方法。这种标准化使得不同地区和系统之间能够统一地解读和比较时间。目前最常用的标准化时间系统是协调世界时（Coordinated Universal ...

,JavaScript AJAX（Asynchronous JavaScript and XML）是一种用于异步加载和更新 Web 页面的技术。它允许开发人员使用 JavaScript 从服务器获取数...

学习一些适用的JavaScript 技巧，可以帮助我们提升工作效率，节省时间，最重要的是少代码多干活。,,现在，我们就一起来看一下这17个JavaScript技巧，如果你已经知道了的话，你就当做复习...

刷题是程序员面试准备中至关重要的一件事，它直接决定你能否面试成功，或者在薪酬谈判的时候是否具备主动优势。,,JavaScript 很特殊，它几乎在每个大型应用程序中都扮演着至关重要的角色。如果你是一名...

,当谈到 JavaScript 的模块化规范时，我们不可避免地会提到 CommonJS。多年来，CommonJS 在 Node.js 生态系统中扮演着至关重要的角色，它让开发者能够方便地使用模块化的代...

jsFinder是一款针对JavaScript文件的数据收集工具，该工具基于Go语言开发，是一个命令行工具，在该工具的帮助下，广大研究人员可以快速扫描目标网页以查找HTML源代码中链接的JavaScr...

学习最强大的 JavaScript 专业技巧，这将节省您的时间，提升工作效率。,,为了提高网站的用户体验，我们经常需要将内容复制到剪贴板，以便用户粘贴到指定的地方。,您以前遇到过这种情况吗？,我们需要...

本文将带你了解 JavaScript 中常见的错误类型，处理同步和异步 JavaScript/Node.js 代码中错误和异常的方式，以及错误处理最佳实践！,JavaScript 中的错误是一个对象...

对象是由属性和方法的集合组成的数据类型。,就像许多其他编程语言一样，可以将JavaScript中的对象与现实生活中的对象进行比较。,,原始值是没有属性或方法的值。,在JavaScript中，有5种原始...

JavaScript 是前端领域里功能强大的编程语言，它也是现代 Web 开发的主要语言之一。 作为一名开发人员，拥有一组方便的 JavaScript 函数片段可以提高您的工作效率，并使您能够编写更清...

项目计划存在许多不同的方法。许多都被认为是不可行的，但是没有通用的方法来计划一个项目并确保成功。,,JavaScript 是一种多才多艺的编程语言，为网络提供了动力。作为一个 JavaScript 程...

一个JavaScript Boolean类型代表一个值：true或false。,,很多时候，在编程中，需要一个只能有两个值的数据类型，像：YES / NO 或者 ON / OFF 或者 TRUE ...

为了提高你的 JavaScript 知识与技能，你应该了解一些JavaScript的单行代码技巧。,,为了提高网站的用户体验，我们经常需要将内容复制到剪贴板，以便用户粘贴到指定的地方。,您以前遇到过这...

近日，前端框架 Svelte 的创建者 Rich Harris 提出要将 Svelte 从 TypeScript 切换到使用 JSDoc 的 JavaScript。这种转变得到了 Svelte 团队的...

在实际的开发工作过程中，我积累了一些常用的、超级有用的Javascript技巧和代码片段，包括其他大神编译的JS使用技巧。,,今天这篇文章，我认真筛选了9个我认为比较实用的技巧跟大家一起来分享，也欢迎...

JavaScript是一门简单而复杂的语言，简单是因为他有很多框架库可以使用，复杂也是因为它有太多的框架库可以选择。,,很多时候，我们不知道如何使用，但是，在实际开发中，我们经常用的东西真的不多，在前...

译者 | 布加迪,审校 | 重楼,Stack Overflow在2023年5月进行了年度开发者调查，以了解开发者在使用什么工具、他们如何学习这些工具以及他们的看法。超过9万名开发者参与了这次调查，其中...

JavaScript 函数使用 function 关键字来定义，可以使用一个函数声明或者一个函数表达式。,示例：,声明一个函数不会立即执行。,它们被“保存以供稍后使用”，稍后将被执行，当它们被调用（c...

作为一名拥有十多年专业经验的经验丰富的数据分析师和可视化专家，我花了无数的时间深入研究 JavaScript 的世界。,,JavaScript 是现代 Web 开发的支柱，可在互联网上实现动态和交互式...

作者丨Andrei Tetka,策划丨千山,作为一名拥有多年Java经验的软件开发人员，当我最近切换到Python进行一个新项目时，我发现自己很感兴趣。这种转变促使我探索各种语言的异步编程世界，包括J...

对象是由属性和方法的集合组成的数据类型。,就像许多其他编程语言一样，可以将JavaScript中的对象与现实生活中的对象进行比较。,,原始值是没有属性或方法的值。,在JavaScript中，有5种原始...

今天这篇文章，想跟大家分享 30 个基本并实用的 JavaScript 代码片段，它们将帮助你提升你的 Web 开发能力。从用于提高性能的去抖动和节流功能，到数组操作、字符串操作和数字验证等等。,,了...

Math.random() 返回0到1之间的随机数（包括0，不包括1）。,语法：,Math.random() 总是返回小于1的数字。,,Math.random() 和 Math.floor() 一起使...

,说明,1、通过Array.slice()方法，将指定数组的一个片段或子数组返回。其两个参数分别指定片段的开始和结束位置。,2、返回的数组包括参数指定的位置，和所有但不包括第二个参数指定位置之间的数组...

,说明,1、random()返回0 ~ 1之间的随机数。[ 0 , 1 ),2、ceil(x)对数进行上舍入。,3、floor(x)对数进行下舍入。,4、round(x)把数四舍五入为最接近的整数...

,说明 ,1、将数组中的所有元素转换为字符串并连接在一起，并返回最终生成的字符串。,2、可以指定可选的字符串在生成的文字串中分割数组的元素。如果没有指定分隔符，则默认使用逗号。,Arrray.join...

,区别,1、null表示有值，但是是空。undefined语义上就表示根本没有人去设置过这个值，所以就是没有定义。,2、我们要注意null其实是关键字 ，但是undefined其实并不是关键字。,实例...

,说明,1、函数式编程是一种编程范式，是一种软件开发风格。,用的函数式编程实现的两数之和，我们将求和的操作过程分离出来，封装成一个函数。今后我们在调用时不必关心实现过程，只需关注我们函数的调用，这可以...

,说明,1、寄生组合继承通过盗用构造函数继承属性，但采用混合原型链继承方法。,2、基本思路是不通过调用父类结构函数复制子类原型，而是获得父类原型的副本。,说到底就是用寄生继承继承父类原型，然后把返回的...

,说明,1、事件冒泡即事件开始时由最具体的元素接收，然后逐级向上传播到较为不具体的节点。,2、事件冒泡是默认开启的，但可以通过js代码来控制事件冒泡。,特性,当触发我们的事件函数时，事件函数其实会接收...

,说明,1、用来解决两个接口不兼容问题，由一个对象来包装不兼容的对象，比如参数转换，允许直接访问。,2、主要作用是解决两个接口之间不匹配的问题。,实例,以上就是javascript适配器模式的理解，希...

,两种方法,1、通过各个字符，通过字符的前一个字符是空格时，使用toupperCase方法将当前字符改为大写。,字符串的文字在JavaScript中是不可变的，因此需要使用适当的大写转换方法重建输入字...

,说明,1、创建闭包最常见方式，就是在一个函数内部创建另一个函数。,2、闭包的作用域链包含着它自己的作用域，以及包含它的函数的作用域和全局作用域。,实例,以上就是JavaScript闭包创建的方法，希...

,说明,1、纯函数就类似数学中的函数，用来描述输入和输出之间的关系。,2、对于纯函数来说有着相同输入必有相同输出的特性，所以当调用多次纯函数时，可以缓存起来，提高性能。,实例,以上就是javascri...

JavaScript 嵌入了各种工具，可增强应用程序的工作。这些 JavaScript 工具可以是 IDE、框架和库。让我们对这些工具有一个基本的了解。,,在这篇博客中，我们将讨论15 个开发人员必备...

今天我们来看一个常见的概念 —— JSON，来看下它的概念、使用、技巧、相关工具!,JSON 全称为 JavaScript Object Notation，是一种轻量级的数据交换格式。它是 JavaS...

D3（Data-Driven Documents 或 D3.js）是一个 JavaScript 库，用于使用 Web 标准将数据可视化。D3 可以使用SVG、 Canvas 和 HTML 将数据变为现...

,说明,1、值类型是简单数据类型/基本数据类型，在存储过程中的变量中存储值本身，所以称为值类型。,2、五种数据类型(值类型)：string、number、boolean、undefined、null...

新版本的 ECMAScript 引入了三个新的逻辑赋值运算符：空运算符，AND 和 OR 运算符，这些运算符的出现，也是希望让我们的代码更干净简洁，下面分享几个优雅的 JavaScript 运算符使用...

今天这篇文章，是我从网络上整理的一些常见的 JavaScript Tips。我在我的项目中使用了所有这些实用技巧，今天我想把它们分享给你，希望也能够帮助到你。,,为了提高数字的可读性，可以使用下划线作...

,说明,1、使用二分查找算法查找数组中相应的目标值下标。,2、二分搜索算法的前提是一个有序的数组，所以当编码实现时，首先要对其进行排序。,二分查找的过程,（1）分成两半，最左边的指针low，最右边的指...

Hi！大家好，我想点进来的大家应该都听过，也在浏览器或 Node.js 上执行过 JavaScript，但你们有想过 JavaScript 是如何执行的吗？这背后的功臣就是 JavaScript 引擎...

,1、循环中的函数表现式，最好再利用。,2、数组array优化。 ,[]赋予数组对象是清空数组的捷径(例如arr=[])，但需要注意的是，该方式创造了新的空对象，将原来的数组对象变成了小内存垃圾。,3...

要在 JavaScript 中将数字四舍五入到小数点后两位，请对数字调用 toFixed() 方法，即 num.toFixed(2)。toFixed() 会将数字四舍五入并将其格式化为小数点后两位...

,机制说明,1、找出不再使用的变量，然后释放它所占用的内存。,2、这一过程并非时时刻刻，因为它的成本相对较高，所以垃圾回收器会按照固定的时间间隔周期进行。,分类,（1）引用计数,引用计数算法定义“内存...

,下面是我整理的一些初学者必备的一些知识点～,,据官方描述：TypeScript 是 JavaScript 的超集，这意味着它可以完成 JavaScript 所做的所有事情，而且额外附带了一些能力...

,Javascript 是一种弱类型语言，这意味着变量是没有明确类型的，而是由 JavaScript 引擎在编译时隐式完成。类型转换就是将一种数据类型转换为另一种数据类型，例如：,Javascript...

,说明,1、闭包中的一个关键问题是函数内的函数可以被调用到其他地方。,2、只需取消fn对外部成员变量的引用，就可以回收相应的内存空间。,实例,以上就是javascript消除闭包的方法，希望对大家有所...

作为前端开发工程师，JavaScript 是我们的主要开发语言，它本身语法比较简单，并且生态系统也非常完善，在社区的影响力越来越大。,在我们使用过程中，经常会遇到各种奇怪的问题，让我们经常摸不着头脑...

今天这篇文章，我主要是想跟大家分享一些关于JavaScript的单行代码技巧，在这些方法中，我们使用了一些API，帮助我们简化操作，可能有些方法写一行不是很优雅，我们这么做的目的，主要是为了进一步学习...

天天推送各种框架和库的，看起来也挺累的。。。今天放松一下，做几道 JavaScript 基础题找找自信吧！,console.log 打印出的值是？,console.log 打印出的值是？,consol...

这篇文章用很短的时间来介绍如何在 JavaScript 中编写更简单的条件判断，帮助你编写更简洁、更易读的代码。,,假设我们将颜色值转换为十六进制编码的函数。,这个函数的目标很简单，就是传入颜色字符串...

,大家好，我是 CUGGZ。,JavaScript 是一门弱类型语言，它对类型是弱校验，正因为这个特点，所以才有了TypeScript这个强类型语言系统的出现，来弥补类型检查的短板。TypeScrip...

在这篇文章中，我列出了一个系列的 30 个 JavaScript 单行代码，它们在使用 vanilla js（≥ ES6）进行开发时非常有用。它们也是使用该语言在最新版本中为我们提供的所有功能来解决问...

JavaScript 在不断发展，几乎每天都有新库出来，或者扩展旧库以支持新功能。因此，我们现在拥有数千个 JavaScript 库。并非所有这些都对一般 Web 开发人员有用。,,事实上，它们中的许...

,,与许多其他编程语言一样，JavaScript 也在不断发展，每年，该语言都会通过新功能变得更强大，让开发人员编写更具表现力和简洁的代码。,让我们探索 ECMAScript 2022 (ES13) ...

TypeScript 是 JavaScript 语言的扩展，它使用 JavaScript 运行时和编译时类型检查器。,TypeScript 提供了多种方法来表示代码中的对象，其中一种是使用接口。Typ...

相信做网站对JavaScript再熟悉不过了，它是一门脚本语言，不同于Python的是，它是一门浏览器脚本语言，而Python则是服务器脚本语言，我们不光要会Python，还要会JavaScript...

,Htmx 是一个库，它允许你直接从 HTML 访问现代浏览器功能，而不是使用 javascript。,,要理解 htmx，首先让我们看一下 HTML 中的 a 标签：,这个标记会告诉浏览器：当用户单...

,方法说明,1、有两种定义函数的方式：函数声明和函数表达式。,2、使用函数表达式无须对函数命名，从而实现动态编程，也即匿名函数。有了匿名函数，JavaScript函数有了更强大的用处。,实例,以上就是...

​世界上最流行的编程语言是什么？ ,Python? Java? JavaScript? C？,都不是，是Excel！,外媒估计，全球有12亿人使用微软的Office套件，其中估计有7.5亿人使用Exc...

,1、用时间戳判断是否已到回调执行时间，记录上次执行时间戳，然后每次触发事件时执行回调，回调判断当前时间戳距离上次执行时间戳的时间间隔是否为*s。,如果是，则执行，并更新上次执行时间戳，如此循环。,2...

,说明,1、JavaScript代码本质上总是阻塞的。但是这种阻塞性使我们无法在某些情况下编写代码。,因为在这些情况下我们没有办法在执行某些特定任务后立即得到结果。,任务情况有：,通过对某些端点进行A...

JavaScript 是一种充满惊喜的编程语言。许多人第一次遇到 JavaScript 时，它通常是作为一种 Web 语言出现的。所有主流浏览器都有一个 JavaScript 引擎；并且，还有一些流行...

,说明,1、Array.reverse()方法将数组中的元素反转顺序，返回反转顺序的数组。,2、不是通过重新排列的要素创建新的数组，而是在原来的数组中重新排列。该方法会改变原数组。,实例,以上就是ja...

一般来说，插件的原理是向页面中注入 javascript 脚本，对页面进行处理，比如屏蔽页面中可能的广告元素，改变某些元素的样式，增加一些 UI。,开发插件需要使用前端技术：html css java...

作者丨Somnath Singh, 译者 | 胥磊, 这是不是JavaScript框架的下一次革命的开始？显而易见，是的！, 通常的Web开发中存在一对不可调和的矛盾，即一方面需要更多的JavaSc...

今天给大家分享15个Javascript常用工具类，希望大家喜欢。,官方网址：https://www.lodashjs.com/,Github（55.1k）: https://github.com/l...

,1、引用计数是指语言引擎有一个引用表，它保存了内存中所有资源的引用次数。,若一个值的引用次数为0，则表表示该值不再使用，因此可以释放该内存。,如果一个值不再需要了，引用数却不为0，垃圾回收机制无法释...

,说明,1、分为全局作用域和函数作用域，当访问变量时，解释器会首先在当前作用域中找到标记符。,如果找不到，就去父作用域找，直到找到变量的标记符或者不在父作用域。,2、值得注意的是，每个子函数都会复制上...

QUnit 是一个轻量级的 JavaScript 测试框架，可以方便的在浏览器和 Node.js 环境中运行。QUnit 的语法简单易懂，提供了强大的断言库和多种测试报告格式，适合对简单的 JavaS...

,大家好，我是 CUGGZ。,ViteConf 2022 于 10 月 11 - 12 日举行。Vue 和 Vite 的作者尤雨溪发表了名为《How Vite Came to Be》的主题演讲。下面就...

,说明,1、每个原型对象都有一个constructor属性。该属性指向构造函数本身。,也就是说，person.prototype.constructor==Person。,2、每个原型对象也是一个对象...

,JavaScript 工具的未来将离 JavaScript 越来越远，一些工具（如 Webpack 和 Babel）的重要性正在日益下降。为什么？,目前已经证明一些语言（如 Rust、Go 甚至 Z...

当SVG嵌入HTML页面中时，可以在JavaScript中使用SVG元素，可以使用JavaScript编写SVG脚本。通过编写脚本，可以修改SVG元素，设置它们的动画，或者监听形状上的鼠标事件。,当S...

,Node.js 作为后端框架，自 2009 年首次发布以来，已被越来越多的公司广泛采用。它的成功有以下几个原因：JavaScript 语言 (又称 Web 语言) 的应用，一个丰富的开源模块和工具的...

,TypeScript 是 JavaScript 语言的扩展，它使用 JavaScript 运行时和编译时类型检查器。,TypeScript 提供了多种方法来表示代码中的对象，其中一种是使用接口。 T...

相信做网站对JavaScript再熟悉不过了，它是一门脚本语言，不同于Python的是，它是一门浏览器脚本语言，而Python则是服务器脚本语言，我们不光要会Python，还要会JavaScript...

,大家好，我是 CUGGZ。,Typescript 是 Microsoft 开发的一种编程语言，旨在为 Javascript 语言带来严格的类型检查和类型安全方面的安全性。它是 JavaScript ...

大家好，我是 ConardLi​。作为一名 Web​ 应用程序开发者，排查和修复 JavaScript 代码的内存泄漏一直是最困扰我的问题之一。,最近，Meta​ 开源了一款检测 JavaScript...

,方法说明,1、用transform代替top。,2、用visibility换display。,none，前者只引起重绘，后者引起回流。,3、不要将节点属性值放在一个循环。,4、不要使用table布局...