javascript

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

,说明,1、可以看到async/await的写法与generator非常相似。,2、async/await是generator的语法糖，只是内置了执行器。当执行过程中出现异常时，将停止继续执行。,aw...

,从10多年前JSON在线编辑器的早期开始，用户经常反映编辑器有时会破坏他们JSON文档中的大数字的问题。直到现在，我们也没能解决这个问题。在这篇文章中，我们深入解释了这个问题，并展示如何在JSON ...

小伙伴们，相信即使你是经验丰富的开发者，也未必能很快的解决这道面试题。如果您想质疑这一说法，请继续阅读下去。,,最近，我的好朋友南希遇到了一个让她发疯的问题，面试官要求她现场实现一个JavaScrip...

,1、构造函数模式，没有显示创建对象，直接将属性方法赋给this，没有return语句。,每个方法都要在每个实例上重新定义一遍，无法得到复用。,2、混合构造函数原型模式看，构造函数模式用于定义实例属性...

过去，我写了很多垃圾代码，现在看起来很糟糕。,当我再次看到那些代码片段时，我什至怀疑自己是否适合做程序员。,所以，这里有 10 个我总结的JavaScript 技巧，可以帮助你避免编写我曾经做过的那种...

,说明,1、作为特殊容器通过普通对象实现，该对象具有map方法，map方法可以运行函数处理值(变形关系)。,2、函子是一个持有值的容器，看作普通对象，在其他语言中，可能是一个类。,实例,以上就是jav...

我想，大家一定对JavaScript中的数组很熟悉了，我们每天都会用到它的各种方法，比如push、pop、forEach、map……等等。,但是仅仅使用它就足够了吗？如果你想成为出色的程序员，你一定不...

,在许多情况下，我们的服务器需要处理用户的浏览器，例如表单提交。 get/post请求通常用于向服务器提交表单。,在浏览器中访问http://localhost:3000/user?name=黎燃&a...

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

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

DevJobsScanner 在过去的 14 个月(从 2021 年 10 月到 2022 年 11 月)中分析了超过 1200 万个开发人员职位需求，并从其中挑选了明确需要编程语言的工作机会，得到了...

,速度比较,1、访问字面量和局部变量的速度最快，而访问数组元素和对象成员相对较慢。,2、访问对象成员时，查找的成员在原型链位置太深，则访问速度越慢。,提示,应该尽可能的减少对象成员的查找次数和嵌套深度...

最近，我遇到了一些奇怪而有趣的面试题，它们与常规问题不同，这些面试问题看起来很简单，但它们会测试你对 JavaScript 的透彻理解，今天我就来跟大家分享5个神奇的JavaScript知识点，看看你...

,说明,1、在内存中创建新的空对象。,2、将构建函数中的this指向新对象。,3、执行结构函数中的代码，为该新对象添加属性和方法，并将其分配给传输参数。,4、返回新对象。,实例,以上就是javascr...

聊天插件系统是一种令人兴奋的新方式，可以扩展ChatGPT的功能，纳入您自己的业务数据，并为客户与您的业务互动增加另一个渠道。在这篇文章中，我将解释什么是聊天插件，它们能做什么，以及你如何用JavaS...

,我们从上图中可以看到数组对应原型下的所有的方法和属性。,定义：获取访问指定索引的元素值，可以接受负数，从尾部开始索引。,at()方法虽然新颖，但是很多人会问，这不是和属性访问器 arr[2] 效果一...

1.拉取镜像,2.运行,http://localhost:8080/,,出现如这个页面表示容器运行成功了。接下来就要更改容器中 nginx 的配置了。,nginx 的默认路径,对nginx进行配置有两...

JavaScript 语言诞生至今，模块规范化之路曲曲折折。社区先后出现了各种解决方案，包括 AMD、CMD、CommonJS 等，而后 ECMA 组织在 JavaScript 语言标准层面，增加了模...

效果如下图所示：我们实际上使用了 2D 来模拟 3D 效果。,,应用程序启动时，默认只绘制一个立方体，因此我们在初始绘制的函数里，只执行动态绘制 X 方向的立方体这一个逻辑。因为默认 X 方向的立方体...

在 class 出现之前，JavaScript 实现继承是件麻烦事，构造函数继承有加上原型上的函数不能复用的问题；原型链继承又存在引用值属性的修改不独立的问题；组合继承又存在两次调用构造函数的问题，寄...

译者 | 李睿 审校 | 重楼 在过去的Web应用信息系统开发中，用户认证是一个不可或缺的功能模块。用户认证功能包括用户注册和登录认证。在以往的开发方法中，用户认证功能模块实现的常见方式是使用电子邮件...

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

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

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

大家好，我是 CUGGZ。,TypeScript 是微软于 2012 年推出的一门语言，它是 JavaScript 的超集，具有更强的可选类型系统。TypeScript 和 JavaScript 一样...

,说明,1、在内存中创建新对象。,2、新对象内部的指针被赋值为构造函数的prototype属性。,3、构造函数中的this被赋值为新对象。,4、执行构造函数内的代码。,5、构造函数返回非空对象时，返回...

,1、浏览器方法， 如果内存占用基本平稳，接近水平，就说明不存在内存泄漏。反之，就是内存泄漏了。,打开开发者工具，选择 Timeline 面板；,在顶部的Capture字段里面勾选 Memory；,点...

作者丨Alexander Hafemann, 译者 | 布加迪, 用JavaScript编写第一段代码可能需要一天左右的时间，但深入了解其未知知识和背景知识可能让你在整个职业生涯受益无穷！, 简而言...

,说明,1、当从一个变量到另一个变量赋值的基本类型时，将在该变量上创建一个新值，然后将该值复制到为新变量分配的位置。,2、基本类型在赋值操作后，两个变量是相互不受影响的。,实例,以上就是javascr...

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

,1、相等运算符比较不严格。,2、如果两个操作数量不是同一种类型，那么相等运算符就试着进行一些类型的转换，然后进行比较。,如果两个值类型相同，但值不同，那么它们不相等。,如果一个值是null,一个值是...

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

译者 | 陈峻 审校 | 孙淑娟 通常，测试JavaScript的过程对于新手测试人员来说，可能会比较痛苦。对此，业界已经开发出了许多现成的工具、技术和框架，尽量让该过程变得轻松一些。其中，诸如：Mo...

介绍： Vue I18n 是 Vue.js 的国际化插件。它可以轻松地将一些本地化功能集成到你的 Vue.js 应用程序中。 1、安装Element ui npm i element-ui -S 2...

作者：京东科技 高飞 前言 本文旨在通过部署微前端项目的实践过程中沉淀出一套部署方案，现就一些重点步骤、碰到的问题做了一些总结。 部署顺序 因为线上部署主应用时需要用到子应用的线上可访问地址，因此部署...

前言 前面一篇文章​​Vue开发历程---音乐播放器​​，实现了播放音乐，以及基本的布局。但是进度条没有实现同步，本文即介绍进度条的实现。 一、效果图 二、心路历程 1、elementUI 滑块的使用...

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

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

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

,说明,1、构造函数、原型与实例的关系，每个构造函数都有一个原型对象。,2、原型对象包含一个指向构造函数的指针，而实例包含一个原型对象的指针。,继承的本质是复制，也就是重写原型对象，代之新的实例。,实...

我们经常会遇到这样的需求，在循环中使用异步请求，而 ES6 的 async/await 是我们让异步编程更简单的利剑。 本篇总结了 5 种在循环中使用 async/await 的方法（代码干货都能在浏...

前言 大家好 我是歌谣 在日常的学习生活中 我们会遇到各种各样的问题 今天在工作中就遇到了多个文件上传的时候会调用多次接口 感谢群友的帮助 想加入前端巅峰交流群可以私信我 原因 一开始不知道原因 后来...

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

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

,1、JavaScript引擎是专门处理JavaScript脚本的虚拟机，通常附在网页浏览器上。,主页浏览器JavaScript引擎如下：,Mozilla,2、SpiderMonkey，首款JavaS...

,1、在promise的then方法中，已经自动帮助我们try catch回调函数。,2、then方法中抛出的异常，将被下一级联then方法的第二个参数捕获。 ,如果最后一个then有异常，可以添加一...

,说明,1、引用类型的赋值实际上是对象保存在栈区地址指针上的授权值，因此两个变量指向同一个对象，任何操作都会相互影响。,2、从一个变量向另一个引用类型的值时，也将保存在变量中的对象值复制放在新变量分配...

,1、对于原始类型，除了null，您还可以调用typeof显示正确的类型。,2、对于引用数据类型，除函数外，还会显示“object”。 ,3、使用typeof判断对象的数据类型是不合适的 。,最好使用...

,大家好，我是 CUGGZ。,TC39 是一个推动 JavaScript 发展的技术委员会，由各个主流浏览器厂商的代表构成，其主要工作就是制定 ECMAScript 标准。TC39 每两个月举行一次面...

深度学习语义分割篇——FCN原理详解篇 写在前面 在过往的博客中，我已经介绍了几种经典神经网络（VGG、GoogleNet、Resnet等等）在图像分类上的应用，这些都是非常基础却重要的内容，大家务必...

观察者模式：定义了对象间一种一对多的依赖关系，当目标对象 Subject 的状态发生改变时，所有依赖它的对象 Observer 都会得到通知,小美通过自己的努力吸引了2个追求者.小美每次发朋友圈必定会...

数组遍历操作 forEach 该方法等同于for循环，其没有返回值结构：arr.forEach(回调函数,回调函数this的值) 第二个参数当回调函数是箭头函数时无效 用法：arr.forEach(f...

本文分享自华为云社区《​​Flask框架：运用Ajax轮询动态绘图​​》，作者：LyShark。 Ajax是异步JavaScript和XML可用于前后端交互，在之前​​《Flask 框架：运用Ajax...

本文来自公众号活在信息时代。,对于前端程序员来说，V8引擎无疑是最为熟悉的工具之一了。V8是Google开源的JavaScript和WebAssembly引擎，用C++编写。它用于Chrome和Nod...

,原理分析,1、给CONTEXT设置一个属性,属性值一定是要执行的函数。,2、基于CONTEXT.XXX()成员访问执行方法，就可以把函数执行，并且改变里面的THIS。,都处理完后，把给CONTEXT...

,说明,1、常见的实例化对象模式，工厂模式就相当于创建实例对象的new，提供一个创建对象的接口。,缺点是无法识别对象类型，因为创建对象都是使用Object的原生构造函数来完成的。,2、应用场景：JQu...

(Node.js的多版本管理工具之nvm),非Windows系统： https://github.com/nvm-sh/nvm,Windows系统： https://github.com/coreyb...

本瓜一直觉得 Promise 就是咱 JS 人的浪漫，没错，Promise 天天见，但或许越熟悉越陌生，我们在一直用的过程中会形成一些定式，这导致难免会漏掉一些定式以外的要点； 本篇带来 Promis...

前言 仅将自己的理解做整理、归类并结合实际遇到的问题做记录，更推荐阅读 ​​ECMAScript 6 入门​​。 扩展篇 数组的扩展 解构赋值 “ES6 中允许按照一定模式，从数组和对象中提取值，对变...

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

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

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

,说明,1、调用子类构造函数中的父类构造函数。采用apply和call()方法，将新创建的对象作为上下文执行函数。,2、由于构造函数的定制类型必须在构造函数中定义，因此函数不能重用。,另外，子类不能访...

,说明,1、可以将函数作为参数传递给另一个函数。将函数作为另一个函数的返回结果。,2、满足以上两点的功能称为高阶函数，javascript数组常见的方法如map、filter、find、reduce...

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

假设有这样一个场景，我们需要统计员工的技术栈，目前我们需要标记的技术有 CSS、JavaScript、HTML、WebGL。,然后我可以这样写枚举：,之前是这样写的，但是，最近看vue源码的时候，发现...

Redux 属于典型的“百行代码，千行文档”，其中核心代码非常少，但是思想不简单，可以总结为下面两点： ​全局状态唯一且不可变（Immutable） ，不可变的意思是当需要修改状态的时候，用一个新的来...

计时文字 前言 正文 一、XML样式 二、构造方法 三、API方法 四、使用 五、源码 前言 在Android开发中，常常会有计时的一些操作，例如收验证码的时候倒计时，秒表的计时等等，于是我就有了一个...

在我们的日常开发过程中会经常用到加密解密，数字签名，信息加密是前后端开发经常使用的技术。应用场景包括：用户登录，交易，信息通讯等。 今天分享一下AES加密解密方法，它是通过第三方类库CryptoJS来...

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

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

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

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

,说明,1、异步回调在执行高阶函数之后执行。是非阻塞的：高阶函数无需等待回调即可完成其执行，高阶函数可确保稍后在特定事件上执行回调。,2、DOM事件监听器也是异步调用事件处理函数。,即回调函数的一种子...

我们知道，现在 JavaScript 有 7 种基础类型，null/undefined/number/string/boolean/bigint/symbol。其中 bigint 是 ES2020 中...

,我们知道，JavaScript 模块有两种方法来定义导出：默认导出和命名导出。在本节中，我们来看下为什么默认导出是一种糟糕的做法，会导致不好的开发体验。,下面，我们看下例子，假设，我们有一个模块，它...

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

JavaScript在不断的进化和升级，越来越多的新特性让我们的代码变得更加简洁。因此，今天这篇文章，我将跟大家分享 4 个不常用的 JavaScript 运算符。让我们一起研究它们。,,这个功能非常...

本文主要针对一些 JavaScript 进行优化，使之更加健壮，可读性更强，更以维护。,缺点：代码太长了,维护和阅读都很不友好,includes 是 ES7 新增的 API，与 indexOf 不同的...

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

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

译者 | 李睿,审校 | 孙淑娟,众所周知，全球互联网得以蓬勃发展在很大程度上归功于HTML和CSS。Javascript(JS)可以充当HTML和CSS之间的粘合剂，使页面更具动态性和交互性，但We...

最近，我学到了一些比较实用的CSS编程技巧，之前很多效果不得不求助于 JavaScript 来实现，但是今天，我学会了直接用CSS 来完成。相信看完这篇你也会爱上CSS，一起来看看吧！,,没想到用CS...

,这是迄今为止最重要的主题之一，它可以使你对其他关键主题一目了然，例如，作用域、词法作用域、闭包和提升，而且学习JavaScript的真正工作原理很有趣。,到目前为止，在代码编辑器（Vs code ...

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

上班路上，张大胖突然想到一个点子。,,晚上，张大胖开工，决定把好点子给实现了。,,JavaScript开发效率贼高，项目迅速完成。,,项目开源发布，获得了不少用户，收获了不少star，张大胖非常满意...

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

减轻阅读负担，启发创作心智，轻松学习 JavaScript 技巧，日拱一卒，jym，冲~ 本篇带来 —— JavaScript 剪贴板 Clipboard 的那些事儿！ 复制粘贴就是互联网最伟大的发明...

(本节内容如下：),在NodeJS中有三种socket：1. TCP，2. UDP，3. Unix域套接字。,UDP/datagram sockets,The dgram module provide...

作者：杨雷,基于项目中对柱状图使用的各种情况，Echarts提供的组件不太能满足业务记录设备历史数据的需求，对其研究会花费大量的时间，为了提高研发的速度，我这里对柱状图进行二次封装，以便满足业务需求...

什么是设计模式？为什么需要学习设计模式？ 学习设计模式的目的是：为了代码可重用性、让代码更容易被他人理解、保证代码可靠性。 设计模式使代码编写真正工程化；设计模式是软件工程的基石脉络，如同大厦的结构一...

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

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

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

在今天的文章中，我将分享5 个高级技巧，它们将帮助您编写更高效、更优雅的代码。这些技巧专为将技能提升到新水平的有经验的开发人员而设计，从而使用扩展运算符简化代码到使用 async/await 处理异步...

每个 JS 开发人员都应该使用 javascript one liner 来提高生产力和技能，所以今天我们讨论一些可以在日常开发生活中使用的 one liner。,,使用 sort 方法对数组进行排序...

,说明,1、===严格相等运算符，首先计算其操作数的值，然后比较这两个值，比较过程没有任何类型转换。,2、如果两个类型不相同，则它们不相等。,3、两个值都是null或者都是undefined，则它们相...

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

,说明,1、JavaScript中的继承关系是通过一种称为原型链的模式实现的。,2、在讨论继承的时候，Javascript只有一个结构：一个对象。,每一个实例对象(object)都有一个私有属性...