js

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

大家好，我是三元。今天给大家介绍一个新的框架 Fresh，由 Deno 作者出品，在最近发布了 1.0 的正式版本，宣布支持了生产环境，并且在 Github 上热度也比较高，现在是时候给大家详细地介绍...

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

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

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

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

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

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

,随着web前端开发行业的不断发展，对于新涌现的技术和工具，我们要保持一颗好奇的心态。因为正确的使用web前端开发工具可以让我们web开发过程更快捷、更轻松，还能提高产品的开发质量。面对市面上诸多的w...

,Node.js 是能够在服务器端运行 JavaScript 的开放源代码、跨平台 JavaScript 运行环境。Node.js 由Node.js Foundation（已与JS Foundatio...

大家好，我是 CUGGZ。,2023 年 1 月 17 日，Nuxt.js 团队负责人 Daniel Roe 发布文章《Nuxt: A vision for 2023》，文中对 2023 年的 Nux...

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

大家好，我是 CUGGZ，周末来分享一点有趣的知识~,2022 年 6 月 22 日，Stack Overflow 发布了2022 年开发者调查报告。来自 180 个国家/地区的 73,000 多名开...

,说明,1、若要访问最外层的变量，即全局变量，则相比直接访问内部的变量而言，会带来比较大的性能损耗。,2、可以将经常使用的全局变量引用储存在一个局部变量里。,实例,以上就是javascript动态加载...

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

,Volar 是 Vue.js 官方的 VSCode 扩展。当官方推荐 Vetur 时，Volar 还是一个个人项目，随着时间的推移，由于改进的性能和体系结构而被采纳为新的官方扩展。作为一个旨在改善开...

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

,在本文中，我们将使用 Node.js 构建一个简单的博客 API。 API代表“应用程序编程接口”，它允许不同的软件系统相互通信。 在这种情况下，我们的博客 API 将允许我们创建、读取、更新和删除...

,之前项目上需要做一个烟花动画，要求是随机大小，不同地方出现，先看一下效果：,,进一步，还能实现彩色的效果，如下,,什么样的场景决定使用什么样的动画。比如一些比较轻量、装饰性的动画，CSS 动画就足够...

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

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

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

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

​虽然Web性能的实践已经存在了一段时间，并且多年来研究和调试JavaScript (JS)错误的能力有所提高，但我们从未真正关注过错误对性能的影响。,JavaScript错误是Akamai的真实用户...

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

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

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

回顾 Node.js 的最佳特性，以帮助您决定它是否适合您。,,什么是 Node.js?为什么使用 Node.js?让我们深入挖掘并找出更多详细信息，以帮助您确定此环境是否是您应用程序开发的正确选择...

这篇文章将深入探讨最初吸引我使用CSS-in-JS以及后来又决定放弃的原因。如果你对CSS-in-JS背后的逻辑感兴趣，建议耐心看完本文。,顾名思义，CSS-in-JS允许你通过在JavaScript...

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

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

,说明,1、hasOwnProperty判断对象是否具有名称属性或对象。,2、该方法不能检查对象的原型链是否具有该属性，该属性必须是对象本身的成员。,格式,返回值 ,若属性或方法是对象自己定义的，而非...

,译者 | 李睿,审校 | 孙淑娟,使用Node.js构建微服务是一种事件驱动的开发架构，允许开发人员开发功能加载、可扩展和可靠的应用程序。,构建应用程序不仅要满足客户的要求，还要将复杂的功能与动态编...

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

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

当我们在 JavaScript 中对一个值执行连续操作（例如函数调用）时，目前有两种基本方式：,在 2020 年 JS 状态调查中，“你认为 JavaScript 目前缺少什么？“ 问题中，希望拥有管...

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

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

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

有一个Gif图片，我们想要获取它的总帧数，超过一定帧数的图片告知用户不可上传，在服务端有很多现成的库可以使用，这种做法不是很友好，前端需要先将gif上传至服务端，服务端解析完毕后将结果返回，大大降低了...

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

,1、unshift()在数组开头插入元素，把一个或多个参数值附加到数组的头部。,实例 ,2、push()把一个或多个参数值附加到数组的尾部。 ,3、concat()将作为参数的一个或多个数组的元素添...

,在现代 Web 应用中，为了让代码能在生产环境高性能的运营，源代码往往需要被编译打包，进行死码删除，代码转换等处理。,Babel 和 Typescript 是目前最常用的两个编译器，本文主要讨论两者...

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

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

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

,说明,1、返回新创建并初始化的数组。如果调用构造函数数组()时没有参数，则返回的数组为空，长度字段为0。,调用构造函数时，只向其传递一个数值参数，构造函数将返回一个包含指定数量的元素和未定义元素的数...

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

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

​作者 | 云昭,周下载2600万，累计下载数十亿次的Core-js的负责人要打“退堂鼓”了。Denis Pushkarev是数百万网站使用的Core-js库的维护者，近日，他发表言论说，他准备放弃开...

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

,Vue Amsterdam 2023 于 2 月 8 日至 10 日举行（Vue Amsterdam 是世界上最大的 Vue.js 会议），这是 Vue.js 作者尤雨溪三年以来首次参加面对面 Vu...

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

高德地图JS API 实例 亲测可用 参考网站=> 阿里云数据可视化平台（下载json用的）： <script src="//webapi.amap.com/maps?v=1.4.15...

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

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

,本文是由 Emotion 的第二大活跃维护者 Sam 分享，本文第一人称都指的是 Sam。Emotion 是一个广泛流行的 CSS-in-JS 库，用于React。文章 Sam 会带大家深入探讨 C...

,安装,对于项目目录的本地安装：,对于工作系统中的全局安装：,1、安装后，可以通过终端中的eslint命令使用 ESLint。,配置,2、最简单的配置方法是设置一个.eslintrc JSON 文件...

javascript在浏览器中运行的性能，可以认为是开发者所面临的最严重的可用性问题。这个问题因为javascript的阻塞性而变得复杂，事实上，多数浏览器使用单一进程来处理用户界面和js脚本执行，所...

在了解事件循环前，需要一些有关 JS 特性的前置知识。,JS 引擎是单线程的，直白来说就是一个时间点下 JS 引擎只能去做一件事情，而 Java 这种多线程语言，可以同时做几件事情。,JS 做的任务分...

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

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

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

通常要做一个时钟，肯定离不开 JS 定时器。今天换一种思路，用 CSS 来实现一个时钟，如下：,你也可以访问这个CSS time (codepen.io)[1]查看实际效果。,当然借用了一点点 JS ...

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

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

大家好，我是 CUGGZ。,今天来推荐几个热门又实用的 Vue.js 库！,,Pinia 是最新一代的 Vue 轻量级状态管理库。它适用于 Vue 2.x 和 Vue 3.x。它是 Vue 官方成员在...

前言：昨天碰到了一个 worker_threads crash 的问题，最终经过阅读源码和调试找到了具体原因。不得不说，阅读源码是解决问题的非常有效的方法。,代码例子如下。 ,index.js:,ev...

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

,说明,1、padStart()用于头部补充，padEnd()用于尾部补充，将指定的字符串填充到字符串的头部或尾部，返回新的字符串。,2、接受两个参数，第一个参数是字符串补全生效的长度，第二个参数是字...

,,当您提交或推送时，您可以使用 husky 来检查您的提交消息、运行测试、检查代码等Husky 支持所有 Git 钩子[1]。,以一种非常 Linux 的方式，要配置 Git 挂钩，您只需将可执行文...

有许多JavaScript 库可用于绘制不同的图表，包括折线图、条形图、图形等等。,如果您正在尝试学习如何使用 JavaScript 在您的网站上动态显示数据，Chart.js是您可以测试的库之一...

,​大家好，我是前端西瓜哥，今天来认识一下什么是 Event Loop。,Event Loop，简单翻译就是 事件循环，是 JS 语言下实现运行时的一个机制。,JS 的异步并不像其他语言（比如 Jav...

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

,React.js、Vue.js 这些现代的前端框架默认已经对安全做了非常多的考虑，但是这仍然不能阻碍我们写出一些安全漏洞 。。。因为框架永远不能完全限制我们编程的灵活性，只要有一定的灵活性存在就意味...

​虽然Web性能的实践已经存在了一段时间，并且多年来研究和调试JavaScript (JS)错误的能力有所提高，但我们从未真正关注过错误对性能的影响。,JavaScript错误是Akamai的真实用户...

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

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

现代的前端开发、Node.js 后端开发中 NPM 包管理是最基础也是最关键的一部分，本文将从一个问题开始，阐述 NPM 版本控制的工作原理，我相信这是每一个使用了 NPM 的开发人员都应该熟悉的知识...

笔者最近在工作之余,一直在做数据可视化和nodejs方面的研究,虽然之前的web工作中接触过nodejs和可视化相关的内容,但是没有一个系统的总结和回顾,所以为了更深入的研究和复盘我的nodejs和数...

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

,这次我们来聊聊 Node.js 里面涉及到的一个核心概念：event-loop 。只有理解了它，才能明白 node 的进程模型，也才能明白异步调用在实现层面是什么样子的，更能明白当同步代码和异步代码...

,今天在看阿里的面试题时，看到这样一道面试题，问flexible.js的原理是什么？,,然而我也不知道，但是刚好我又在我公司的项目上遇到过，于是研究一番，遂作此文。,简单的一句概括就是：flexibl...

,大家好，我是前端西瓜哥。我们在 VSCode 编辑器中编写 js 代码，是会提供类型提示的。,VSCode 会推断一个变量是什么类型，并在你输入内容的时候，提供对应的 API 属性或方法补全。,如下...

最近重温了一下 Q/Promise[1] 的设计讲解，结合自己的理解和一些小优化，决定也来写一篇手写 Promise 的文章。,我们先以观察者模式作为基石来搭建一个基础版本，实现的功能如下：,代码很简...

,说明,1、index索引为字符串数字(注意非数字)，不能直接进行几何操作。,2、遍历顺序可能不是基于实际数组的内部顺序(可能是基于随机顺序)。,3、一般不建议使用for...in来遍历数组。,实例...

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

作者丨Can Mingir,译者丨仇凯,策划丨诺亚, 我们创建了一个项目，它可以自动化处理Node.js中的数据和逻辑，从而有效减少代码工作量。, 低代码框架Nucleoid在底层声明性运行时环境中使...

,大家好，我是 CUGGZ。,今天来分享一些实用的 npm 技巧！,npm 全称为 Node Package Manager，是一个基于 Node.js 的包管理器，也是 Node.js 社区最流行...

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

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

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

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

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

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

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

,说明,1、CSS中in JS，意思就是使用js语言写css，完全不需要些单独的css文件，所有的css代码全部放在组件内部，以实现css的模块化。,2、CSS in JS其实是一种编写思想。,目前已...

内容管理系统 (「CMS」) 使没有强大技术背景的人也能够轻松发布内容。我们可以使用 「CMS」 来管理我们的内容和交付。市面上有不同类型的 「CMS」，它们执行不同的目的并具有不同的功能。,在本文中...

,1、while语句是一种先测试循环语句，即先检测退出条件，再执行循环体内的代码。,2、while循环体内的代码有可能不会执行。,下面是 while 循环的语法:,实例,在这个例子中，变量 xhs 从...

,1、内置一个浏览器内核： 内置浏览器是指在抓取程序中启动浏览器核心，以便在js渲染后获得页面，这就像收集静态页面一样。,这种工具常用的有以下三种：Selenium、HtmlUnit、PhantomJ...