
javascript
文章平均质量分 68
javascript
Meta.Qing
这个作者很懒,什么都没留下…
展开
-
什么是函数管道?
函数管道(Function Piping)是一种函数式编程概念,它是将多个函数按顺序连接起来,使得每个函数的输出都成为下一个函数的输入。函数管道的概念类似于流水线上的流程,数据在每个函数之间依次流动,经过一系列转换和处理,最终得到最终的结果。函数管道是一种非常强大和灵活的编程技术,可以用于同步函数和异步函数,可以根据条件选择不同的管道,实现复杂的数据处理和转换。函数管道使得数据的处理逻辑更加清晰和模块化,可以按需组合不同的函数来实现不同的处理需求。函数,它接受任意数量的函数,并返回一个新函数。原创 2023-07-20 15:34:42 · 746 阅读 · 0 评论 -
JS 高阶函数reduce 用法
接受一个回调函数作为参数,该回调函数在每次迭代中执行,并接受四个参数:累积值(也称为累加器),当前元素值,当前索引和原始数组。是 JavaScript 数组的高阶函数之一,用于对数组中的元素进行累积操作,最终返回一个累积结果。函数组合是一种将多个函数合并成一个新函数的技术,其中每个函数的输出都是下一个函数的输入。函数,该函数接受任意数量的函数,并返回一个新函数,该新函数依次将传入的函数应用于输入数据。实现一个复杂的函数管道,通过这种方式,你可以在实际开发中处理更加复杂的数据转换和处理任务。原创 2023-07-20 14:18:28 · 789 阅读 · 0 评论 -
React 中定义组件的完整方式,包括一些高级用法
函数组件(Functional Components):函数组件是使用函数定义的 React 组件。它们通常是最简单、最直接的方式来定义 UI 组件,并且只接受一个props对象作为参数,并返回一个 React 元素。类组件(Class Components):类组件是使用 ES6 类定义的 React 组件。它们通常可以处理动态数据和内部状态,并支持更多的生命周期方法和其他高级特性。高阶组件(Higher Order Components):高阶组件是一种用于重用组件逻辑的高级技术。原创 2023-02-17 17:47:53 · 700 阅读 · 0 评论 -
纯函数,副函数具体例子
纯函数是指输入相同的参数,总是返回相同的结果,不会修改任何全局变量或对象的状态,也不会产生任何副作用。纯函数有很多好处,比如易于测试、易于缓存和优化,不会产生意外的行为等。副作用是指函数除了返回值以外,还会修改全局变量、对象的状态、打印日志、调用其他函数等。在上述示例中,increment 函数有一个副作用,它会修改全局变量 count 的值,每次调用都会改变 count 的值,导致无法预测。在上述示例中,add 函数是一个纯函数,每次调用都会返回相同的结果,不会修改任何外部状态。原创 2023-02-17 17:16:04 · 481 阅读 · 0 评论 -
“Render methods should be a pure function of props and state.“这报错啥原因
在上述示例中,render 方法中调用了 setState 方法,修改了组件的 state,这样就会触发上述错误提示。因为 setState 方法是一种副作用函数,它会修改组件的状态并触发重新渲染,如果在 render 方法中调用它,就会导致 render 方法不再是纯函数,会引发副作用和不可预期的行为。如果在 render 方法中,你使用了除了 props 和 state 之外的变量、调用了副作用函数,如修改了组件外部的状态、请求了网络数据等,就会导致该方法不再是纯函数,会触发上述错误提示。原创 2023-02-17 17:02:05 · 1994 阅读 · 0 评论 -
什么是节流(throttling)和防抖(debouncing)?
需要注意的是,节流和防抖都是根据特定的时间间隔进行限制,因此根据实际需求和效果进行调整是很重要的。这些例子都是基于 DOM 事件来触发节流和防抖的,实际使用中也可以根据具体的业务需求来调用节流和防抖函数。触发频率:观察事件的触发频率,如果触发频率非常高,可能需要使用节流来限制执行频率。实时性:如果你需要实时反馈用户操作,可以使用防抖来快速响应最后一次触发的动作。用户体验:根据用户的交互期望和场景需求,选择最适合的技术以提供最佳的用户体验。当你需要限制函数的执行频率,以防止过多的资源消耗或性能问题。原创 2023-02-14 19:01:27 · 707 阅读 · 0 评论 -
call和bind有啥区别
如果你想创建一个新函数并在以后调用它,并且在调用时始终改变其。都是用于改变 JavaScript 中函数的。对象的上下文,但它们的实现和使用方式是不同的。方法创建一个新函数,并且在调用该函数时将其。总的来说,如果你想立即调用一个函数并改变它的。对象,那么你可以使用。对象,那么你可以使用。原创 2023-02-09 09:31:36 · 1200 阅读 · 0 评论 -
如何在 React.js 中通过人脸识别对用户进行身份验证?
FaceIO 和 AWS 识别是您可以在项目中使用的此类服务的示例。例如,如果您正在制作一个简单的登录页面来收集用户的电子邮件,则无需使用 OAuth。在这里,您只需提供您的密码,您将收到一封带有身份验证链接的电子邮件。如果您的 Web 应用程序是围绕任何与投资相关的内容或具有法律约束力的服务构建的,那么使用电话身份验证更有意义。随着网站数量的不断增长,我们需要登录大多数网站才能访问我们的个人资料,记住每个网站的密码对我们人类来说是一项艰巨的任务。这是基于电子邮件密码的身份验证系统的最大缺点。原创 2022-11-01 09:38:02 · 1493 阅读 · 0 评论 -
2022 年 前40道 ReactJS 面试问题和答案
当一个对象的状态改变时,虚拟 DOM 只改变真实 DOM 中的那个对象,而不是更新所有的对象。虚拟 DOM 会比较其先前的状态并仅更新真实 DOM 中状态已更改的那些组件,而不是像传统的 Web 应用程序那样更新所有组件。当一个对象的状态改变时,虚拟 DOM 只改变真实 DOM 中的那个对象,而不是更新所有的对象。这些组件有自己的逻辑和控件,它们可以通过应用程序重用,这反过来又大大减少了应用程序的开发时间。它是一种在客户端应用程序中处理复杂数据的方法,并管理数据在 React 应用程序中的流动方式。原创 2022-09-30 09:46:40 · 1549 阅读 · 0 评论 -
ES6, ES7, ES8, ES9 以及 ES10 新特征
它生成一个类似数组的对象,其中包含两个元素,第一个是用作属性键的值,第二个是与属性键相关联的值。箭头函数的箭头= >前面是一个空括号,一个参数名,或括号内括的多个参数名,箭头后面可以是一个表达式(作为函数的返回值),或花括号内括的函数体(需要自己返回值,否则为undefined)。方法,该方法返回指定对象的所有自身属性(非继承属性)的描述对象。无论它是一个箭头函数还是一个绑定函数,它都会在每次执行时返回一个新的函数引用,所以如果你需要一个函数引用来做其他事情(比如卸载监听器),你必须自己保存这个引用。原创 2022-09-30 09:21:49 · 2374 阅读 · 0 评论 -
操作系统银行家算法(JAVA/Python/C#/JavaScript/C/C++)代码实现
银行家算法是一种资源分配和死锁避免算法,它通过模拟所有资源的预定最大可能数量的分配来测试安全性,然后进行“s状态”检查以测试可能的活动,然后决定是否应该允许继续分配。这种算法要求分配的资源数量是固定的。它是一个大小为' n*m '的二维数组,定义了当前分配给每个进程的每种类型的资源数量。它是一个大小为' n*m '的二维数组,它定义了系统中每个进程的最大需求。它是一个大小为' n*m '的二维数组,表示每个进程所需的剩余资源。它是一个大小为' m '的一维数组,表示每种类型的可用资源的数量。原创 2022-09-28 12:37:22 · 2910 阅读 · 0 评论 -
js正则匹配键盘行(或列)连续字符 ,3连连续字符匹配
js正则匹配键盘行(或列)连续字符 ,3连连续字符匹配。行键盘 "asd" "l;'" "&*()" .....等等。列键盘 1qaz,2wsx.......原创 2022-09-22 12:44:56 · 1858 阅读 · 1 评论 -
ASCII 完整表
ASCII 由电报码发展而来。第一版标准发布于1963年 ,1967年经历了一次主要修订[5][6],最后一次更新则是在1986年,至今为止共定义了128个字符;其中33个字符无法显示(一些终端提供了扩展,使得这些字符可显示为诸如笑脸、扑克牌花式等8-bit符号),且这33个字符多数都已是陈废的控制字符。在33个字符之外的是95个可显示的字符。ASCII控制字符的编号范围是0-31和127(0x00-0x1F和0x7F),共33个字符。可显示字符编号范围是32-126(0x20-0x7E),共95个字符。原创 2022-09-22 12:21:31 · 31916 阅读 · 0 评论 -
如何使用 原生 JavaScript 和 HTML 创建拖放元素
依赖于 DOM的事件模型来获取有关被拖放的内容的信息,并在拖放时更新该元素。使用 JavaScript 事件处理程序,您可以将任何元素变成可拖动的项目或可拖放的项目。此外,您可以选择复制可拖动项目,以便在放置时复制它,而不是移动项目。如果您想要仅拖动样式,您更改的任何样式都需要在放置时再次手动更新。如果您在开始拖动时更改任何内容,则拖动的元素将保持新样式,除非您将其更改回来。下面是如何使用此 API 的另一个示例:一个包含可拖动任务的待办事项列表,您可以将其从一。对于我们的示例,我们将专注于拖动一个元素。原创 2022-09-15 08:16:08 · 484 阅读 · 0 评论 -
如何在 JavaScript 中使用闭包——初学者指南
当然,在不使用我们定义的函数的情况下编写程序是可能的——虽然很困难,但也是可能的。“自然”的选择是将这段代码放在一起,形成一个可复用的集合,而这个可复用的集合就是我们所说的函数。在这个简化的示例中,我们创建了一个函数,该函数接收您要显示的标题并返回另一个满足 RenderItem 作为道具接收的函数定义的函数。但是,当您创建解决方案时,了解它们的存在以及它们的实际工作方式会开启新的可能性。这个想法是将您的模块“包装”在一个立即执行的函数中。这是函数创建函数或对象的时候,例如,允许您创建用户对象的函数。原创 2022-09-09 15:26:09 · 637 阅读 · 0 评论 -
用canvas画布添加网页水印
用canvas画布添加网页水印原创 2022-09-08 18:41:30 · 268 阅读 · 0 评论 -
原生Webpack的html-webpack-plugin配置js,css
原生webpack如何从外部引入js和css呢?webpack.config.js 配置。index.html代码。原创 2022-09-08 12:18:27 · 1522 阅读 · 0 评论 -
Vue3 从入门到放弃 (第五篇.组件事件与v-model使用)
Vue3 从入门到放弃 (第五篇.组件事件与v-model使用)原创 2022-09-05 11:17:44 · 1194 阅读 · 0 评论 -
什么Vue单文件组件(SFC)?
什么Vue3单文件组件(SFC)?原创 2022-08-30 14:57:42 · 5588 阅读 · 0 评论 -
Vue3 从入门到放弃 (第二篇.创建第一个Web应用)
ue3 从入门到放弃 (第二篇.创建第一个Web应用)原创 2022-08-30 14:36:32 · 1470 阅读 · 1 评论 -
Vue3 从入门到放弃 (第一篇.环境准备)
Vue (发音为 /vjuː/,类似) 是一款用于构建用户界面的 JavaScript 框架。它基于标准 HTML、CSS 和 JavaScript 构建,并提供了一套声明式的、组件化的编程模型,帮助你高效地开发用户界面。无论是简单还是复杂的界面,Vue 都可以胜任。:Vue 基于标准 HTML 拓展了一套模板语法,使得我们可以声明式地描述最终输出的 HTML 和 JavaScript 状态之间的关系。:Vue 会自动跟踪 JavaScript 状态变化并在改变发生时响应式地更新 DOM。.........原创 2022-08-29 17:03:34 · 7384 阅读 · 0 评论 -
本地存储(LocalStorage)、会话存储(Session)和 Cookie 三者之间的区别
因此,会发送一个 cookie 并将其存储在您的本地计算机上,以唯一标识您。特别是,通过 HTTP 访问的脚本(例如 http://abc.com)存储的数据存储在与通过 HTTPS 访问的同一站点(例如 https://abc.com)不同的对象中。HTTP协议的主要缺点是无状态协议,这意味着它不跟踪服务器和客户端的任何响应和请求信息,因此为了解决这个问题,有三种方法可以跟踪有用信息在本文中,我们将了解本地存储、会话存储和 Cookie 之间的区别,以及为什么 Web 开发人员了解这些术语很重要。...原创 2022-08-29 16:05:34 · 2373 阅读 · 0 评论 -
2022值得一试的顶级 React 组件库
React 组件库的丰富性是 React 快速增长的主要原因之一。每个元素都带有一个简单的示例、每个部分的样式说明以及根据您的需要对其进行自定义的说明。此外,Redux 是最顶级的 React 组件库之一,拥有最好的 React 框架。在本文中,我们将在接下来的部分中介绍每个 React UI 框架的许多功能和用户友好性,以便您可以选择最适合您的开发需求的框架。此外,Tailwind CSS 在 Headless UI 方面更进了一步,它提供了整个最好的 React UI 框架和最好的 React 组件。.原创 2022-08-29 15:33:12 · 1394 阅读 · 0 评论 -
前 15 个 JavaScript 机器学习库
机器学习领域新技术的迅猛发展帮助软件开发人员以前所未有的方式构建新的人工智能应用程序。目前,大多数 AI 爱好者利用 Python 框架进行 AI 和机器学习开发。但环顾四周,人们可能还会发现基于 JavaScript 的框架也正在 AI 中实现。这个有趣的交叉点让我们探索和试验了一起使用 Javascript 和机器学习的奇怪可能性。从我们的研究中分享,这里有一些简洁的 JavaScript 机器学习库,它们将 Javascript、机器学习、DNN 甚至 NLP 结合在一起。看一看。......原创 2022-08-29 11:10:20 · 1978 阅读 · 0 评论 -
在Vue项目导入路径中@符号是什么意思?
我开始了一个新的vue.js项目,所以我使用vue-cli工具脚手架出一个新的webpack项目(即vue init webpack)。这是通过Webpack解析完成的。原创 2022-08-28 12:02:43 · 1226 阅读 · 0 评论 -
使用Vue CLI安装和运行Vue3项目 [2022]
在本教程中,您将通过分步说明学习如何从头开始启动和运行 Vue 3 项目。原创 2022-08-27 08:09:16 · 4966 阅读 · 0 评论 -
VueJS面试常见的300道题(英文版)
VueJS面试常见的300道题List of 300 VueJS Interview QuestionsVue.js is an open-source, progressive Javascript framework for building user interfaces that aim to be incrementally adoptable. The core library of VueJS is focused on the only, and is easy to pick up a原创 2022-08-26 17:33:28 · 1261 阅读 · 0 评论 -
怎么解决vue多层组件Prop 逐级透传问题?
怎么解决vue多层组件Prop 逐级透传问题?原创 2022-08-26 17:10:56 · 1964 阅读 · 0 评论 -
如果在配置.env情况,通过一条npm run build 来区分环境呢?
我们通过 取端口(port),origin,protocol等来区分环境。常常不同环境不同的端口。window.location对象包括一下属性。原创 2022-08-26 16:41:14 · 619 阅读 · 0 评论 -
History.pushState(),动态添加历史记录.页面离开如何保存状态?
History API在 HTML 文档中, 方法向当前浏览器会话的历史堆栈中添加一个状态(state)。history.pushState(state, title[, url])参数状态对象是一个 JavaScript 对象,它与创建的新历史记录条目相关联。 每当用户导航到新状态时,都会触发事件,并且该事件的状态属性包含历史记录条目的状态对象的副本。状态对象可以是任何可以序列化的对象。 因为 Firefox 将状态对象保存到用户的磁盘上,以便用户重新启动浏览器后可以将其还原,所以我们对状态对象原创 2022-08-16 17:32:27 · 1470 阅读 · 0 评论 -
如何解决本地开发环境vue跨域问题?
如何解决本地开发环境vue跨域问题?原创 2022-08-04 13:37:54 · 280 阅读 · 0 评论 -
vue ,v-model语法糖学习
vue ,v-model语法糖学习原创 2022-08-04 13:26:23 · 168 阅读 · 0 评论 -
如何实现el-date-picker或el-time-picker图标据右显示?
如何实现el-date-picker或el-time-picker图标据右显示?原创 2022-08-04 13:20:16 · 2229 阅读 · 0 评论 -
ES6 教程:JavaScript 中箭头函数的完整介绍
一般来说,对于常规函数,我们总是必须跟踪“this”上下文并记住正确绑定它,当我们有多个嵌套函数时问题会很麻烦。使用箭头函数,使用“this”关键字更容易,因为箭头函数没有自己的绑定到“this”,如果在箭头函数内部访问“this”,它是从外部获取的。总的来说,箭头函数是ES6最受青睐的特性之一,在箭头函数的帮助下,你的代码可以看起来更加整洁和简洁。首先,箭头函数需要是函数表达式,不能像普通函数那样单独放置。看起来像箭头的语法,所以人们称之为“箭头函数”或“胖箭头函数”(不知道为什么它是胖的)。......原创 2022-08-02 14:53:25 · 1100 阅读 · 0 评论 -
JavaScript 扩展 (…) 运算符的 7 个技巧
允许在预期零个或多个参数(对于函数调用)或元素(对于数组字面量)的地方扩展诸如数组表达式或字符串之类的可迭代对象,或者在零个或多个参数的地方扩展对象表达式键值对(用于对象文字)是预期的。扩展运算符是一个非常有用的功能,主要用于数组和对象。正如其名称所预期的那样,它使您能够将解构数组中的剩余(其余)值作为较小的数组。只需创建一个新数组,其中包含一个新数组的扩展运算符,因此,事不宜迟,让我们从使用扩展运算符的基础开始。的运算符的存在确保了其余的值将属于一个数组。因此,它扩展了对象或数组的元素。......原创 2022-08-02 14:30:42 · 585 阅读 · 0 评论