web-frameworks 相关问题

Web应用程序框架是一种软件框架,旨在支持动态网站,Web应用程序和Web服务的开发。该框架旨在减轻与Web开发中执行的常见活动相关的开销。



为什么在 Angular 中按 alt 和 left shift 时 `(keydown.code.alt.leftshift)` 不匹配?但是 `(keyup.shift.enter)` 当 shift 和 Enter 时匹配

问题 抽象的 正如标题所说。 细节 我遵循了 Angular 教程——添加事件侦听器#使用键修饰符。 我采用第三个代码片段 问题 摘要 正如标题所说。 详情 我遵循了 Angular 教程 -- Adding event listeners#Using key modifiers。 我采用第三个代码片段 <!-- Matches shift and enter --> <input type="text" (keyup.shift.enter)="updateField($event)" /> 例如名为 Using key modifiers ex3/app-project 的示例项目 在这个示例项目中,它按我的预期工作。 我将 template 字段设置为以下代码片段(这意味着如果同时按下 upadateField+shift 键,它将调用 enter 回调函数。 <!-- Matches shift and enter --> <input type="text" (keyup.shift.enter)="updateField($event)" /> 并且upadateField回调函数定义如下。 updateField(event: Event): void { console.group('updateField in AppComponent class'); console.log('The user pressed shift and enter at same time in the text field.'); console.groupEnd(); } 本示例项目中app.component.ts中的完整代码如下: import { Component } from '@angular/core'; @Component({ selector: 'app-root', template:` <!-- Matches shift and enter --> <input type="text" (keyup.shift.enter)="updateField($event)" /> ` }) export class AppComponent { title = 'app-project'; updateField(event: Event): void { console.group('updateField in AppComponent class'); console.log('The user pressed shift and enter at same time in the text field.'); console.groupEnd(); } } 层次结构 Angular 中Accessing the event argument ex3的演示项目 另一方面,我采用了代码片段 <!-- Matches alt and left shift --> <input type="text" (keydown.code.alt.leftshift)="updateField($event)" /> 例如名为 Using key modifiers ex4/app-project 的示例项目 在这个示例项目中,它没有按我的预期工作。 我将 template 字段设置为以下代码片段(这意味着如果同时按下 upadateField+ 左 alt 键,它将调用 shift 回调函数。 <!-- Matches shift and enter --> <input type="text" (keyup.shift.enter)="updateField($event)" /> 并且upadateField回调函数定义如下。 updateField(event: Event): void { console.group('updateField in AppComponent class'); console.log('The user pressed enter in the text field.'); console.groupEnd(); } 本示例项目中app.component.ts中的完整代码如下: import { Component } from '@angular/core'; @Component({ selector: 'app-root', template:` <!-- Matches alt and left shift --> <input type="text" (keydown.code.alt.leftshift)="updateField($event)" /> `, }) export class AppComponent { title = 'app-project'; updateField(event: Event): void { console.group('updateField in AppComponent class'); console.log('The user pressed enter in the text field.'); console.groupEnd(); } } 层次结构 Angular 中的 Accessing the event argument ex4 演示项目(有问题) 为什么? 欣赏 任何有关此问题的回复和提示将不胜感激。 其他信息 框架 带有 SaaS 选项的 Angular。 IDE VSC 完整代码 请参阅上面的详细信息部分。 演示 请参阅上面的详细信息部分。 我尝试了什么? 按照 Angular 教程上的说明进行操作 -- Adding event listeners#Using key modifiers 附注 我修复了的代码 updateField(event: KeyboardEvent) 到 updateField(event: Event) 修复构建服务器时的其他错误。 我在期待什么? 我期待的是,在Using key modifiers ex4/app-project中,它可以正常工作(这里,它是在网页开发工具的控制台上输出The user pressed enter in the text field.,如果我同时按下alt+左shift键(我输出消息的拼写错误,但是,这并不重要。)) 第1次更新 我尝试在名为 Using key modifiers ex5/app-project 的示例项目中用另一种方式重写代码 这是我的完整代码app.component.ts import { Component } from '@angular/core'; @Component({ selector: 'app-root', template: ` <input type="text" (keyup)="updateField($event)" /> `, }) export class AppComponent { title = 'app-project'; updateField(event: KeyboardEvent): void { if (event.altKey && event.key === 'ShiftLeft') { console.group('updateField in AppComponent class when the user pressed alt and left shift key at same time in the text field.'); console.log('The user pressed alt and left shift key at same time in the text field.'); console.groupEnd(); } } } Angular 中的 Accessing the event argument ex5 演示项目(有问题) 它没有按我的预期工作。我预计网页开发工具的控制台上会输出 The user pressed alt and left shift key at same time in the text field.,如果我同时按下 alt + 左 shift 键。 第二次更新 抱歉,我忘了说左shift的按键代码值为ShiftKey,根据键盘事件代码值(MDN)第Code values on Windows部分下的表 代码应为以下链接中提到的密钥代码: 键盘事件的代码值 但是从反复试验中我意识到,角度的文档与行为不匹配。这可能是一个错误,你应该在 Angular github 上提出,如果你想实现这个功能,不要查看 code 的 KeyboardEvent 属性,而是使用 key 属性,所以下面的应该可以工作。 <input type="text" (keydown.shift.alt.p)="updateField($event)" /> Stackblitz 演示

回答 1 投票 0

如何在 Kotlin html 框架中表示 Web 组件标签?

Kotlin 有表示 html 的框架,例如 kotlinx。如何在此类框架中表示 Web 组件标签?例如,如果我想使用 Polymer 组件,我是否必须扩展这些

回答 4 投票 0

简约的Python Web框架

我曾经使用 Django 框架创建 Web 应用程序,但现在我必须为 Python 应用程序创建简单的 Web GUI。你能推荐一些小型的Python Web框架吗?

回答 2 投票 0

是否有基于 VSCode 开源基础构建的应用程序?

VSCode 有一个非常可定制的 UI,包括活动栏、侧边栏、选项卡、状态栏等(https://code.visualstudio.com/docs/getstarted/userinterface);通过扩展可自定义,似乎已经

回答 3 投票 0

Python Gunicorn Worker 与脚本

我需要帮助来理解这一点。假设我的服务器上有一个 Python 脚本,它接收参数并进行一些数据处理。该脚本可以由任意数量的进程执行。米尼...

回答 1 投票 0

如何自定义django-ratelimit 403禁止页面?

我正在使用 django-ratelimit 2.0 来限制我的观点。我想为不同的视图显示不同的(自定义)403 禁止页面。例如,如果它是注册视图,它应该给出一条消息......

回答 2 投票 0

如何更改 Perl Kelp 应用程序的 app_url

我想更改app_url。 我是这样做的: 包裹邮寄; 使用 Kelp::Base 'Kelp'; 使用utf8; 子 before_dispatch { # 重写此方法会禁用访问日志 } 子构建{ 我的 $self =...

回答 1 投票 0

Angular 贪吃蛇游戏 - 蛇不生成

我正处于创建蛇的第一步,需要: 1-创建游戏板 2-创造蛇和水果 3-展示蛇和水果o 问题是主板更新了

回答 1 投票 0

Python 网页,PHP 风格

我经常使用Python和PHP,但出于好奇,是否有一个Python版本使用与PHP类似的范例来动态创建html页面,即像这样: 我经常使用Python和PHP,但出于好奇,是否有一个Python版本使用与PHP类似的范例来动态创建html页面,即像这样: <html> <body> <?py # similar to <?php ... ?> for i in range(10): print '<div>Hello%i</div>' % i ?> </body> </html> ? 注 1:我不是谈论不使用此类语法的 Django、Flask、Bottle、Twisted 等。 注 2:建议的 PHP 代码如下所示: <html> <body> <?php for ($i = 0; $i < 10; $i++) { echo '<div>Hello' . $i . '</div>'; } ?> </body> </html> 我支持这个想法。 无需安装整个框架即可快速安全的网页。 例如,在订阅更新时更换 API 密钥等。 是否有一个Python版本使用与PHP类似的范式来动态创建html页面 不,Python 不能像你想要的那样嵌入到 html 中。这个想法是将视图(html)与代码(python)分开。 看看模板引擎是如何工作的,它们可以允许相当复杂的python代码。 以Jinja为例: <ul> {% for user in users %} <li><a href="{{ user.url }}">{{ user.username }}</a></li> {% endfor %} </ul> 其他更接近您想要的解决方案将转换 html 为 python 脚本,该脚本将生成完全解释的 html。这有点过分了...

回答 2 投票 0

每个网页可能有不同网络框架的网站吗?

基本上,我想制作一个网站,其中每个页面都构建在不同的网络框架上,我想知道这是否可行。 示例:网站的主页是通过 Ruby on Rails 制作的

回答 1 投票 0

Web 服务器和 Web 服务器网关接口 (WSGI) 有什么区别?

我对 WSGI 和 Web 服务器感到困惑。我想要解释它们之间的差异,或者它们是否是同一件事。提前谢谢你。

回答 1 投票 0

无效的 websocket 升级

我在NiceGUI和Nginx的帮助下在VPS上设置了一个服务器。请求通过子域并正确路由:服务器接收请求并打印 html 元素。 怎么...

回答 1 投票 0

nextJS/Firebase(实验:启用网络框架)数据库问题

我在 Firebase 上创建的 nextJS 应用程序遇到问题,按照此过程运行以下命令: % npx create-next-app@latest % cd myapp % firebase 实验:启用

回答 1 投票 0

在 Flask 中创建游戏 / 在不同的 html 页面中打印 while 循环的值

对于一个项目,我目前正在尝试使用 Flask 在 python 中创建一个游戏(Hangman 的变体),以使其可以在 html 页面上访问。这个游戏注定是聋哑儿童用来...

回答 1 投票 0

如何使用 rust-rocket 将数据传递到端点

我有一个名为 main.rs 的文件和一个名为 Rocket.rs 的文件。第一个用于发射另一个文件中定义的火箭: 主程序.rs #[东京::主要] 异步 fn main(){ 让火箭=火箭(); Rocket.la...

回答 1 投票 0

“没有与网站关联的 Firebase 应用”消息

在使用 Firebase 时,使用: % firebase 实验:启用网络框架 运行以下命令后: % 火力基地部署 我看到这条消息(我不记得以前见过...

回答 1 投票 0

Python框架创建纯后端项目

有关该项目的一些细节: 纯后端项目,无前端 暴露一个rest api(也许是自定义路由?) 连接到其他rest api 使用 ORM 查询 MySQL 和 MongoDB 有单元测试 什么Python

回答 5 投票 0

设置nicegui时遇到问题

我是nicegui的新手。这似乎是一个很棒的框架! 当尝试设置 Nicegui 时,我从以下设置代码中收到错误: 主要.py: 从 Nicegui 导入 ui ui.label('你好 NiceGUI!') 你...

回答 1 投票 0

最新问题
© www.soinside.com 2019 - 2025. All rights reserved.