javascript 相关问题

JavaScript（不要与Java混淆）是一种高级，动态，多范式，面向对象，基于原型的弱类型语言，用于客户端和服务器端脚本。它的主要用途是渲染和操作网页。使用此标记可以了解有关ECMAScript及其各种方言/实现的问题（不包括ActionScript和Google-Apps-Script）。

index.js 中出现 React 错误，“Uncaught ReferenceError：dom 未定义”

我正在构建一个 React 应用程序，我使用 Babel 和 Webpack 作为模块打包器。在编写 index.js 时，应用程序开始向我发送有关未定义 dom 的错误，但实际上我已经

javascript html reactjs dom react-dom

回答 3 投票 0

如何对嵌套数组中的对象进行分组并求平均值？

我有一个像这样的数组，其中一个对象位于嵌套数组内：让 arr = [ [ {日期：1578787200000，位移：0}， {日期：1580860800000，位移：1}， {日期：

javascript arrays

回答 2 投票 0

如何设置 tawk.to 在 Next Js 脚本中的位置

我正在尝试使用 CSS 将 Tawk.to 自定义到我的 Next js 网站上的粘滞按钮位置，但不起作用。这是我在 Next Js 脚本标签中的脚本 <question vote="0"> <p>我正在尝试使用 CSS 将 Tawk.to 自定义到我的 Next js 网站上的粘滞按钮位置，但不起作用。</p> <p>这是我在 Next Js 脚本标签中的脚本</p> <pre><code><Script dangerouslySetInnerHTML={{ __html: ` var Tawk_API=Tawk_API||{}, Tawk_LoadStart=new Date(); (function(){ var s1=document.createElement("script"),s0=document.getElementsByTagName("script")[0]; s1.async=true; s1.src='https://embed.tawk.to/66706a619a809f19fb3eb4bb/1i0jhv3q8'; s1.charset='UTF-8'; s1.setAttribute('crossorigin','*'); s0.parentNode.insertBefore(s1,s0); })(); `, }} /> </code></pre> <p>尝试过的解决方案：添加了 tawkWidget ID 并使用 CSS 设置样式，但不起作用</p> <pre><code>document.addEventListener('DOMContentLoaded', (event) => { var tawkWidget = document.querySelector('iframe[title="chat widget"]'); if (tawkWidget) { tawkWidget.id = 'tawk-to-widget'; } }); </code></pre> <p>CSS：</p> <pre><code>#tawk-to-widget { bottom: 50px !important; } </code></pre> </question> <answer tick="false" vote="0"> <p>我希望这对你有用。</p> <pre><code>useEffect(() => { const injectTawkScript = () => { const script = document.createElement('script'); script.type = 'text/javascript'; script.async = true; script.src = 'https://embed.tawk.to/xxxxxxxxxxxxxx/xxxxxxxx'; script.charset = 'UTF-8'; script.setAttribute('crossorigin', '*'); document.body.appendChild(script); return script; }; const configureTawkAPI = () => { const isRTL = themeDirection === 'rtl'; window.Tawk_API = window.Tawk_API || {}; window.Tawk_API.customStyle = { visibility: { desktop: { position: isRTL ? 'bl' : 'br', xOffset: isRTL ? '20px' : '60px', yOffset: 20, }, mobile: { position: isRTL ? 'bl' : 'br', xOffset: 0, yOffset: 0, }, bubble: { rotate: '0deg', xOffset: isRTL ? 20 : -20, yOffset: 0, }, }, }; }; const script = injectTawkScript(); configureTawkAPI(); return () => { document.body.removeChild(script); }; }, [themeDirection]); </code></pre> </answer> </body></html>

javascript next.js tawk.to

回答 0 投票 0

Google 折线图上的趋势线

我正在尝试找出如何向我的谷歌折线图添加趋势线，但失败得很惨。有人能指出我正确的方向吗？我发现谷歌没有提供...

javascript google-visualization

回答 3 投票 0

打开Dialog时必须保留基本页面滚动

Vuetify 的 v-dialog 当打开基本页面滚动时重置为顶部如何防止基本页面滚动重置，以便在对话框打开时保持基本页面滚动。例子：那里...

javascript vuejs3 vuetifyjs3

回答 1 投票 0

NPM TypeORM - 修改/删除迁移文件后出现“错误：重复迁移”

我之前使用 npm run migration:generate 向现有表添加了一列。然而，我后来意识到我拼错了列名，所以我想重命名该列。 (

javascript database npm migration typeorm

回答 4 投票 0

将 html 表单连接到我的 wix 网站数据库

我正在尝试使用 HTML 在 wix 上构建自定义表单。提交时我希望表单数据存储在我的wix数据库中我尝试了这个简单的代码但不起作用我收到此错误：TypeError：$...

javascript html forms wix velo

回答 1 投票 0

@angular-devkit 的依赖库 Vite 的 URI 格式错误问题

刚刚使用命令 ng new url-test-app 创建了新的角度应用程序（版本 - 17.3.9）然后使用命令启动应用程序 - npm start 现在我导航到 http://localhost:4200 。效果很好那个...

javascript angular angularjs vite angular-devkit

回答 1 投票 0

Klaro配置，有办法在同意后禁用“自动脚本执行”吗？

我正在使用 Klaro 来管理同意：https://klaro.org/docs/getting-started。配置中有一些在运行时加载的脚本。这些脚本是在 Klaro 配置中定义的...

javascript configuration cookieconsent

回答 1 投票 0

如何使用react-spring useScroll 和视差

所以我尝试了react-spring动画，它在视差方面效果很好。我使用react-spring/web来制作动画，使用react-spring/parallax来制作视差。现在我需要在...时实现一些缩放

javascript reactjs parallax react-spring

回答 1 投票 0

配置 Highcharts 库滑块（股票）

我有 Highcharts 库的股票图表。如何调整左右滑块在图片中的位置。我需要当我点击“现在”按钮时，左侧滑块移动......

javascript highcharts

回答 1 投票 0

使用不同标签禁用按钮 5 秒，然后更改

我正在尝试使用 rintrojs 包和 introjs 函数在我闪亮的应用程序中创建一个介绍。我的目标是创建一个介绍，其中第一个下一个按钮被禁用 5 秒，并且有一个不同的...

javascript r shiny

回答 1 投票 0

创建减速旋转的财富轮

我正在制作命运之轮或轮盘赌。一切都运转良好，只是旋转部分，我希望旋转在旋转结束时减慢。我应该在脚本中更改或添加哪些位置？让inde...

javascript

回答 1 投票 0

Stripe payment api 发送 OPTIONS 请求而不是 POST

常量外观 = { 主题：“夜晚”， }; const stripe = Stripe('pk_test_51PccgFRo1v56iAOxEVEimciGkyyLOcjVE98T3rqOHLuvx28QNxI8sfvYN0zwSka8vLRIIIEdkOHorjb5OJUdwhIx00VRs64Seu'); // 设置 Stripe

javascript java stripe-payments

回答 1 投票 0

Vercel 不会渲染新创建的博客，但该博客正在数据库中创建，并且在本地主机上可见

所以我在 vercel 上的 Neon Service + cloudinary 网站上部署了 nextjs + prisma + postgresql。我已在此 vercel 项目的设置中添加了所有环境变量。其中一些是 NEXT_PUBLI...

javascript reactjs next.js prisma vercel

回答 1 投票 0

对话框未作为模式弹出窗口打开 - shadcn

在 next.js 中，我添加了来自 shadcn 的 Dialog 组件，但它不能作为模式或弹出窗口工作。截图：https://i.sstatic.net/fVkQz86t.png 返回（在 next.js 中，我添加了来自 shadcn 的对话框组件，但它不能作为模式或弹出窗口工作。截图：https://i.sstatic.net/fVkQz86t.png return ( <Dialog> <DialogTrigger asChild> <Button variant="outline">Open Modal</Button> </DialogTrigger> <DialogContent className="p-0 bg-transparent border-none max-w-[880px]"> Lorem ipsum dolor sit amet consectetur, adipisicing elit. Totam, nobis ad ducimus earum molestiae temporibus, at rerum, ipsam repellat suscipit commodi cum cupiditate repellendus culpa atque. Ut nihil distinctio excepturi! </DialogContent> </Dialog> ); 确保从 ui 文件夹导入所有组件。 VSCode 自动导入功能有时会从 UI 文件夹导入组件，但也会从 RADIX 路径导入组件，这会导致组件无法工作

javascript reactjs next.js radix shadcnui

回答 1 投票 0

在 Highcharts v8 中，在单个视图中实现了多个 Highcharts，但在升级版本 GetHighchartsJS 中不起作用

如何更换 @Html.Highsoft().GetHighchartsJS(图表, "网格"+i); 在最新版本的 highcharts 中，因为不再支持此功能。图表.ID = "网格" + i; 变种

javascript .net highcharts dotnethighcharts

回答 1 投票 0

如何从datatables.net传递分页参数

我在 C# MVC 中使用 datatables.net。我正在做服务器端加载并尝试进行分页，但我不明白如何将skiprecords、totalrecords等参数从

javascript c# asp.net-mvc datatables pagination

回答 1 投票 0

Next.js 独立版不读取环境文件

我对我的 Next.js 项目有疑问。我已将我的项目配置为通过独立模式构建以进行部署实验：{ 输出独立：true } 使用这个，它会生成...