js

​​想了解更多关于开源的内容，请访问：​​ ​​51CTO 开源基础软件社区​​ ​​https://ost.51cto.com​​ 本篇的demo使用的是ArkUI的js开发，eTs的Service...

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

​​想了解更多关于开源的内容，请访问：​​ ​​51CTO 开源基础软件社区​​ ​​https://ost.51cto.com​​ 简介 formcomponent用于展示桌面图标和卡片。 卡片类似...

​​想了解更多关于开源的内容，请访问：​​ ​​51CTO 开源基础软件社区​​ ​​https://ost.51cto.com​​ 前言 最近在FA项目开发中，遇到类似这样的圆形进度条，参考开发文档...

​​想了解更多关于开源的内容，请访问：​​ ​​51CTO 开源基础软件社区​​ ​​https://ost.51cto.com​​ 前言 目前JS UI框架提供的事件发布订阅功能需要在API7版本上...

​​想了解更多关于开源的内容，请访问：​​ ​​51CTO 开源基础软件社区​​ ​​https://ost.51cto.com​​ 一、效果 存在问题 曲线救国 二、思考 新建一个工程，创建JS卡片...

​​想了解更多关于开源的内容，请访问：​​ ​​51CTO 开源基础软件社区​​ ​​https://ost.51cto.com​​ 前言 在web端博客逛多了，偶然间发现了一种网页背景，线条能自发的...

​​想了解更多关于开源的内容，请访问：​​ ​​51CTO 开源基础软件社区​​ ​​https://ost.51cto.com​​ 几天没有更新了，最近上班有点忙，没有及时更新一些常用知识点鉴于之前...

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

​​想了解更多关于开源的内容，请访问：​​ ​​51CTO 开源基础软件社区​​ ​​https://ost.51cto.com​​ 前言 初学 HarmonyOS ArkUI(JS) ，对于FA的开...

​​想了解更多关于开源的内容，请访问：​​ ​​51CTO 开源基础软件社区​​ ​​https://ost.51cto.com​​ 前言 Openharmony作为我们国内开源系统，并且以js/et...

​​想了解更多关于开源的内容，请访问：​​ ​​51CTO 开源基础软件社区​​ ​​https://ost.51cto.com​​ 前言 学习 HarmonyOS ArkUI(JS) 也有一段时间了...

​​想了解更多关于开源的内容，请访问：​​ ​​51CTO 开源基础软件社区​​ ​​https://ost.51cto.com​​ HarmonyOS3.0发布之后，大家可以从api8上可以看到一个...

​​想了解更多关于开源的内容，请访问：​​ ​​51CTO 开源基础软件社区​​ ​​https://ost.51cto.com​​ 前言 最近项目中有柱状图的功能，看了下JS中的组件chart，发现...

我对终端Terminal是怎么回事困惑了很久。 但在上个星期，我使用 ​​xterm.js​​​ 在浏览器中显示了一个交互式终端，我终于想到要问一个相当基本的问题：当你在终端中按下键盘上的一个键（比如...

​​想了解更多关于开源的内容，请访问：​​ ​​51CTO 开源基础软件社区​​ ​​https://ost.51cto.com​​ 前言 在Harmony OS应用开发中支持JS 和 JAVA 进行...

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

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

夏天又到啦，又到了吃西瓜的季节！怎么能少了《合成大西瓜》这款又好玩又解压的小游戏呢？,2021年，这款游戏风靡一时。,2022年，我HullQin（点开可关注我）自己写了一款《合成大西瓜》，但是加了一...

上篇文章：《为什么我选用Go重构Python版本的WebSocket服务？》，介绍了我的目标。,从这篇文章开始，我们进入实战，正式介绍Go WebSocket框架。,建议你花1天时间，看一下Go的原理...

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

针对上文第一个场景，我们更常见的做法是，搜索「URL解析」，然后找到网上免费的工具，输入URL，能把参数都告诉我，还能帮我decode参数，非常方便。,但是这是存在问题的：,当然，这种小工具，肯定也有...

提到元素拖拽，通常都会先想到用 HTML5 的拖拽放置 (Drag 和 Drop) 来实现，它提供了一套完整的事件机制，看起来似乎是首选的解决方案，但实际却不是那么美好，主要是它的样式太过简陋，无法实...

(目录),,Web api文档：https://developer.mozilla.org/zh-CN/docs/Web/API/Document_Object_Model/Introduction...

之前我们提到了斗地主的最优秀的交互方案：《斗地主的手牌，如何布局？看25万粉游戏区UP主怎么说》。,具体交互如下：,PC端：,移动端：,今天，我们聊一下，如何用JS开发实现这种对用户体验友好的交互...

我常常需要处理二进制数据，每次面对一堆二进制数据，需要自己逐个字节转换为二进制、十六进制，去阅读和理解，去排查问题。,举个例子：有一个场景是我的《我做了个《联机桌游合集: UNO+斗地主+五子棋》无需...

前言 欢迎关注 『前端进阶圈』 公众号 ，一起探索学习前端技术...... 前端小菜鸡一枚，分享的文章纯属个人见解，若有不正确或可待讨论点可随意评论，与各位同学一起学习~ JavaScript 为什么...

上篇文章《用177行代码写个体验超好的五子棋》，我们一起用177行代码实现了一个本地对战的五子棋游戏。,现在，如果我们要做一个联机五子棋，怎么办呢？,首先，我们需要一个后端服务。2个不同的玩家，一起连...

裁剪图片，一个超级常用的功能！,我个人非常喜欢Windows的「画图」工具。这款工具我小学二年级时非常喜欢玩。长大后，也对它爱不释手。因为「画图」占用内存非常小，可以放大8倍，方便像素级别调整细节，裁...

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

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

在 Node.js 中，Async hooks 是一个非常有意思且强大的模块（虽然性能上存在一些问题），在 APM 中，我们可以借助这个模块做很多事情。本文介绍两个有趣的用法。 AsyncLocalS...

今天来分享 Nuxt.js 官方开源的 3 个基于 Nuxt + Vue 的实战项目！这些项目可以帮助我们更好地理解和掌握 Nuxt 和 Vue 的概念、编写更优雅的代码。,Nuxt Movies 是...

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

6 月 15 日，程序员社区 Stack Overflow 正式发布了 2023 年度的开发者调查报告——《2023 Developer Survey》，全球超过 90000 名开发者参与了此次调查...

本文列出了七种容器化 Node.js 应用程序的方法，让我们简要地看一下它们。,在过去的五年里，Node.js 一直是严肃程序员的最爱。最大吞吐量的 JavaScript 运行时环境是一个免费的开源程...

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

,在 Node.js 中，我们关注的比较的是 CPU 负载，但是在有 GC 的语言中，GC 负载也是需要关注的一个指标，因为 GC 过高会影响我们应用的性能。本文介绍关于 GC 负载的一些内容。,操作...

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

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

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

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

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

,异步加载和延迟加载是前端优化网站性能的两种方法。,异步加载的方案:,动态插入script标签,通过ajax去获取js代码，然后通过eval执行,script标签上添加defer或者async属性创建...

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

很久没有逛社区了，晚上回来看了一下最近的情况，突然看到一个内存泄露问题，作为一个 APM 开发者，自然想分析其中的原因。,下面介绍一下具体的问题。看一下 demo。,Node.js v20.3.1 下...

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

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

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

,3D展览馆是什么，先来预览下效果：,,看起来像个3D冒险类手游，用户可以操纵屏幕中央的虚拟摇杆，以第一人称视角在房间内自由移动、看展览。,首先介绍一个背景，我们的工作内容是做游戏中心的用户运营活动...

,说明,1、生成器函数的外部可以向next方法传达参数，该参数作为上一个yield表现的返回值。,2、如果不传递参数，yield表达式返回undefined。,实例,以上就是js生成器中next的使用...

,说明,1、对于依赖模块，AMD提前执行，CMD延迟执行。,然而，RequireJS从2.0开始，也改为可延迟执行(根据不同的写法和不同的处理方法)。CMD高度赞扬aslazyaspossible...

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

,说明,1、join方法能把数组序列转换为字符串, join方法后面可以跟match方法进行模式匹配。,2、返回值为一个字符串。元素是通过指定的分隔符进行分隔的。,实例,以上就是js中join()方法...

,说明,1、提供一种方法顺序访问一个聚合对象中各个元素, 而又无须暴露该对象的内部表示,2、可分为：内部迭代器和外部迭代器,内部迭代器： 内部已经定义好迭代规则，外部只需要调用一次即可。,外部迭代器...

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

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

,大家好，我卡颂。,如果要从JS中找一个API作为整个前端的缩影，ESM规范中的import再合适不过了。,本文我们从这个API出发，来聊聊web的发展。,在所有JS​运行时中，web​是最开放的（紧...

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

大家好，我是 CUGGZ。,Node.js 是一个开源的 JavaScript 运行环境，已经成为最流行的应用开发平台之一。随着 Node.js 使用率的迅速上升，开发人员不断突破该平台的可能性边界...

,说明,1、为一组复杂的子系统接口提供一个更高级的统一接口，通过这个接口使得对子系统接口的访问更容易，不符合单一职责原则和开放封闭原则。,2、外观模式的优势是易于使用，而且本身也比较轻量级。但也有缺点...

,大家好，我是 CUGGZ。,Vue.js 是一套用于构建用户界面的渐进式 JavaScript 框架。它是尤雨溪在2013年开发出来的，最初命名为 Seed，于2014年正式开源。如今，已经是 Vu...

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

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

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

​​想了解更多关于开源的内容，请访问：​​,​​51CTO 开源基础软件社区​​,​​https://ost.51cto.com​​,随着搬运工的逐渐增加,原创作者的利益收到了极大的影响.所以给图片或...

,说明,1、函数内的某些值不能固定，我们可以通过参数在调用函数时传递不同的值。,2、多个参数之间用逗号分隔，形式参数可以看作是无声明的变量。,在JavaScript中，形式参数的默认值是undefin...

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

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

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

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

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

,说明,1、当不确定传递了多少参数时，可以使用arguments来获取。在JavaScript中，arguments实际上是当前函数的内置对象。,所有函数都内置了一个arguments对象，所有实参都...

,说明,1、caller是函数对象的一个属性，它指向调用当前函数的函数，例如A调用B，B.caller指向A()。,2、在全局范围内调用当前函数，caller值为null。,语法,functionNa...

作者 | 马大伟,,多年以后，面对这篇文章，我会想起那两天失败的令人崩溃的开发过程。当时，只是一个简单的编码需求，我信心满满的计划一下午搞定，但是最终的过程却是令人如此沮丧，让我不得不怀疑我还适不适...

,说明,1、replaceAll()可以一次性替换所有匹配。同replace()一样，该方法接收两个参数。,第一个参数为RegExp对象或一个字符串(要替换的字符)，第二个参数可以是一个字符串(替换文...

大家好，我是 CUGGZ。开工第一天，祝大家开工大吉，事业新启，前兔无量！,本文将分享通过 State of JS 2022 调查结果 总结的 2023 年 8 大 Web 发展趋势！,,单页应用 ...

,1、返回一个新字符串，表示将原字符串重复n次。如果参数为小数，则会被取整。,2、如果为负数或者Infinity，会报错。 ,3、如果参数是0到-1之间的小数或者NaN，则等同于0。 ,一般来说，st...

,说明,1、在数学计算中，小数会有一定的误差，这是计算机本身的bug，不仅是js语言，其他语言也有这个问题。,2、解决方案，不要让两个小数比较大小，一般不会影响正常开发。,实例,以上就是js浮点数精度...

,在 2021 年的 JavaScript 调查问卷中，黑马 Solid.js 一骑当先登上榜首，在用户满意度的评分上连超两大竞争对手，React 和 Svelte。虽然 React 仍有着不错的市场...

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

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

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

成员机器 Node.js 版本不统一：守旧派用 12.x、保守用 14.x、激进用 17.x。项目能否正常跑起来全凭天意，在没有 CICD 流水线加持本地 npm run build 的场景下线上风险...

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

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

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

本文为来自 字节跳动-国际化电商-S 项目团队 成员的文章，已授权 ELab 发布。,疑问,NodeJS 代码是如何跑起来的,TCP 连接在 NodeJS 中是如何保持一直监听而进程不中断的,Node...

,爬虫中很重要的一个点就是JS的逆向破解加密，今天我们来浅析一下。,先简单介绍一下为什么要有JS解密，目前大部分网页都是采用的前后端分离的方式，所以呢，爬虫的一般破解之道都是从后端接口来做文章，进行突...

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

在移动应用程序开发公司的帮助下构建实时应用程序对于任何企业来说都是最重要的事情。添加新功能并为用户提供更好的用户体验在任何商业应用程序中都起着至关重要的作用。,为了执行有效的业务应用程序，企业需要拥有...

Node.js 是最受欢迎的 JavaScript 运行时，今天就来看看有哪些热门、值得使用的Node.js 框架。,Next.js 是一个用于生产环境的 React 应用框架，使用它可以快速上手开发...

,12 月 10 日，第五届 Vue.js 开发者大会（VueConf 2022）由 Vue.js 官方通过在线直播的方式举办。Vue.js 作者尤雨溪发表了题为 《Vue 的进化历程》 的演讲，下面...

大家好，我是你们的 猫哥，那个不喜欢吃鱼、又不喜欢喵 的超级猫 ~,又是好久不见了，最近忙成狗，天天都在加班，挺久没上线了，唉。,高性能 Node.js 图像处理，调整 JPEG、PNG、WebP、A...

作为前端开发，调试是每天都会接触的概念。你觉得什么是调试呢？,有同学说，我用 Chrome DevTools 调试网页，可以查看元素，网络请求，断点运行 JS，用 Performance 工具分析性能...

,说明,1、创建一个空对象。,2、将对象的__proto指向结构函数的原型prototype。,3、执行结构函数中的代码，传输参数，并将this指向该对象。,主要是把原型链和实例的this联系起来，这...

,突发奇想想用JS写一个台球小游戏，磕磕碰碰之后，算是实现了一个简易版的。用到的知识主要是通过递归来调用requestAnimationFrame，以及一些简单的三角函数角度计算。requestAni...

你知道 ​​0 ?? 1​​等于多少吗？,大家好，我是 ​​LBJ​​，今天我们聊聊​​2022​​一些值得掌握的新特性!,现在前端发展很快，各种技术和框架层出不穷、百花齐放，很多人都喊学不动啦！事实...

,众所周知的原因，由于JS的语言特性，任何开发工具都不能为JS提供足够好的智能提示，正因为此，微软创造的轮子：typescript，横空出世！,那么，有没有一种不用typescript的解决方案呢？有...

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