前端开发

使用类型脚本泛型检查对象是否为空

我是打字新手,还处于学习阶段。我正在尝试创建泛型以强制执行以下条件 假设我有一个空对象 const data = {} 我需要创建将检查以下条件的泛型 如果是,则检查是否为对象,然后检查其中是否有数据,否则返回FALSE 提前谢谢 推荐答案 您可以使用此实用程序检查对象类型是否为空: // credits goes to https://github. ..
发布时间:2022-08-27 18:02:08 前端开发

在Google Apps脚本中异步运行函数

我正在制作一个调用GAS函数的Slack机器人。除了Slack显示错误消息外,其他一切都正常,因为它在调用API时只等待3秒的响应。 有没有人能帮我弄清楚如何异步运行Everyday 2,这样我就可以在响应完成之前返回响应。我尝试了承诺和回调,但解决不了这个问题。 function doPost(e){ const promise = new Promise(everyDay2) ..

CSS图像缩放到填充?

我有一个网站,上面有完整的视窗图片,如 背景图像占据了导航栏下的整个容器。 我想让它在移动设备上,当我查看图像时,它会被放大/居中,这样图像就不会扭曲,而且我仍然可以看到其中的一些作为背景...我可能没有正确地解释它,我对设计不是很流利,但我认为这个样机不言而喻 红色表示原始图像边界,蓝色表示移动视区。我希望图像在移动设备上被裁剪/缩放。如何使用css来实现这一点?谢谢 编 ..
发布时间:2022-08-26 10:02:24 前端开发

将放大效果添加到引导图库

我想用bootstrap制作一个如下所示的图库: https://mdbootstrap.com/docs/standard/extended/gallery/ 一切都正常,但我想给这些图片添加一个悬停效果,所以我把它们都放在不同的容器里,这很管用,但现在图片不再对齐了,因为一些是水平的,另一些是垂直的:/ 有没有人有办法解决这个问题? 以下是我的项目代码: https://codep ..
发布时间:2022-08-26 09:33:35 前端开发

带有YouTube视频Bootstrap 5和Angel的多项目旋转木马中的动画幻灯片

我需要用YouTube视频制作多项旋转木马,我找到了一个例子,并使用Bootstrap 5旋转木马和卡片为我工作,但旋转木马滑动时的动画不是流畅的,问题是旋转木马滑动时卡片重叠,我试图更改transform: translateX(%)的值,但动画不是那么流畅,有什么建议吗? 这是carosuel代码,它显示3张卡片,底部有视频和标题,您可以看到我正在使用iframe调用YouTube视频 ..
发布时间:2022-08-26 09:28:46 前端开发

与导航栏引导重叠的中央徽标

您好,我正在尝试让我的导航栏看起来像这样: 但我似乎想不出如何将图像放在导航栏的顶部。我正在使用Bootsrap 5。我还没有向导航栏添加任何css,但有没有一些属性可以用来将它带到前面。谢谢,这是html: ..
发布时间:2022-08-26 09:25:09 前端开发

在Bootstrap 5.0中使用Response重新排序div

我在使用Bootstrap V5.0进行网页设计时遇到了一个问题。 特别是,我有3个div A,B,C,我希望他们响应地重新排序,如下图所示。A是h2+p,B是2个按钮,C是图像。 我的第一种方法是将A和B分组为一组LG-6,将C分组为另一组LG-6,但这种方法是不合适的,因为代码必须遵循A-C-B的顺序才能拥有图片中的移动视图。 我在StackOverflow上搜索并尝试了多次关于这 ..
发布时间:2022-08-26 09:15:02 前端开发

Bootstrap 5-在网格显示中对齐内容

我有一个使用Bootstrap 5的应用程序。在该应用程序中,我需要布局一些内容,如下所示: +----------------------+-----------------------------------------------+ | Assignment Begins On | [date picker goes here] | +--- ..
发布时间:2022-08-26 09:09:31 前端开发

带Bootstrap 5的Vue.js(2.x)

我正在尝试将Bootstrap 5与Vue(2.x)一起使用,而不使用任何第三方库。我的想法是为我想要使用的每个Bootstrap组件(不是全部)创建一个包装器。 我使用以下so线程作为基础:Using Bootstrap 5 with Vue 3 我创建的第一个组件是bootstrap.Alert。到目前为止,它运行得无懈可击。 ..
发布时间:2022-08-26 09:01:13 前端开发

Bootstrap 5是否删除了行之间的间距?

我开始使用bootstrap 5,注意到行之间没有空格。我们是否必须显式使用spacing实用程序(如mb-3或mb-2等)来尝试了解删除行之间垂直空格的原因。 数据-lang=“js”数据-隐藏=“假”数据-控制台=“真”数据-巴贝尔=“假”> ..
发布时间:2022-08-25 23:53:07 前端开发

带有html内容的Bootstrap 5弹出窗口

我正在尝试将bootstrap5弹出内容与HTML属性分开,就像您可以对其他组件所做的那样,但我无法使其工作。 数据-lang=“js”数据-隐藏=“假”数据-控制台=“真”数据-巴贝尔=“假”> var popoverTriggerList = [].slice.call(document.querySelectorAll('[data-bs-toggle="popover"]')) v ..
发布时间:2022-08-25 23:12:54 前端开发

使用sass 3自定义Bootstrap 5颜色时出现无效的CSS值错误

我想用sass更改bootstrap的默认主题颜色,问题是当我更改颜色并进行编译时,它会给出无效的CSS值错误。 我已经在YouTube上看了文档和一些教程,但我看不出问题出在哪里 我使用的是Bootstrap 5.1.0,sass 3 这是我的SCSS文件: @import "../../node_modules/bootstrap/scss/variables"; $theme ..
发布时间:2022-08-25 22:54:25 前端开发

使用Bootstrap进行响应的div放置

我需要将一些DIV放在它们的父容器中,无论它是body、表的cell还是另一个div,Bootstrap 5,如附图所示: 如果DIV为偶数,则它们应取可用宽度的50%,由2放置在单行中。或者,如果DIV为奇数,则最后一个应占可用宽度的100%,而前一个仍占可用宽度的50%,并在一行中放置2。 最好可以更改DIV的顺序(如Mobile View示例中的)。 使用UIKit使用一些 ..