小编Joã*_*dro的帖子

如何在 Next.Js 中加载图像时显示占位符?

我使用 getStaticProps 从 Firebase 获取一些图像,然后使用下一个图像组件显示它们。但是,它们需要一段时间才能显示,如何在未加载时显示占位符?

next.js nextjs-image

15
推荐指数
2
解决办法
3万
查看次数

dayjs 未正确转换时区

我正在尝试将日期从当地时间(台北 UTC+8)转换为洛杉矶(UTC-7),但是 dayjs 转换似乎完全关闭:

dayjs("2020-09-21 20:30").tz("Asia/Taipei")
Run Code Online (Sandbox Code Playgroud)

这导致Tue Sep 22 2020 05:30:00 GMT-0400(东部夏令时间),但它应该是 Mon Sep 21 2020 02:30:00 GMT-0400(东部夏令时间)

知道发生了什么事吗?

javascript dayjs

8
推荐指数
1
解决办法
3万
查看次数

blockquote引用样式

我正在尝试制作一个blockquote样式,其中开头和结尾的引号比文本大但仍然适合它的行,类似于这个例子http://s17.postimage.org/ypvv8xxtb/blockquote.png

这是我的代码http://jsfiddle.net/EnL3R/2/

开放引用显示在文本上方,开放和结束引号都有一些边距,我意识到这是因为字体中的字符本身有这个空白区域,无论如何我可以补偿这个吗?

html css

5
推荐指数
2
解决办法
1623
查看次数

滑动时如何取消onClick事件?

我有一个用户可以从中选择的项目列表。如果用户单击某个项目,则该项目被选中。如果用户长按任何项目,它会激活多选模式,用户可以在其中选择多个项目,我正在使用此问题中的自定义 useLongPress 钩子。但是,我想让用户在不选择任何项目的情况下滑动以滚动列表,我正在使用 react-swipeable 进行滑动事件,但我不知道如果用户正在滑动,我如何取消 onClick 事件,即使我正在刷卡,我仍在选择项目。

https://codesandbox.io/s/hungry-kilby-vlxmc?file=/src/App.js

应用程序.js

import "./styles.css";
import React, { useState } from "react";
import useLongPress from "./useLongPress";
import { useSwipeable } from "react-swipeable";

const list = [
  "apple",
  "banana",
  "orange",
  "mango",
  "kiwi",
  "lemon",
  "watermelon",
  "avocado",
  "grapes",
  "strawberry",
  "passion fruit",
  "papaya",
  "pomegranate",
  "blueberry",
  "pear",
  "pineapple",
  "jackfruit"
];

export default function App() {
  const [MultiSelect, setMultiSelect] = useState(false);
  const [MultiSelectArray, setMultiSelectArray] = useState([]);
  const [IsSwiping, setIsSwiping] = useState(false);
  const swipe = useSwipeable({
    onSwipeStart: (e) => …
Run Code Online (Sandbox Code Playgroud)

javascript reactjs

5
推荐指数
1
解决办法
246
查看次数

如何禁用 TextFormField 默认动画

当用户关注文本字段时,我想禁用默认行为,其中标签文本变小并停靠在左上角:文本表单字段

我想禁用此行为并仅使标签文本消失,我该怎么做?

flutter

5
推荐指数
2
解决办法
3275
查看次数

如何在 .map 中定义解构参数的类型

我在map函数中有一个解构的参数:

array.map(([name, data], index:number) => (
    console.log(name + data)
))
Run Code Online (Sandbox Code Playgroud)

我如何设置namedata作为name: string, data: object

typescript

4
推荐指数
1
解决办法
128
查看次数

更改背景图像的网址

我正在做这个界面,我有很多按钮,只是像这样的背景图像

#menu ul.icons li.nove {
    background-image:url(images/edit-menu/icons/undo.png);
    background-size:contain;
    display:block;
    margin-top:29px;
}
Run Code Online (Sandbox Code Playgroud)
<ul class="icons"> 
<li class="um"></li>
    <li class="dois"></li>
    <li class="tres"></li>
    <li class="quatro"></li>
    <li class="cinco"></li>
<li class="seis"></li>
    <li class="sete"></li>
    <li class="oito"></li>
    <li class="nove"></li>
    <li class="dez"></li>
</ul>
Run Code Online (Sandbox Code Playgroud)

我需要创造一个更改,当用户点击的按钮,背景图像的代码,以显示其按钮激活,我只需要改变url(images/edit-menu/icons/url(images/edit-menu/select/并保持相同的文件名.我需要一种动态执行此操作的方法,因此我不必为10个按钮中的每个按钮执行此操作.

希望我很清楚,提前谢谢

javascript css jquery

-1
推荐指数
1
解决办法
538
查看次数

标签 统计

javascript ×3

css ×2

dayjs ×1

flutter ×1

html ×1

jquery ×1

next.js ×1

nextjs-image ×1

reactjs ×1

typescript ×1