frontend 相关问题

面向用户的应用程序部分。在桌面应用程序中，这将包括窗口框架和用户与之交互的表单;在命令行程序中，它将是可用的命令和参数;在Web应用程序中，它将引用HTML和JavaScript。

错误图像请看看并帮助我。我想创建反应应用程序。但它不起作用。错误表明， npm 错误！代码 ENOENT npm 错误！系统调用 lstat npm 错误！路径 C:\Users\shubham\AppData\Roamin...

reactjs node.js express frontend react-fullstack

回答 1 投票 0

我想从深色主题开始，然后通过添加 light: 选择器来添加浅色。可以做这样的事情吗？我想从深色主题开始，然后通过添加 light: 选择器添加浅色。可以做这样的事情吗？ <div class="bg-black light:bg-red-300 py-6"> ... </div> 我读到了这个插件，但它不是我想要的您可以考虑使用 Tailwind 插件来注册自定义静态变体。例如，如果 light 要被某个父 light 类识别，你可以这样做： const plugin = require('tailwindcss/plugin') module.exports = { // … plugins: [ plugin(function({ addVariant }) { addVariant('light', '.light &'); }), ], }; 这将允许您使用像 light:bg-red-300 这样的类名，这将生成如下 CSS： .light .light\:bg-red-300 { … } 或者，如果您想要与 dark: 相反的媒体查询版本，您可以这样做： const plugin = require('tailwindcss/plugin') module.exports = { // … plugins: [ plugin(function({ addVariant }) { addVariant('light', '@media (prefers-color-scheme: light)'); }), ], }; 这会生成： @media (prefers-color-scheme: light) { .light\:bg-red-300 { … } } 实际上，如果您只想要一个在“非黑暗”时应用的变体，您可以考虑稍微修改一下类的逻辑： <div class="dark:bg-black bg-red-300 py-6">

next.js frontend tailwind-css darkmode

回答 1 投票 0

如何区分react-native中的两个appState：应用程序转到后台，或应用程序请求权限

我正在开发一个银行react-native应用程序，尝试实现一个功能，每次应用程序从后台/非活动状态进入活动状态时，用户都需要验证TOUCHID。我所做的是检查

android ios react-native mobile frontend

回答 1 投票 0

如何在 Hilla 前端框架中右移导航栏中的元素

我正在使用 Hilla 构建我的应用程序的前端。我有一个 AppLayout 组件，它有一个包含元素的嵌套 HorizontalLayout 组件。但它们全部都是左对齐的。我想要一些...

css reactjs frontend vaadin hilla

回答 1 投票 0

在 Vue3 中将复杂对象作为 v-model 传递是不好的做法吗？

比如下面的例子：比如下面的例子： <GroupCard v-for="(group, i) in groups" :key="group.groupName" v-model="groups[i]" :available-samples class="min-h-[216px] min-w-[296px]" @remove-group="groups.splice(i, 1)" /> 每个groups[i]本身是类型的嵌套对象 { groupName: string; sampleNames: string[]; } groups是一个ref（实际上是一个v模型本身，它源于表单的表单状态）。 GroupCard 修改它接收到的 group prop 的 groupName 和 sampleNames 字段。反应性有效并且父组件中的表单状态得到正确更新。但是，GroupCard永远不会发出onUpdate:modelValue，因为对象引用永远不会改变，而是对象被修改。我看到的一个缺点是，这不允许我们在单元测试中侦听发射上的函数调用。另一种方法是定义 2 个命名模型，代码行数稍微多一些。一份用于组名称，一份用于样本。为什么不使用道具？ VUE SFC 游乐场 <script setup> import { ref, reactive} from 'vue'; import Group from './Group.vue'; const groups = reactive([{ groupName: 'group 1', sampleNames: [], },{ groupName: 'group 2', sampleNames: [], }]); const msg = ref('Hello World!') </script> <template> <group v-for="(_, i) in groups" :group="groups[i]"/> <div>{{ groups }}</div> </template> Group.vue <script setup> import {ref, watch} from 'vue'; const props = defineProps({group: Object}); const names = ref(''); watch(names, val => { props.group.sampleNames.length = 0; props.group.sampleNames.push(...val.split(',').map(v => v.trim())); }); </script> <template> <div> <input v-model="group.groupName"/> </div> <input v-model="names"/> </template>

frontend vuejs3 v-model

回答 1 投票 0

如何在没有最大高度但使用纯CSS的情况下将高度0转换为自动

这可能是你们很多人都遇到过的问题，并且由于某种原因，修复方法并不容易找到。但有一个解决办法！请允许我展示：首先，您需要使用以下 css 创建一个网格元素...

javascript html css frontend css-transitions

回答 1 投票 0

Angular html 模板中的表情符号

我正在尝试将表情符号插入我的 html 代码中。在纯 html 文件上它正在工作。在我的 Angular 组件上，它显示空白方块。这是我用于普通和 Angular 的代码

html angular text frontend

回答 2 投票 0

如何使用 css 将文本放置在图像上？

我一直在尝试将文本放在网页的图像顶部，到目前为止这是我的代码： html: 我一直在尝试将文本放置在我的网页的图像顶部，到目前为止，这是我的代码： html: <div class="wrapper"> <img id="background" src="header.png" alt="Background Image"> <div id="content"> <div class="SignIn"> <h1 class="entry-title">Sign In</h1> <p>Enter your credentials below</p> </div> </div> CSS： h1.entry-title { font: weight 600; text-align: center; } .SignIn { position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); } 我正在尝试这样做签到部分将背景作为#content的实际背景图像并添加position: relative，这样绝对元素将相对于#content。 h1.entry-title { font: weight 600; text-align: center; } #content { background: url('https://picsum.photos/500/300?grayscale&blur=2') no-repeat center center; background-size: cover; width: 100%; height: 300px; position: relative; } .SignIn { position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); } <div class="wrapper"> <div id="content"> <div class="SignIn"> <h1 class="entry-title">Sign In</h1> <p>Enter your credentials below</p> </div> </div> </div>

html css frontend

回答 1 投票 0

我的项目引导安装发生了什么？

之前一切正常，但现在我启动了我的网站，但轮播坏了。按钮等也是如此。引导程序发生了什么？我想这有问题......

javascript html css frontend bootstrap-5

回答 1 投票 0

如何改变Shadcn对话框组件的大小？

我有一个来自 shadcn 的对话框组件，其中包含比实际对话框更宽的内容。我一直在尝试将 w-[full] 等顺风风格应用于但似乎不行

reactjs next.js frontend shadcnui

回答 1 投票 0

Flutter Web 容器中的 GridView

我试图在flutter web的行内实现一个gridview，我在屏幕上修复了它，但它不会在容器内滚动，我得到了底部溢出错误。有谁能够帮助我？ ... ...