web-frontend相关内容

如何在单击“显示更多”按钮后公布新内容？

我一直在尝试在用户单击Show more按钮后加载一些附加内容的区域中添加VO支持(请参阅所附的截图)。 必需的行为： 我需要VO宣布有关额外加载的元素的信息，比如什么是cookie？和另外11个项目(&Q；)。 已尝试： 方法-1：使用的aria-live="；polite"；aria-Related="；Additions"； 行为 ..
发布时间：2022-03-09 23:35:50 前端开发

Chrome 77 远程设备调试问题

是否有人在 Mac 上的 Chrome 77 上遇到远程设备调试问题.我无法在 Chrome 77 上调试 Android 设备. 解决方案 一个奇怪但功能强大的解决方案，无需下载旧版 chrome:https://support.google.com/chrome/thread/15368759?msgid=15847043 下载/打开火狐 在 Firefox 中导航到 abou ..
发布时间：2022-01-19 13:04:34 其他开发

为什么 React Fibre 会多次调用 componentWillMount?

我已经阅读了多个来源，现在使用 react Fiber(异步渲染)componentWillMount() 可能会被多次调用. 为什么会这样? 解决方案 Fiber 旨在支持的一件事是高优先级与低优先级更新.例如，动画是高优先级更新(因为很容易注意到 60fps 动画中的抖动)，而来自 api 调用的更改将是低优先级(谁会注意到你必须等待的东西多出一百毫秒)还是第二个?). 因 ..
发布时间：2022-01-19 13:03:35 前端开发

如何在 html 中创建唯一的静音/取消静音按钮(如 youtube)

我正在创建一个网站，我放了背景音乐，我的问题是我不知道如何创建一个按钮(只有一个)来静音/取消静音.我想要一个静音按钮，可以根据情况静音/取消静音(如果音乐静音，那么按钮应该有扬声器的图像，用于听到声音，如果按下它，那么你开始听音乐和按钮的图像发生变化，反之亦然) 我现在拥有的是这样的: 我只需要知道如何创建那个按钮，而不是背景音乐的功能. 非常感谢您 解决方案 HTML ..
发布时间：2022-01-19 12:50:26 前端开发

数据库发生变化时前端实时更新

如何在数据库记录更新或更改时更新前端 ui 示例推特Twitter帖子动态增加没有喜欢 我们将使用什么技术来进行这种实时更新以及方式是什么 另一个例子 firebase当 Firebase 记录中的某些内容更新时自动前端ui更新 请有人帮我破解这个 解决方案 将数据从服务器推送到(Web)客户端的解决方案有很多.Firebase 中的一些示例: Firebas ..
发布时间：2022-01-19 12:39:32 其他开发

如何在没有服务器的情况下发送电子邮件?只有带有 sendgrid 的前端 Javascript 或

我最近想知道如何通过电子邮件即服务应用程序(如 sendgrid 或 mandrill 等)仅使用 Javascript 等前端语言发送电子邮件. Sendgrid 和 mandrill 有 Curl APIS，所以基本上我可以向他们的 API 发出 AJAX 发布请求以发送邮件，但问题是，我必须将我的 API 密钥放在 JS 文件中，这意味着它将公开......虽然它应该是秘密的. ..
发布时间：2022-01-19 12:30:07 前端开发

从一个sass文件到多个css文件的SASS输出

我想从一个 sass 文件中输出多个 css 文件.我有一个文件:schemes.scss，代码如下: $schemes: ('光': (“身体背景":白色，'标题颜色':#111，'副标题颜色':#222),'黑暗的': ('body-background':黑色，'标题颜色':#ddd，'副标题颜色':#eee),'缓和': ('body-background':灰色，'标题颜色':黑色，' ..
发布时间：2021-11-17 02:47:07 前端开发

Angular - 找不到带有名称的管道

我使用“ng g pipe"命令创建了一个管道.在我的代码中使用它时出现控制台错误.下面附上代码的截图.错误:错误 NG8004:未找到名为“filterByPrcName"的管道.filter-by-prc-name.pipe.ts控制台错误消息product-list.component.html 解决方案 你需要打开声明你的组件的 angular 模块，然后将其添加到声明中，并添加所 ..
发布时间：2021-11-08 23:51:51 其他开发

Angular - 找不到带有名称的管道

我使用“ng g pipe"命令创建了一个管道.在我的代码中使用它时出现控制台错误.下面附上代码的截图.错误:错误 NG8004:未找到名为“filterByPrcName"的管道.filter-by-prc-name.pipe.ts控制台错误消息product-list.component.html 解决方案 你需要打开声明你的组件的 angular 模块，然后将其添加到声明中，并添加所 ..
发布时间：2021-11-08 23:44:14 其他开发

Angular - 找不到带有名称的管道

我使用“ng g pipe"命令创建了一个管道.在我的代码中使用它时出现控制台错误.下面附上代码的截图.错误:错误 NG8004:未找到名为“filterByPrcName"的管道.filter-by-prc-name.pipe.ts控制台错误信息product-list.component.html 解决方案 你需要打开声明你的组件的 angular 模块，然后将其添加到声明中，并添加所 ..
发布时间：2021-09-23 18:33:34 其他开发

WebStorm 中的 Velocity 语法高亮

WebStorm 中是否有 Velocity 语法的插件/下载? 我遇到了这篇文章但没有目录filetypes 在我的路径中(对于 Mac).如果可用，我想要一些语法突出显示以便于阅读: 解决方案 由于 WebStorm 不支持它，但我建议将 .vm 文件与 xhtml 相关联.您可以通过打开 search action 对话框(在 Mac 中为 cmd+shift+a)并搜索 as ..
发布时间：2021-09-04 20:39:55 其他开发

如何获得 SVG 文本元素的紧密边界框

通常为了获得 SVG 中任何元素的边界框，我们使用 getBoundingClientRect() 或 getBBox() 分别为我们提供顶部、底部、左侧、右侧、宽度、高度或 x、y、宽度、高度.但是当文本旋转时，这些值不足以使元素的边界框紧密，因为由这些值形成的框将具有水平和垂直边缘，不平行于文本.如何为旋转文本选择紧密边界框，如下图所示.(该文本由 Chrome Inspect Element ..
发布时间：2021-09-01 19:17:43 前端开发

Spring boot + Thymeleaf 在自定义片段中显示数据库记录

我有数据库记录，我想以某种方式显示在页面上.出于这个原因，我创建了一个 thymeleaf 片段，它应该用作我数据库中所有记录的模板.现在我不确定如何让每个片段(代表一个 db 记录)彼此相邻打印.此外，我想实现这样的目标: 我当前的实现在网页上完全相同的位置显示所有获取的记录，这会创建类似“堆栈"的内容并仅显示最后一条记录.我当前的实现如下所示: 总而言之，我想在 Android 开 ..
发布时间：2021-08-20 19:52:21 前端开发

使用 Spring Boot 和 Tomcat 提供前端内容

我将创建一个非常典型且不占用资源的前端+后端项目，我的一般问题是如何以更好的方式组织它. 后端部分提供了一个 REST API，这里将使用 Java 和 Spring Boot.关于嵌入 Tomcat 或部署 WAR 的问题仍然悬而未决.我更愿意部署 WAR，除非另一个选项对我的情况有一些优势.对于开发，我使用 Eclipse 和 Maven，最终所有这些都将在 RHEL 上运行. 前 ..
发布时间：2021-08-20 19:37:07 Java开发

如何隐藏网络选项卡中的数据?

在我的 Angular 应用程序中，如果我转到开发工具网络选项卡，我将能够看到来自后端的响应和请求.有谁知道如何隐藏或屏蔽这些数据，如果我进行服务器端渲染，这可能吗? 解决方案 将显示请求. 这无法停止，应用程序正在发出请求，这将被浏览器记录到网络选项卡，如评论中所述，如果存在安全问题，您应该以不同的方式处理.不要将数据发送到客户端，而这些数据一开始就不应该被允许访问. 为了在 ..
发布时间：2021-07-20 19:03:16 前端开发