js

,简单入门 pixi.js。,pixi.js 是一个快速、灵活的 2D WebGL 渲染引擎。,该库基于 Canvas 封装，默认优先使用 WebGL 进行二维图形绘制，充分利用 GPU 硬件加速能力...

​译者 | 卢鑫旺,当我们启动一个Node.js应用程序时，它会加载事件循环并将必要的回调函数添加到回调栈中。在本文中，你将详细了解Node.js中的事件循环是如何工作的。,以下几点阐述为什么了解事件...

,1、访问数组就是访问数组元素。可以使用数组名[下标表达式] 的形式来进行访问，读写数组。,2、下标表达式是值为非负整数的表达式。,例如上文中的,就是使用delete关键字删除a数组中下标为1的元素...

,大家好，我是 CUGGZ。,在产品发布新版本或者有新功能上线时，经常需要新手引导功能来引导用户了解应用。下面就来分享几个开箱即用的新手引导组件库，帮你快速实现新手引导功能！,Intro.js 是一个...

,作为一名前端开发者，我通过这些JavaScript库大大提高了自己的效率，比如格式化日期、处理URL参数、调试手机网页等。因此，我想将这些好用的库分享给你们，也希望可以帮助到你们。,地址：https...

,React 是一个建立在 HTML、CSS 和 JavaScript 之上的 UI 框架，其中 JavaScript（JS）负责大部分的逻辑。如果你对变量、数据类型、数组函数、回调、作用域、字符串方...

,说明,1、引用计数算法定义内存不再使用的标准很简单，就是看一个对象是否有指向它的引用。,2、如果没有其他对象指向它了，说明该对象已经不再需要了。,实例,以上就是js引用计数算法的介绍，希望对大家有所...

,近日，在浏览之前发的推特文章时，发现了曾经被Vite团队核心成员 Matias Capeletto 点赞的一篇动态，心里格外的高兴。,,,,,,,被大佬认可，也是值得开心的一件事情。毕竟独立开发一个...

rollup在业务中基本很少会有接触到，通常在我们的业务中大部分接触的脚手架，或者自己搭建项目中，我们都是用webpack，无论是vue-cli，还是react-create-app他们都是基于web...

,大家好，我卡颂。,继​​Hooks​​​的发明者「Sebastian Markbåge」后，又一名​​React​​​核心成员「Andrew Clark」加入​​Vercel​​​，从事​​Next...

,大家好，我卡颂。,22年11月14日，Deno发布了v1.28，距离他第一个稳定版本v1.0.0发布（2020年5月13日）已过去2年。,作为Node.js​的竞争者，Deno似乎并没有达到「取代前...

,提示：Flask是一个用python语言基于Werkzeug工具箱编写的轻量级web开发框架，它主要面向需求简单，项目周期短的小应用。,Flask是一个使用 Python 编写的轻量级 Web 应用...

在Node.js 中，会将某个独立的功能封装起来，用于发布、更新、依赖管理和进行版本控制。Nodejs 根据CommonJS规范实现了包机制，开发了NPM包管理工具，用来解决包的发布和获取需求。,No...

防御性CSS，防的是谁？我把他总结为：一切使表现和行为偏离预期效果的情景。出现这些场景的原因是因为终端环境的多样化，开发及测试用例只能覆盖大多数使用场景，在其他环境下，解析机制差异、内容动态变化等，都...

,当线上有报错的时候，大家是怎么定位问题的呢？,断点调试么？,但是这时候代码是被压缩过的，变量名都是 a、b、c、d 这种，根本看不出啥来。,如果调试线上报错能像本地开发的时候一样就好了。,其实这是可...

Node.js 不仅可以单独运行，还可以以库的方式被使用，本文介绍下如何把 Node.js 嵌入到自己项目中。首先第一步下载 Node.js 源码，然后根据 Node.js 的文档进行编译安装。这样我...

,说明,1、构造函数名的首字母必须大写。构造函数无需return即可返回结果。,2、调用结构函数必须使用new关键词，只需new结构函数名()就可以创建对象。,3、在构造函数中的属性和方法之前必须添加...

要在安卓应用程序中调用 JavaScript 函数来计算高度，您可以使用 Android 的 WebView 组件。WebView 允许您在应用程序中显示网页内容，并与 JavaScript 进行交互...

译者 | 吴河东,审校 | 孙淑娟 梁策,​​Next.js​​ - 用于生产的 React 框架，可以轻松地启动全栈应用程序。,​​Cosmic​​ - 无头部 CMS工具，它实现了数据(内容)层的...

,说明,1、内存分配：当我们申明变量、函数、对象的时候，系统会自动为他们分配内存,2、内存使用：即读写内存，也就是使用变量、函数等,3、内存回收：使用完毕，由垃圾回收机制自动回收不再使用的内存,实例...

大家好，我是 CUGGZ。,JavaScript 中每个常见问题都有许多成熟的解决方案。当然，国际化 (i18n) 也不例外，有很多成熟的 JavaScript i18n 库可供选择，下面就来分享一些...

,说明,1、每个对象都有__proto__属性来识别继承的原型对象，但只有函数有prototype属性。,2、每一个函数都有一个prototype属性，它是该函数的原型对象。,通过将实例对象的__pr...

译者 | 卢鑫旺,审校 | 孙淑娟,你是否正在寻找一种方法来构建具有身份验证、数据库设置和授权等特性的Web应用程序，而无需编写大量的代码和配置?你是否想在几天内创建一个可用于生产的应用程序?信不信由...

​​想了解更多关于开源的内容，请访问：​​ ​​51CTO 开源基础软件社区​​ ​​https://ost.51cto.com​​ 前言 在做一个HarmonyOS应用项目的时候，需要自定义播放器...

断点的实现非常复杂，这里并不是说要长篇大论讲解 JS 断点在 V8 中是如何实现的，而是想从宏观上聊一下断点的实现。这个问题来源于最近和同事讨论的关于 V8 Inspector 实现的一些事情。,JS...

译者 | 布加迪,审校 | 孙淑娟,机器学习是现代世界的一项基础技术。计算机可以学习识别图像、创作艺术品，甚至自行编写代码，所有这些基本上不需要人的干预。,但机器学习是如何工作的？你自己又如何使用它呢...

​大家好，我是前端西瓜哥。,React.js 是被广泛使用的用于构建用户界面的 JS 库。下面给大家介绍一下学习 React 需要了解的一些概念。,在 React 这类框架流行之前，我们更新 UI，都...

译者 | 朱先忠,审校 | 孙淑娟,在本文中，我们将学习如何使用Next.js、Prisma、Postgres和Fastify来联合开发一个完整的全栈Web应用程序。具体地说，我们将构建一个考勤管理演...

,说明 ,1、方法调用模式。,this总是指向调用方法的对象，this的方向与方法的调用位置有关，与方法的声明位置无关(箭头函数特殊)；,2、函数调用。this指向window，当调用方法没有明确对象...

,说明,1、callee是arguments对象的属性，指向arguments对象的函数是当前函数。,递归可以使用arguments.callee()。,2、在箭头函数中，this功能域与函数外部一致...

,大家好，我是 CUGGZ。,事件循环是 JavaScript 中一个非常重要的概念，下面就来看看浏览器和 Node.js 中的事件循环的原理，以及两者之间的差异！,我们知道，JavaScript是一...

随着 Node.js 的出现和不断发展，其他新的 JS 运行时也穷出不断，Deno、Just、Bun等等。本文简单介绍一下如何写一个 JS 运行时，相比操作系统、编译器来说，写一个 JS 运行时理论上...

译者 | 朱先忠,策划 | 伊桑,Node.js可能是业界最流行的后端技术。Twitter、LinkedIn、Uber等知名国际企业都选择使用Node.js作为他们的主要服务器端技术，或者将其与其他语...

​译者 | 布加迪,审校 | 孙淑娟,图片是任何网站或应用程序的重要组成部分，它们有助于使内容更吸引人、外观更漂亮。然而，如果图片没有得到适当优化，它们也会减慢网站或应用程序的运行速度。,,优化图片之...

,Chrome DevTools 是我们每天都用的工具，它可以查看元素、网络请求、断点调试 JS、分析性能问题等，是辅助开发的利器。,今天不讲怎么使用它，而是讲一个好玩的方向：定制自己的调试工具。,之...

,说明,1、matchAll()方法返回一个包含所有匹配正则表达式和分组捕获结果的遍历器。,2、因为返回的是遍历器，所以通常使用for...of循环取出。,实例,以上就是js中matchAll()方法...

众所周知，函数节流（throttle）是 JS 中一个非常常见的优化手段，可以有效的避免函数过于频繁的执行。,举个例子：一个保存按钮，为了避免重复提交或者服务器考虑，往往需要对点击行为做一定的限制，比...

,大家好，我卡颂。,最近，Typescript v5.0 beta[1]发布，主打特性是「支持Decorators」。,有同学会疑惑，Decorators不是早就有的特性么？各种框架（比如Nest.j...

,大家好，我是前端西瓜哥。今天来学习 TS 中几个比较特殊的类型：any、never、never、void。,any 表示 任意类型。,它是任意类型的父类，任意类型的值都可以赋予给 any 类型：,它...

,,通常我们的项目都是依赖Node.js 环境的，所以第一步就来安装 Node.js。,打开 Node.js 官网（https://nodejs.org/en），其会自动识别当前的操作系统l类型，直接...

,1、使用函数关键字自定义函数(命名函数),function声明函数的关键字，必须全部小写。,2、函数表达式声明类似于一个声明变量，除了在变量中保留值外，还有在函数表达式中保存的函数。,这个函数没有名...

,在前不久的WWC22中，builder.io的CTO 「miško hevery」（同时也是Angular/AngularJS的发明者）发表了一段充满想象力的演讲。,,miško hevery,在演...

,大家好，我是 CUGGZ。,今天来分享几个前端文件处理相关的实用工具库！,,PDF.js是使用 HTML5 构建的可移植文档格式 (PDF) 查看器。它由社区驱动并受 Mozilla 支持，目标是创...

做为前端开发，想必大家都写过 Node.js 的代码，也大概率用 debugger 断点调试过。,我们可以用 Chrome Devtools 调试 Node.js 代码，也可以用 VSCode 来调试...

原文地址：https://blog.logrocket.com/exploring-node-js-v20-features/,翻译：一川,Node.js的每个版本都带有令人兴奋的新功能，v20也不例...

,1、判断引用类型和基本类型的类型是不同的，判断基本类型可以用typeof：,2、typeof对引用类型，除了函数返回function，其他都返回object。但我们开发中数组肯定是要返回array类...

,说明,1、为其他对象提供一种代理，便以控制对这个对象的访问，不能直接访问目标对象。,2、代理模式最基本的形式是对访问进行控制，而本体对象则负责执行所分派的那个对象的函数或者类。,优点,可以保护对象...

,1、获取当前时间必须实例化，Date对象会自动将当前日期和时间保存为初始值。,2、Date构造函数的参数，如果括号中有时间，返回参数中的时间。 ,以上就是js中Date()方法的使用，希望对大家有所...

​译者 | 布加迪,审校 | 孙淑娟,您在本文中将了解Node.js和Deno、CommonJS与ECMAScript模块之间的区别、将TypeScript与Deno结合使用，以及使用Deno Dep...

,1、将js代码写到标签的onclick属性中。,js代码可以写入标签的onclick属性中，当我们点击按钮时，js代码才会被执行，但是这种方式属于结构和行为耦合，不方便维护，不建议使用。,2、将js...

字符串是几乎所有编程语言中的基本类型之一。以下10 个重要的JS技巧可能是你不知道的。,,那么，我们现在就开始吧。,JS 字符串允许简单的重复，不同于纯手工复制字符串，我们可以使用字符串重复的方法...

,可以看到，只有滚动以后才出现阴影。一般情况下，使用 JS 监听滚动事件动态添加类名就可以实现，不过经过我的一番尝试，发现这种效果仅仅使用 CSS 也能轻易实现。,你也可以提前访问 CSS auto ...

,说明,1、new构建函数，在内存中创建一个空对象。,2、this指向刚刚创建的空对象，在构造函数中执行代码，并为空对象添加属性和方法。,3、返回到这个对象。,实例,以上就是js中new关键字的使用过...

Strve.js现在已经基本稳定在4.3.0版本，与之前的稳定版本相比，比如增加了常用的生命周期钩子函数。另外，如果你想直接在浏览器中使用Strve.js，可以使用IIFE版本。还有很多亮点，比如支持...

,说起桌面应用，以前一直想开发个跨平台的应用，学习了一下Qt，偷了一些QQ的素材，整了个简单的IM，但是迫于C++基本属于语法入门阶段，写个东西是真费劲。,最近几年Electron忽然火了起来，也诞生...

React 是当今最受欢迎的 JavaScript 框架之一，它的创新之一就是引入了虚拟 DOM，但很多现代框架已经不再采用这种方案，其在某些情况下会影响应用的性能。Svelte 的创建者 Rich ...

作者 | Ankit Patel, 译者 | 翟珂, 编译丨Noe, 常说工欲善其事必先利其器。对于那些想要提高用户体验的企业来说，这一点尤其正确。在我们所处的数字世界中，给予UI或用户界面更多关注...

​“我们今天可以对JavaScript做的最好的事情就是让它退役！”,大神总是能说出让人印象深刻的话，上面这句话来自JSON和JSLint的作者Douglas Crockford。,,Douglas还...

,大家好，我卡颂。,在布达佩斯2022 JSConf[1]会议上，tc39[2]（ES标准委员会）成员「Gil Tayar」介绍了一份当前仍处于stage 1​阶段的提案 —— Type Annota...

编写web时，js报错，会带来灾难性后果，轻则功能不work！重则页面白屏；今天就跟大家分享一下几个js中常见的处理错误的方法。,try catch代码块尝试执行一段代码，如果发生错误，它就跳转到ca...

JavaScript是单线程的语言，单线程是指所有的程序路径按照一定的顺序执行，只有前面的程序执行了，后面的程序才会执行。,,也就是说在同一时间，JavaScript只能做一件事情，为了协调浏览器产生...

前几天在Python星耀和最强王者交流群里边，好几个人都在问JS逆向的视频和相关代码，看来都在学习进阶的知识，真是卷不动了。正好这几天我也在看JS的部分学习资料，看到一个还不错的案例，这里拿出来给大家...

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

​为进一步提升小程序的安全性和用户体验，目前平台对提审的小程序均需进行安全检测，在检测过程中，发现有小程序采用内置 JavaScript 解释器（如 eval5、estime、evil-eval 等...

随着 Node.js 17 的生命周期结束，是时候看看您需要更改哪些内容才能继续使用受支持的开发环境版本。,Node.js 17 是 Node.js 的一个版本，于 2021 年 10 月 19 日发...

,1、动态的插入script标签来加载脚本。,2、通过xhr方式加载js文件，不过通过这种方式的话，就可能会面临着跨域的问题。 ,3、将多个js文件合并为同一个并压缩。,目前，大多数浏览器已经支持并行...

,说明,1、co模块可以帮助我们完成异步过程的自动执行。,co模块是基于Promise对象的。不需要制作Generator函数的执行器。,2、co函数返回Promise对象。,因此可以通过then添加...

最近，我被问到几个奇怪的面试问题。它们与普通的问题不同：这些面试问题看起来非常简单，但却考验你对JavaScript的透彻理解。你能正确回答多少个?,请问当 x 值为什么时，才会打印 大迁世界,奇怪...

,说明,1、可迭代对象是实现了@@iterator方法的对象，那么可迭代对象就可以通过重写@@iterator方法实现自定义迭代行为。,@@iterator是一个可以返回迭代器对象的函数。,2、当ne...

,大家好，我是前端西瓜哥。,之前写了一篇关于​​ JS 中 bind 方法的实现​​的文章，并给出了实现：,但没有处理 通过 new 创建实例 的情况。,因为很少会遇到给 bind 返回的函数做 ne...

,说明,1、只要是代码，至少有一个作用域。写在函数内部的局部作用域。,2、如果函数中有函数，在这个功能域中可以诞生另一个功能域。,3、根据内部函数可以访问外部函数变量的机制，用链式查找决定哪些数据可以...

,说明,1、生成器的return方法结束生成器，返回Iteratorrresult。,2、done为true，value向return方法传达的参数，不传达任何参数，value为undefined...

本文将探究 React API 的演变及其背后的心智模型。从 mixins 到 hooks，再到 RSCs，了解整个过程中的权衡。我们将对 React 的过去、现在和未来有一个更清晰的了解，便于深入研...

,说明,1、for-of语句是一种严格的迭代语句，用于遍历可迭代对象的元素。,2、for-of循环将按照可迭代对象的next()方法产生值的顺序迭代元素。,关于可迭代对象，请参考ES6系列的Itera...

好久没更新了，今天写个笔记。,我们都知道 Node.js 是基于事件循环来运行的，本质上是一个生产者 / 消费者模型，所以就少不了任务的管理机制，不过本文不是介绍事件循环中的任务管理，而是 C++ 层...

大家好，我是前端西瓜哥，今天说一下 JS 的类数组对象是什么，以及如何将类数组对象转为数组。,类数组对象，就是含有 length 属性的对象，但这个对象不是数组。,通常来说还会有 0 ～ length...

跳一跳是微信小程序[3]的一个小游戏。长按屏幕让小人蓄力跳跃，进行游玩。按照小人跳跃盒子的数量，以及特殊盒子加分项计算得分。,十分简单：长按鼠标蓄力、放手，方块就会从一个盒子跳到另一个盒子。然而就是这...

,1、Array.of()方法创建一个具有可变数量参数的新数组实例，而不考虑参数的数量或类型。,Array.of(7) 创建一个具有单个元素 7 的数组，而 Array(7) 创建一个长度为7的空数组...

,说明,1、UMD是AMD和CommonJS的结合。,CommonJS模块是根据服务器第一原则开发的。选择同步加载，其模块不需要包装。,通用模块定义，umd兼容commonjs和amd规范，这意味着u...

Cloudflare 宣布正在与 Deno(Deno 运行时背后的开发商)以及 Node.js 技术指导委员会合作，他们将共同创建使开发人员能够在 Deno、Node.js 和 Cloudflare ...

,说明,1、定义对象间的一种一对多的依赖关系，当一个对象的状态发生改变时，所有依赖于它的对象都将得到通知。,2、包括,Subject：主体对象（状态发布者），维护观察者列表，添加或删除观察者。,Obs...

,方法说明,1、使用生成器函数的构造函数创建生成器函数，生成器函数返回生成器，实际使用少。,2、使用function*声明的函数是生成器函数，生成器函数返回的是生成器。,实例,以上就是js返回生成器的...

在前端开发过程中，常常遇到各种各样的问题和坑点。尤其是随着技术的不断发展和更新，新的问题也不断涌现。对于初学者而言，这些问题往往让人感到十分困惑和无助。因此，本文将旨在探讨一些前端开发过程中常见的问题...

,说明,1、switch语句可用于所有的数据类型(在许多语言中，它只能用于数值)，因此可以使用字符串甚至对象。,2、条件值不一定是常量，或者是一个变量或者一个表达式。,实例,以上就是js switch...

​我们在处理数据的时候可能会遇到类似0.1+0.2 !=0.3的问题，让我们来分析下原因：,因为 JS 采用 IEEE 754 双精度版本（64位），并且只要采用 IEEE 754 的语言都有该问题...

​​想了解更多关于开源的内容，请访问：​​ ​​51CTO 开源基础软件社区​​ ​​https://ost.51cto.com​​ 说明 OH系统版本：OpenHarmony3.1Release I...

,大家好，我是三元同学。,我们知道，随着 SWC、Rspack 等 Rust 前端工具链的出现，Rust 逐渐成为了前端基建的重要一环。作为一门系统级别的语言，Rust 可以编译出高性能的二进制文件...

,笔者近期学习 Material UI 的过程中，发现 Material UI 的组件都是使用 CSS-in-JS 的方式编写的，联想到之前在社区里看到过不少批判 CSS-in-JS 的文章，对此有些...

当你打开 TypeScript 项目中 *.d.ts 声明文件时，你可能会看到 declare 的身影。你知道 declare 的作用是什么?如果不知道的话，看完本文之后，也许你就懂了。,在开发 Ty...

,说明,1、全局作用域声明的变量称为全局变量(函数外部定义的变量)。,2、代码的任何位置都可以使用全局变量，var声明的变量在全局作用域是全局变量。,特殊情况下，函数中不使用var声明的变量也是全局变...

今天来给大家介绍 JavaScript 代码的一个新运算符：管道运算符 |>。,当我们在 JavaScript 中对一个值执行连续操作(例如函数调用)时，目前有两种基本方式：,在 2020 年 ...

11 月 16 日，全球最大的 Nuxt 会议 Nuxt Nation 2022 在线举行，并正式发布了 Nuxt.js 3.0 的第一个稳定版本。Nuxt 3 是基于 Vite[1]、Vue3[2...

​​想了解更多关于开源的内容，请访问：​​ ​​51CTO 开源基础软件社区​​ ​​https://ost.51cto.com​​ 前言 NAPI（Native API）是OpenHarmony系统...

今天，我们来使用Strve.js来搭建一款 Markdown 编辑器，没错！你没听错。我们需要创建了一个实时 Markdown 编辑器，用户可以在 textarea 中输入 Markdown 文本，然...

在自带垃圾回收的语言中，开发者往往不需要过多地关注内存管理。但是不代表我们可以完全忽略它。因为语言引擎的垃圾回收是有一定的判断规则的，如果我们的变量所引用的内存没有符合这个规则，那么引擎无无法对这些内...

,说明,1、在js中严格区分大小写。其实这是用来排错的。,正常写代码不可能大写小写一段时间，但有时候可能会不小心写错，导致运行时无法显示预定效果，需要考虑大小是否有问题。,2、js中的每个句子都以分号...

,1、do-while语句是一种后测试循环语句，即循环体中的代码执行后才会对退出条件进行求值。,2、循环体内的代码至少执行一次。do-while的语法如下:,下面是一个例子:,在上面的例子中，变量 x...

,说明,1、yield和yield* 只能在生成器函数中使用。,生成器函数内部通过yield提前返回，前面的计数器就是利用这个特性向外部传递计数的结果。,2、生成器函数通过使用 yield* 表达式用...

,大家好，我是前端西瓜哥，今天我们用 JS 来实现内置的 bind 方法。,在实现之前，我们先学习一下 Function.prototype.bind 的用法。,bind 是函数特有的一个方法，可以创...

Hasura Storage 是一项开源服务，在 hasura 和任何 s3 兼容的存储服务之上增加了一个存储服务。其目的是能够利用云存储服务，同时也利用 hasura 的功能，如它的 graphql...