javascript 相关问题

当我有 1000 个项目时，我可以在 ReactSelect 中只显示前 N 行吗？

我使用 ReactSelect (https://react-select.com/props) 来渲染选择框。在我的具体情况下，react select 列表中呈现的每个项目都是一个带有 CSS 和 HTML 的“复杂”组件

在 Firebase 云函数中访问 Firestore 集合

如何访问 Firestore 集合： 这是我的代码： const {onSchedule} = require("firebase-functions/v2/scheduler"); const {getMessaging} = require("firebase-admin/messaging&quo...

Ckeditor5 - 从 Office (Word) 复制和粘贴不适用于列表

我正在尝试在我的网站中实现Ckeditor5，我想让用户从word复制和粘贴，但列表不能完全工作。 当我复制这个 1.Dfgdfgdfg dfgdfgdfgdf 2.Dfgdfgdfg

android平台电容问题

我是网络、Android 开发世界的新手。 我正在开始使用 Capacitor js 中的一个项目，当我运行 cap run android 时，请按照文档中的说明操作，它会崩溃 运行 Gradle...

如何将html、js、css等html网页打包成单个.exe可执行程序文件？

我写了一个用jQuery写的网页抽奖的例子，根据一些例子改了一下。 我想把它变成 .exe 可执行文件。 我怎样才能做到这一点？ 文件结构如下...

Chrome 选项卡内存不断增长，堆大小保持不变

我正在与一个团队合作开发一个单页应用程序，该应用程序有相当多的计时器，每秒大约有 10 个 REST API 调用。我们使用 Chrome 内存分析工具来定位所有内存泄漏...

如何在网络工作者上使用matter.js？

我想在带有离屏画布的网络工作者上使用matter.js，但问题是它似乎会抛出有关requestAnimationFrame的错误。它尝试使用 window.requestAnimationFrame 来获取它，但是......

googleUser.getBasicProfile 不是登录后的函数

我正在尝试在我的网络应用程序上实现 Google 登录。 我可以让弹出窗口出现，要求我授权该应用程序。但是，当调用 onSignIn 时，我收到： googleUser.getBasicProfile 不是

CSS和JS：如何防止“event.target.innerText”删除内部标签

例如，我有一个如下标签： [email protected] 当它运行时： const 重复 = setInterval(x =>...

javascript MySQL - 使用 Promise-await-async 构造，无法获取等待查询完成的代码

我尝试了示例代码的多个版本，但似乎永远无法保证在其他代码开始之前完成查询集。我的印象是“等待”妈妈...

vue 3：无法加载模块脚本：需要 JavaScript 模块脚本，但服务器响应 MIME 类型为“”

我正在尝试使用 options api 运行简单的 vue3 应用程序。这是代码： 索引.html： ...

安装后如何打开应用程序？安卓java

我正在制作一个Java Android应用程序，我的用户希望在安装应用程序后自动打开而无需用户打开它，并且用户还希望自动许可gmap并在...

在 next.js 中将 props 作为类名传递

我试图让我的每个应用程序页面的标题根据当前页面更改颜色。我如何努力实现这一目标： ...

检查页面是否是从 bfcache、HTTP 缓存或新检索的加载的

下面的代码检查 url 是否已加载，然后记录到控制台。我想知道是否有简单、干净的方法来检查页面是否从 bfcache 或 http 缓存加载？火狐

如何在react中使用上下文从动态url中获取数据，其中url一开始可能为空

我正在尝试使用上下文和提供程序来获取数据。我必须将我的提供程序放置在更高的树结构中，因为它会在第一次渲染中被调用。我的获取逻辑是动态的，即 url c...

LWC：如何在单击 LWC 中的按钮时重置多选组合框的值

在我的父组件中，我将子组件称为： 在我的父组件中，我将子组件称为： <c-multiselect-picklist multi-picklist-values={picklistValues} onselect={handleChange} preselected-string={selectedPicklistValue} data-id="first"></c-multiselect-picklist> JS： picklistValues = {}; picklistOptions = [ { label: 'First', value: 'First'}, { label: 'Second', value: 'Second'}, { label: 'Third', value: 'Third'}, { label: 'Fourth', value: 'Fourth'} ]; connectedCallback() { this.picklistValues.label = ''; this.picklistValues.optionsToSelect = this.picklistOptions; this.selectedPicklistValue = 'Some String'; } 在 UI 中，我有一个重置按钮，单击该按钮后，我想将多选子 LWC 重置为初始状态，而不进行任何选择。 如何在 LWC 中实现这一目标。 我尝试将 picklistValues 设置为 null，但闪电组合框仍然显示选定的选项。 正如已经评论过的，如果没有看到您的实际实现，很难判断什么对您的自定义组合框有效，但是我可以向您展示一个可行的解决方案： 多选组合框 我写了一篇关于如何创建 LWC 多选组合框的文章，可能会对您有所帮助：https://medium.com/@svirk/how-to-create-the-lwc-multi-select-combobox-that-salesforce -仍然缺失-c7bf3a2850dd 包括 JEST 单元测试和 JSDoc 注释的源代码可在此处获取：https://github.com/svirk/awesome-lwc-collection/tree/main/force-app/main/default/lwc/multiSelectCombobox 重置当前选择 要使用按钮等从外部重置当前选择，您只需添加一个重置方法并使用 @api 注释使其可供外部使用。如果您使用我的组件，此方法将如下所示： @api reset() { this.selectedItems = this.placeholder; this.currentOptions = []; this.selectedOptions = []; this.isLoaded = false; } 然后，您可以通过查询选择器从相应的父组件调用重置方法： this.template.querySelector('c-multi-select-combobox').reset(); 我们可以调用整个组件而不是调用组件中的方法吗？

使用 NgComponentOutlet 进行动态内容投影的 Angular 渲染组件

<mat-button-toggle-group appearance="legacy" [(ngModel)]="selectedClockType"> <mat-button-toggle *ngFor="let item of items" [value]="item" color="primary"> {{ item.label }} </mat-button-toggle> </mat-button-toggle-group> @for (item of items; track:item.id) { <ng-container *ngComponentOutlet="item .component"></ng-container> } <ng-template #actionItesm let-data="data">{{data}} </ng-template> 组件-a.html <ng-content></ng-content> 组件-b.html <ng-content></ng-content> 我正在尝试使用下面的代码来传递 ngTemplate <ng-container *ngComponentOutlet="item .component;content: actionItesm ></ng-container> 并在Items中使用的所有组件中使用 您需要使用 createEmbeddedView 的 ViewContainerRef，其中我们输入模板作为第一个参数，然后是包含模板上下文的第二个参数。我创建了一个新属性 templateRef，其中包含创建的模板引用结构。最后我们将该输入传递给 content 的属性 *ngComponentOutlet NgComponentOutlet中提到的示例是理解步骤和过程的一个很好的例子。 完整代码： 家长TS： import { CommonModule } from '@angular/common'; import { Component, ViewChild, ViewContainerRef, TemplateRef, Injector, } from '@angular/core'; import { FormsModule } from '@angular/forms'; import { MatButtonToggleModule } from '@angular/material/button-toggle'; import { AComponent } from 'src/app/a/a.component'; import { BComponent } from 'src/app/b/b.component'; /** * @title Basic button-toggles */ @Component({ selector: 'button-toggle-overview-example', templateUrl: 'button-toggle-overview-example.html', standalone: true, imports: [ MatButtonToggleModule, CommonModule, AComponent, BComponent, FormsModule, ], }) export class ButtonToggleOverviewExample { @ViewChild('actionItesm', { static: true }) actionItesm!: TemplateRef<any>; selectedClockType: any; items: Array<any> = [ { id: 1, label: 'a', component: AComponent }, { id: 2, label: 'b', component: BComponent }, ]; myContent?: any[][]; myInjector: Injector; constructor(injector: Injector, private vcr: ViewContainerRef) { this.myInjector = injector; } ngOnInit() { // Create the projectable content from the templates if (this.items?.length) { this.items.forEach((item: any) => { item.templateRef = [ this.vcr.createEmbeddedView(this.actionItesm, { item: item }) .rootNodes, ]; }); } } } 父级 HTML： <mat-button-toggle-group appearance="legacy" [(ngModel)]="selectedClockType"> <mat-button-toggle *ngFor="let item of items" [value]="item" color="primary"> {{ item.label }} </mat-button-toggle> </mat-button-toggle-group> <br /> <br /> <br /> @for (item of items; track item.id;) { {{item.label}} <ng-container *ngComponentOutlet="item.component; content: item.templateRef;" ></ng-container> } <ng-template #actionItesm let-item="item">{{item.label}} asdf</ng-template> 儿童TS： import { Component } from '@angular/core'; @Component({ selector: 'app-b', standalone: true, imports: [], templateUrl: './b.component.html', styleUrl: './b.component.scss' }) export class BComponent { } 子 HTML： <br /> <hr /> B COMPONENT <ng-content></ng-content> <hr /> <br /> Stackblitz 演示

如何在React js中点击按钮再次获取数据？

我创建了一个 HOC 或容器组件，从中获取数据并将其发送到子组件。我还使用react-router-dom库进行路由。 我正在使用这样的 HOC 组件 <

为什么我的多页面 React 应用程序不显示我的页面？

这是我的第一个 React 项目，我想为我的后端 API 制作一个多页面应用程序，但我的页面都没有出现在屏幕上 应用程序.jsx 从“反应”导入反应； 导入 { HashRouter 作为路由器，路由，

如果我在 React.js 中使用 cellRender，antd 日历会重复日期

我尝试重用 antd 日历组件几个月，并在每个日历上突出显示一些特定的日子（浅绿色）。为了执行此功能，我使用 cellRender 来自定义校准...