小编sjb*_*sse的帖子

Flexbox具有将图像拉伸到其自然高度的行为.在其他(更具体的)单词中,如果我有一个带有子图像的flexbox容器,并且我调整了该图像的宽度,则高度根本不会调整大小并且图像会被拉伸.

div {
  display: flex; 
  flex-wrap: wrap;
}
img{ 
  width: 50%
}

而这个样式表

<div>
    <img src="https://loremflickr.com/400/300" >
    <h4>Appify</h4>
    <p> some text </p>
</div>

我添加了这个codepen来演示我的意思.是什么导致这个？

我正在重构我的减速器以使用 redux-toolkit 的createSlice. 现在我有一个非常基于事件的减速器，有时需要针对不同的操作进行类似的状态更新。根据最初的switch/case声明，这不是问题：

        case ActionTypes.CREATION_CANCELLED:
        case ActionTypes.NEW_MARKER_INFOWINDOW_CLOSED:
        case ActionTypes.MARKER_SELECTED:
            return {...state, isCreating: false};

这种行为可以通过createSlice函数实现吗？

我正在使用Raleway字体,但此字体不能正确对齐字母.

您可以在此代码段中看到此内容:

    h1 {
      font-family: Raleway;
        font-size: 2rem;
        border-bottom: 1px solid $text-color;
        border-top: 1px solid $text-color;
        padding: 2rem 0;
    }

<link href='http://fonts.googleapis.com/css?family=Raleway' rel='stylesheet' type='text/css'>
<h1>5 Comments</h1>

我能轻易解决这个问题吗？或者这只是一个错误的字体,我应该选择另一个？

我正在使用jquery.event.move在触摸设备上创建移动事件.该脚本在第580行引发错误.

570 // Make jQuery copy touch event properties over to the jQuery event
571 // object, if they are not already listed. But only do the ones we
572 // really need. IE7/8 do not have Array#indexOf(), but nor do they
573 // have touch events, so let's assume we can ignore them.
574 if (typeof Array.prototype.indexOf === 'function') {
575     (function(jQuery, undefined){
576         var props = ["changedTouches", "targetTouches"],
577             l = props.length;
578         
579         while (l--) …

I'm making a website with 3 drawers - elements that are absolutely positioned off screen, one on the left, one on the right and one on the bottom.

Have a look at the website here to see what I'm talking about https://sjbuysse.github.io/javascriting/index.html

Click on the bottom Pop up! toggle, and you'll see a div with some inputs show up. As usual, when you click on one of these inputs in your mobile browser, a keyboard is displayed, which in result …

我正在使用 ReachUIDialog渲染对话框（模态）。正如您在下面的代码中看到的那样，它Dialog可以在路线上进行路由。products/create/

当我路由到时，是否可以同时渲染ProductsTable(位于父路由products/) 和,以便我可以在模式的背景中看到该组件？我希望通过 来实现这一目标。Dialogproducts/createProductsTablereact-router

这就是代码现在的样子：

...
import { Switch, Route, useRouteMatch, match, useHistory, } from "react-router-dom";
import { Dialog } from "@reach/dialog";

export function ProductsPage() {
  const { url }: match = useRouteMatch();
  const { push } = useHistory();

  const gotToCreateProduct = () => push(`${url}/create`);

  return (
      <Switch>
        <Route exact path={url}>
          <Page title="Products" onCreateButtonClick={gotToCreateProduct}>
            <ProductsTable></ProductsTable>
          </Page>
        </Route>
        <Route path={`${url}/create`}>
            <Dialog isOpen={true} onDismiss={() => push(url)}>
                <ProductForm></ProductForm>
            </Dialog> …

是否可以while在条件为承诺的情况下创建本机JavaScript 循环？

编辑:我要做的是在将文件上传到firebase存储之前执行检查,以查看firebase存储中是否已存在具有相同名称的文件.如果已存在具有相同名称的文件,则添加随机后缀并再次检查.

var storageRef = firebase.storage().ref().child(fileName);

while(storageRef.getDownloadURL()) {
    // create random number in between 0 and 100
    var random = Math.floor((Math.random() * 100) + 1);    
    storageRef = firebase.storage().ref().child(fileName + random);
}

storageRef.put(file);

我想在 nx monorepo 中使用 tailwindcss 来实现我的样式。

我lib用一个global-styles.scss文件创建了一个全局样式，以保留应添加到每个app.

@tailwind base;
@tailwind components;
@tailwind utilities;

.test {
   color: aqua;
}

#root {
  --teal: #008285;
  --iceberg: #D1F0F1;
  --polar: #F6FCFD;
  --scooter: #2BBEC3;
  --purple: #481059;
  --white: #FFFFFF;
  --red: #E8203A;
  --black: #2C2C2C;
}

在我的文件中workspace.json，我已将此样式文件的路径添加到构建目标中。

"styles": ["apps/my-app/src/styles.scss", "libs/ui-shared/src/lib/styles/global-styles.scss"],

现在，test我的应用程序选择了作为 css 变量的类，但所有 tailwind 类都不起作用，因此该@tailwind指令不起作用。

和位于该文件夹中，当我将文件从该目录移动到该应用tailwind.config.js程序文件夹时，一切正常。所以我想知道是否有某种配置或规则必须将 css 文件保留在与文件相同（或更深层嵌套）的位置？postcss.config.jsapps/my-appglobal-styles.scsslibspostcss.config

我想知道是否可以让顺风导入在该全局样式文件中工作？感谢您的建议或解释！

我有一个对象文字album$,我异步进入我的组件

album$: Observable<Album> = this._selectedAlbumSandbox.selectedAlbum$;

该Album界面看起来如下,当你看到它有数组Image.

export interface Album {
  id: string;
  name: string;
  caption: string;
  images: Image[];
}

现在,我如何images使用async管道在模板中循环数组？像下面这样的东西

 *ngFor="let image of album$.images | async" 

当使用 ES6Symbol作为 中的键/值对的键时LocalStorage，我们在重新加载页面后仍然可以访问它吗？

我发现本教程声称在使用 时这是可能的Symbol.for，但到目前为止我没有成功，并且undefined当我尝试检索 LocalStorage 键/值对时得到一个。

Symbols作为一个附带问题：在这里使用有意义吗？

在几个网站上,它说一个免费的heroku dyno需要每天至少睡6小时.(例如在http://kaffeine.herokuapp.com/上说这个)但是我在heroku网站上找不到任何关于此的信息.这条规则仍然有效吗？

我使用react-query图书馆来获取我的数据。当用户发生变化时，如果自动删除以前的用户数据并获取新数据，我会很高兴。

但这确实不会发生，API 会使用旧的 userId 被调用几次，并且只有在重新关注应用程序 1 或 2 次之后，它才会使用正确的 new 来获取数据userId。这是挂钩：当我在函数中记录一些信息时getData，我可以看到注销后使用旧的 userId 调用了几次。

export default function useData() {
    const {user} = useAuth();
    const queryClient = useQueryClient();
    useEffect(() => {
        queryClient.removeQueries('data')
        queryClient.invalidateQueries()
    }, [user]);
    return useQuery('data', () => getData(user!.uid), {
        enabled: !!user,
    })
}

有谁知道我如何在user更改时删除所有数据？