javascript

引言： 在我们要经常使用一些工具函数的时候，如果每次用到都得定义或者引入是不是很麻烦，封装好一个全局的吧公共方法十分必要，这将会大大节省工作量，而且收集的多了以后也能用的到！ 正文内容 1.获取时间...

JavaScript 高级程序设计第 4 版（后简称高程4），相较于第 3 版，增加了 ES6 至 ES10 的全新内容，删除了旧版过时的内容，并在原有基础上充实了更加翔实的内容。 中文译版于 202...

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

,你知道为什么很多人对 PHP 感到厌恶吗？这主要是因为它的外观。PHP 可以随心所欲，所以会使他变得丑陋。因为 PHP 的创建者没有为 PHP 建议任何大小写或格式。一些开发人员使用 under_s...

1、常用Linux命令 2、Linux下脚本编写3、windows下CMD常用命令 文章目录 一、目录操作 1、批量操作 二、文件操作 三、文件内容操作（查看日志，更改配置文件） 1、grep(检索文...

大家好，我是 CUGGZ。,近日，Best of JS[1] 正式公布 2022 年 JavaScript 明星项目榜单。该榜单提供了过去 12 个月 JavaScript 生态系统中的趋势项目的概述...

JavaScript 使用JS的几种写法 行内式的js 直接写道元素的内部​​<button type="button" value="须弥" onclick="alert('纳西妲')">...

大家好，我是 CoderBin，本次总结了JavaScript中关于数组的一些常用操作，想学习其他方法或者深入学习这些方法的可点击前往 MDN-Array。,希望对大家有所帮助，谢谢！如果文中有不对...

大家好，我是 CoderBin，最近在做一个Vue项目，其中涉及到了头像图片上传。由于之前没做过图片上传功能，所以在实现这个功能时着实遇到了不少坑。本次打算将实现过程以博文的形式分享给大家。,实现过程...

大家好，我是CoderBin，本次将深入解析JavaScript中ES6的Generator生成器，希望对大家有所帮助，谢谢。 如果文中有不对、疑惑的地方，欢迎在评论区留言指正,Generator 函...

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

,由于，我最近一直在申请软件工程职位，因此我被要求进行评估以测试我的编码能力，对我使用的的语言（如 C、C++、Java 和 JavaScript）进行评估时，我需要开发一种满足提示的简洁算法。,为了...

<table><tr><td bgcolor=orange>本文所有教程及源码、软件仅为技术研究。不涉及计算机信息系统功能的删除、修改、增加、干扰，更不会影响计算机...

文章目录 组件间通信的概念 组件间通信解决了什么？ 组件间通信的分类 组件间通信的方案 props传递数据 $emit 触发自定义事件 ref EventBus $parent 或 $root $at...

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

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

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

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

,说明,1、假如一个函数要经过多个函数处理才能得到最终的值，这时可以将中间过程的函数合并为一个函数。,2、函数可以看作数据的管道，函数组合就是将这些管道连接在一起，让数据通过多个管道形成最终结果。,3...

JHipster是生成Java和JavaScript混合应用程序的成熟框架，支持你喜欢用的开发工具，并提供现成的监控和其他管理功能。,JHipster是一个长期存在且雄心勃勃的Java和JavaScr...

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

测试代码是确保代码稳定的第一步。能做到这一点的最佳方法之一就是使用 单元测试，确保应用程序中的每个较小的功能都按应有的方式运行——尤其是当应用程序接收到极端或无效输入，甚至可能有害的输入时。,进行单元...

第一章DDD对我而言 还可以指引构建正确软件模型的方向。 领域驱动对团队人的要求较高： 具备深厚的业务能力（领域专家） 具备业务抽象能力； 具备技术抽象能力 DDD 领域驱动设计 可以实现目标 如果你...

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

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

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

TypeScript 是 JavaScript 语言的扩展，它使用 JavaScript 的运行时和编译时类型检查器。,这种组合允许开发人员使用完整的 JavaScript 生态系统和语言功能，同时...

Javascript 是前端三剑客技术最重要的技能之一。每个学习前端的人，这个JavaScript技术是必须要学的。随着技术不断更新迭代，所以现在有一些新的知识来支持我们去学习 ES6 ~ ES12...

大家好，我是 CUGGZ。,在 JavaScript 中，reduce 是最难理解的数组方法之一，它是一个强大而灵活的高阶函数，下面就来看看 reduce 的妙用之处！,reduce() 是 Java...

作者 | 把酒问青天 导读 经过近几年的技术演进，语义模型在百度搜索场景中被广泛地应用，消耗了大量的GPU资源，模型压缩技术也随之得到大量研究和实践。通过兼顾推理性能、业务效果和迭代效率的优化目标，我...

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

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

JavaScript 语言规范，也称为 ECMAScript 或 ES，是一个动态文档，每年都会根据不断变化的需求进行修改。虽然 JavaScript 最初是一种脚本语言，但 ECMAScript 规...

Lee Robinson 写了一篇《Why I'm Optimistic About JavaScript's Future》 表达对 JavaScript 未来的看好。,正文开始...,我对Java...

?前言 为什么突然写MutationObserver呢？最近在写页面水印的时候用到了MutationObserver方法，两者之间有什么联系呢？不用MutationObserver情况下，使用网站的人...

１.数组对象的学习 1.1创建数组的两种方式 <script> // 创建数组的两种方式 // 1. 利用数组字面量 var arr = [1, 2, 3]; console.log(ar...

前段时间，有粉丝给小编私信，说目前JavaScript语言里面哪个最受欢迎，今天小编在边吃饭边刷手机，浏览了Best of JS[1] 正式公布 2022 年 JavaScript 明星项目榜单，分享...

承接前一篇，本篇来探讨下数据库的范式问题。 数据库范式 简单来说，数据库范式可以避免数据冗余，减少数据库的存储空间，并且减轻维护数据完整性的成本。它是关系数据库核心的技术之一。 关系数据库有六种范式...

本篇介绍 10 点如何从实战中学习突破 Vue JS 3 的新特性，细细看完，一定会有收获~​ 初始化挂载 在 Vue2 中，我们在 main.js 通常这样进行初始化挂载： new Vue({ re...

前言 上篇文章​​5K字 由浅入深聊聊Promise实现原理​​，中讲述了Promise内部的实现原理。今天来聊聊​​async​​与​​await​​，那么async与await到底是什么呢。都说是...

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

https://sanic.dev/zh/ https://github.com/sanic-org/sanic,,,在我们开始之前，请确保您使用的是 Python3.7 或更高版本。目前已知可以使用...

前言 大家好 我是歌谣 我是一名坚持写博客四年的博主 最好的种树是十年前 其次是现在，今天继续对ant design table的分页封装进行讲解 封装准备（多看官网） jsx风格的api <...

nodejs开发，使用es6标准的javascript代码，是否能进行代码混淆加密？ 回答是肯定的，能。使用JShaman就可以进行加密。 以import语法为例，用一个node小工程进行测试： 先准...

前言 一般来讲，电脑是不能直接运行我们的javascript代码的，它需要一个翻译程序将人类能够理解的编程语言 JavaScript，翻译成机器能够理解的机器语言。目前市面上有很多种 JavaScri...

,作为开发人员找到我的第一份工作花了我几个月的时间，经过数百封拒绝邮件，我终于得到了面试机会。我被问了很多问题来测试我的编程能力，其中一些是基础的，但其中一些问题，在短暂的面试期间对我来说并不是那么容...

,说明,1、bind()函数会创建一个新函数，新函数与被调函数具有相同的函数体。,2、当目标函数被调用时this值绑定到bind()的第一个参数，该参数不能被重写。,绑定函数被调用时，bind()也接...

,Python、Java、JavaScript 和 C++ 都是广泛使用的编程语言，它们具有自己独特的特性和功能。在此比较中，我们将更深入地研究每种语言并强调它们之间的一些关键差异。,Python 是...

正如我们 最近解释的，WebAssembly 是一种用于以任何语言编写的二进制格式的软件，旨在最终无需更改就能在任意平台运行。WebAssembly 的第一个应用是在 Web 浏览器中，以使网站更快...

在如今SPA应用流行的情况下，页面上的所有东西都是通过javascript进行加载，本文将带你一步一步截获用户请求，并修改请求地址。,我们主要使用的方法为Hook原生接口进行接口调用拦截；在拦截前，先...

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

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

在本文中，我们将介绍八种不同的技术来帮助您编写更简洁的 JavaScript 代码。,现在让我们讨论每种技术，一次一个。,纯函数是在给定相同输入的情况下始终返回相同输出的函数。除了提供的输入之外，它不...

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

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

,JavaScript 是一种功能强大的编程语言，专为开发 Web 浏览器而创建。它是最流行的编程语言之一，在世界范围内被广泛使用。,JavaScript 用于创建手机游戏、高度交互的网站以及将服务器...

,JavaScript 有很多单行代码的实用例子，它们可以做很多强大的事情，无论你是 JavaScript 新手还是经验丰富的开发人员，学习些新东西总是好的。,在今天的文中，我们将分享一些 JavaS...

,1、当子类想要覆盖父类的方法，或者增加父类没有的方法时，通过直接给子类的原型添加这种方法。,如果此时父类有这种方法，就会覆盖父类继承的现有方法。,2、通过添加对象字面量的新方法会导致上一行无效。,我...

Vite 是一个用于现代 JavaScript 应用程序的快速、轻量级的构建工具，其设计目的是易于使用和适用于大型项目。Vite-pretty-lint 是一个插件，可以在基于 Vite 的项目中安装...

我在我本地的开发环境，执行批处理程序 b2c.bat 可以正常运行 4.3.x 这个版本的 Spartacus，但是 5.0 即 develop 分支就不行，报这个错误：,,使用命令行 where n...

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

,1、worker是window对象的一个方法，可以通过以下方式来检测你的浏览器是否支持worker,2、使用一个构造函数（Worker()）创建的一个对象，这个构造函数需要传入一个的JavaScri...

大家好，我是CUGGZ。SPA(单页应用程序)的兴起，促使我们更加关注与内存相关的 JavaScript 编码实践。如果应用使用的内存越来越多，就会严重影响性能，甚至导致浏览器的崩溃。下面就来看看Ja...

?What 什么是 pnpm？ 答：简单理解 pnpm 就是 npm、yarn 的同类竞争对手，是一款现代包管理器。 ?Why 那为什么要选 pnpm ，而不是 npm 或 yarn 呢？给出理由 答...

12、节点的复制 使用 cloneNode() 方法对节点进行复制时，它会复制节点的所有特点包括各种属性 这个方法默认只会复制当前节点，而不会复制节点的子节点 可以传递一个true作为参数，这样该方法...

引导语 众所周知，市面上有比如飞书会议、腾讯会议等实现视频会议功能的应用，而且随着这几年大环境的影响，远程协作办公越来越成为常态，关于视频会议的应用也会越来越多，且在远程办公的沟通协作中对沟通软件的使...

大家好，我是 CUGGZ。,今天来重学 JavaScript 中的数组，看看有哪些你不知道的细节！,,数组是最常用的数据类型之一，ECMAScript数组跟其他语言的数组一样，都是一组有序的数据，但跟...

超过 90% 的浏览器能够运行现代 JavaScript，但传统 JavaScript 的流行仍然是当今 Web 性能问题的最大原因之一。,,当今的 Web 受到传统 JavaScript 限制，没有...

,说明,1、使用父类的结构函数来增强子类的实例，等于复制父亲的实例给子类。,2、使用注意， 只能继承父类实例属性和方法，不能继承原型属性、方法、不能再利用。,每个子类都有父亲实例函数的复印件，影响性能...

Ecma International 最近正式批准发布了 ECMAScript 2022。ECMAScript 2022 增加的某些内容不属于旧版本的一部分，但也不是新的编程特性。,今年 3 月，Ec...

JavaScript包含各种对典型编程思想有用的一些技巧，在实际开发中，我们通常希望减少代码行数；因此，今天这些技巧代码希望可以帮助到你。,,现在我们就开始今天的内容吧。,将对象的值解构为变量是另一种...

面试官：“说说你对Set、Map的理解”,紧张的萌新：“Set类似集合，Map是映射？...”,面试官：“...”,······,大家好，我是 CoderBin，又来到了面试官系列，本次总结了Java...

1. 回调函数 回调（callback）是一个函数被作为一个参数传递到另一个函数里，在那个函数执行完后再执行。 假定有两个函数f1和f2，f2等待f1的执行结果，f1()–>f2()；如果f1很...

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

早在2012年，我就开始用JavaScript进行编码。,我曾为一家当地的企业从头到尾开发了一款PHP应用程序，这是一个简单的CMS网站。后来，他们决定要重新编写它并增加一些功能。这个项目的经理希望我...

译者 | 李睿,审校| 孙淑娟,Qwik对响应式用户界面（UI）的工作方式进行了大胆的反思。其核心前提是框架从头开始构建，以使用最少的JavaScript交付HTML，只要足够的JavaScript就...

大家好，我是 CoderBin,本文将给大家介绍 JavaScript 函数中关于尾调用优化的优点与写法，助你提升编码能力,如果文中有不对、疑惑的地方，欢迎在评论区留言指正,首先，尾调用的概念非常简单...

在这互联网高速发展的时代，人们对于网页打开的速度要求越来越高。加载时间过长，兼容处理不够全面等很容易造成用户流失。作为一名前端开发，优化用户体验是一件永无止境的事情，没有最优，只有更优。前端性能优化方...

我们可以明显的感受到：JS 要实现面向对象（继承的能力），离不开这 3 种设计模式； 原型链 + 构造函数 = 组合继承 本篇带来一个新的继承方式：寄生继承，它由工厂模式和构造函数模式组成，即 工厂...

如果我们把数据比作“米”，数据库就是“米仓”。没错，从标准定义来讲，数据库就是按照数据结构来组织，存储和管理数据的仓库。 数据库的设计初衷？ 就像米多了要修建米仓一样，在操作系统出现之后，随着计算机应...

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

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

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

本文将提供有关如何使用 HTML5、CSS3 和 JavaScript 构建笔记应用程序的信息。,本文适用于熟悉 HTML5、CSS3 和 JavaScript 基础知识的人。本文不包括对 HTML5...

1、面向对象 面向对象编程（OOP） 程序是干嘛的？ 程序就是对现实世界的抽象（照片就是对人的抽象） 对象是干嘛的？ 一个事物抽象到程序中后就变成了对象 在程序的世界中，一切皆对象 面向对象的编程 面...

前言 我是歌谣 我有个兄弟 巅峰的时候排名c站总榜19 叫前端小歌谣 曾经我花了三年的时间创作了他 现在我要用五年的时间超越他 今天又是接近兄弟的一天人生难免坎坷 大不了从头再来 歌谣的意志是永恒的 ...

这几年疫情反复不断，距离上一次我拿起相机甚至可以追溯到两年前，实在是泪目。既然不能出去拍照，那只能继续宅着敲代码度日了，于是就有了这个 在线相册的小项目，用来方便自己放上一些觉得还不错的摄影作品，当然...

前端性能优化里有图片的加载，有懒加载和预加载。那么什么是懒加载呢？ 懒加载也叫做延迟加载、按需加载，指的是在长网页中延迟加载图片数据，是一种较好的网页性能优化的方式。 有的网站图片很多，而如果一上来就...

Obsidian 是一款本地管理文件的笔记软件，通过双向链接的方法，把笔记关联起来，形成相互关联的知识网络。,,Flomo 是一款快捷记录闪念笔记的笔记软件。,,Obsidian to Flomo 是...

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

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

,大家好，我是 CUGGZ。祝大家新年快乐呀~,本文将回顾并总结 2022 年 JavaScript 生态系统中最重要的发展以及 2023 年的发展趋势！,大纲：,回顾 2022 年，事实证明，即使在...

this 关键字是 JavaScript 中最令人困惑的部分之一，本文试图通过介绍有关它的五个重要事项来阐明其目的和用法。,,在 JavaScript 中，函数可以是独立的单元，但它们也可以用作对象的...

,概念,1、引用类型有Object：Array、Function、Date、RegExp等。,2、引用类型的值是根据引用访问的。可以有属性和方法，可以动态改变。存储内存的栈区和堆区共同完成。,堆区内存...

JavaScript 是最常用的编程语言之一，同时有数据显示，它世界上十大最受欢迎的编码语言之一。,,当然，在前端领域里，JavaScript 是我们日常生活中不可或缺的一部分，它与 HTML 和 C...

大家好，我是 CUGGZ。,浏览器中的 JavaScript 是典型的事件驱动型程序，即它们会等待用户触发后才真正的执行，而基于的JavaScript的服务器通常要等待客户端通过网络发送请求，然后才能...

,1、寄生式继承，基于某个对象创建一个对象，然后增强对象，返回对象。,2、原型链继承，将父类的实例作为子类的继承。,3、组合继承，使用原型链继承共享的属性和方法。,通过借用构造函数继承实例属性。,以上...

迭代器 迭代器(Iterator)也叫遍历器，是一种接口，为各种不同的数据结构提供统一的访问机制。任何数据结构只要部署 Iterator 接口，就可以完成遍历操作；JS中原有表示“集合”的数据结构，主...

理由如下：,以上是我认为最大的便捷之处。当然它还有更多好处：自带了Prettier、ESLint便于规范代码风格，自带了JEST方便做测试，提供了一些项目模版等。当然这些你不用也可，对我们的开发完全没...

了解这33个JavaScript概念绝对会让你将来的职业生涯受益无穷。,话不多说，直接进入主题！,,调用栈是解释器（如web浏览器中的JavaScript解释器）跟踪其在调用多个函数的脚本中的位置的机...