小编Ext*_*ent的帖子

CSS3 Transition无法正常工作

我无法在此页面上进行转换,任何人都知道为什么?

div.sicon a {
    transition: background 0.5s linear;
    -moz-transition: background 0.5s linear; /* Firefox 4 */
    -webkit-transition: background 0.5s linear; /* Safari and Chrome */
    -o-transition: background 0.5s linear; /* Opera */
    -ms-transition: background 0.5s linear; /* Explorer 10 */
}
Run Code Online (Sandbox Code Playgroud)

css css3 css-transitions

16
推荐指数
3
解决办法
7万
查看次数

Material UI AppBar 不会改变主题

我有应用栏

<AppBar position="fixed" className={classes.appBar}>
  <Toolbar style={{ padding: 0 }}>
    <... />
  </Toolbar>
</AppBar>
Run Code Online (Sandbox Code Playgroud)

在我的页面上,当我将 MUI 主题更改为浅色时,它的默认颜色没有改变

import { MuiThemeProvider, createMuiTheme } from "@material-ui/core/styles";

const theme = createMuiTheme({
  palette: {
    type: "dark"
  }
});

ReactDOM.render(
  <MuiThemeProvider theme={theme}>
    <Index />
  </MuiThemeProvider>,
  document.getElementById("root")
);
Run Code Online (Sandbox Code Playgroud)

在此处输入图片说明

如果我将它添加到调色板中,那么我的背景会变黑......我以为当我将类型从浅色更改为深色时,我可以更改整体调色板..?

primary: {
  main: "#000000"
}
Run Code Online (Sandbox Code Playgroud)

reactjs material-ui

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

部署之前,Azure DevOps在代码内部更新变量

发布发布时,Azure DevOps是否可以更新部分代码?

例如,我的应用程序中有一个设置文件。此设置文件包含export const ISPROD = false在其中。我需要Azure DevOps才能在构建React应用并部署它之前将此false值更改为true。那可能吗?

注意:我的服务器版本是Linux。

javascript azure reactjs devops azure-devops

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

PNG是否对浏览器兼容性有害

我只是想通了,如果我制作的图片.PNG比我制作的那样小.JPG.由于我尽力制作最快的网站,我的图像大小也非常重要.所以我的问题是,我认为手机不支持.PNG图片.这是真的吗?我应该继续使用.PNG代替.JPG吗?我可以做任何解决方案,以便在不降低分辨率的情况下制作更小的图像吗?

png image cross-browser

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

React Material UI onFocusOut

我目前使用

<TextField onChange={e => this.change(e, items)}
Run Code Online (Sandbox Code Playgroud)

这会在我放入 TextField 的每个字母时触发,因此,我输入的文本会以慢动作填充。我想如果这个请求在用户输入所有内容并集中注意力后就消失会更好。我可以在这个场景中使用 React & Material UI TextField 什么样的事件?

uitextfield reactjs material-ui

4
推荐指数
2
解决办法
8997
查看次数

非常简单的jQuery Div Slider

我想在我的页面上放5个div,但页面的宽度不允许我这样做.所以我认为我只能展示其中的3个,而想要看到其他人的人可以点击左右箭头来查看.我希望它以这种方式工作非常简单.有人知道最好的方法吗?

html css jquery css3

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

单击自身时,材质UI ClickAwayListener会关闭

我有下面的显示侧边栏开关,它显示在Popper中。因此,理想情况下,如果单击其他位置(Popper元素之外),Popper应该消失。如果在Popper元素内单击,则该元素不应随处可见。当我单击“切换”或“显示侧边栏”文本时,该Popper消失了。我用<div>它包裹了波普尔也没有帮助。

波普尔https://material-ui.com/api/popper/

切换https://material-ui.com/api/switch/

ClickAwayListener https://material-ui.com/utils/click-away-listener/

以下是波普尔代码

<ClickAwayListener onClickAway={this.handleClickAway}>
      <div>
        <Popper className={classes.popper} id={id} open={open} placement="bottom-end" anchorEl={anchorEl} transition>
          {({ TransitionProps }) => (
            <Fade {...TransitionProps} timeout={350}>
              <Paper className={classes.SliderBox}>
                <Switch
                  checked={this.state.checkedB}
                  onChange={this.handleChange('checkedB')}
                  value="checkedB"
                  color="primary"
                  onClick={handleDrawer}
                  className={classNames(classes.menuButton, sidebar && classes.hide)}
                />
                Display Sidebar
              </Paper>
            </Fade>
          )}
        </Popper>
        </div>
       </ClickAwayListener>
Run Code Online (Sandbox Code Playgroud)

我在这里有示例(尽管我无法使它正常工作,但我不知道为什么它会导致Clickaway错误) https://codesandbox.io/s/8pkm3x1902

在此处输入图片说明

reactjs material-ui

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

特定时间后淡出图像

我希望我的页面打开一张图片,我希望该图片在10秒后淡出.哪种方式是我能做到的最佳方式?有什么方法可以用Css3做到吗?

javascript jquery css3

2
推荐指数
1
解决办法
2125
查看次数

表太大了

<table border="1" style="width:200px;">
  <tr>
    <td style="width:50px;overflow:hidden;">Who</td>
    <td style="width:50px;overflow:hidden;">Time</td>
    <td style="width:100px;overflow:hidden;">What</td>
  </tr>
<?php 
while($wr = mysqli_fetch_array($read)) {
    echo' <tr>
    <td>'.$wr['Who'].'</td>
    <td>'.$wr['Time'].'</td>
    <td>'.$wr['What'].'</td></tr>';
}
Run Code Online (Sandbox Code Playgroud)

?>

$ wr ['What']从数据库中提取大数据,我的表格超过200px.我该如何解决?

html css

2
推荐指数
1
解决办法
5196
查看次数

在不刷新页面的情况下响应路由

我有以下 React 结构

App.js 
-> 
    Skeleton.js 
    ->
        1) Sidebar.js
        2) Content.js
        -> 
            1) Page1.js
            2) Page2.js
            3) Page3.js
Run Code Online (Sandbox Code Playgroud)

路由是在 App.js 中完成的,如下所示:

<BrowserRouter>
      <Fragment>
      <Route exact path="/" component={Skeleton} />  
      <Route path="/:type" component={Skeleton} />
    </Fragment>
  </BrowserRouter>
Run Code Online (Sandbox Code Playgroud)

我有这样的侧边栏项目

<ListItem
  button
  className={classes.nested}
  component="a" href="/Equity-Runs"
>
  <ListItemIcon>
    <DescriptionIcon />
  </ListItemIcon>
  <ListItemText
    className={classes.child}
    inset
    primary="Page1"
  />
</ListItem>
Run Code Online (Sandbox Code Playgroud)

一切都按预期工作,如果您单击侧栏中的 Page1,它会加载 Page1,如果您单击 Page2 会加载 Page 2,等等...

现在,每次单击侧边栏中的链接时,页面都会变成空白然后加载。我想这样做,当您单击页面时,仅 Content.js 重新加载,因此页面的其余部分不会变为空白并被加载。每次从侧边栏中单击页面时,只有内容区域会发生变化。

我猜我必须将路由逻辑移动到内容文件中,但问题是我需要知道用户在侧边栏和 AppBarPanel 文件中所在的页面。我现在还没有设置 Redux,为了这个问题,我不想实现它。

注意:我真的不明白为什么有人会否定这个问题而不说明它有什么问题。

reactjs react-router

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

使用打开文件夹命令启动的 VSCode Win 快捷方式

我有 10 个应用程序,我一直在开发。有时我需要单独打开它们以对它们运行 bash 命令。有没有办法为每个文件夹创建一个 Windows 快捷方式,然后我选择所有 10 个快捷方式并单击 Enter 以启动 10 个不同的 VSCode 应用程序,每个应用程序都打开了我设置的各自文件夹?

visual-studio-code

1
推荐指数
2
解决办法
1340
查看次数

CSS下拉菜单在IE中消失

我的菜单在firefox和chrome中看起来很棒.但是IE.它消失了.有人可以帮帮我吗?

http://tinyurl.com/6yzd2jc

css

0
推荐指数
1
解决办法
905
查看次数

IconButton onClick 事件启动 onLoad 反应

我在IconButton每一行旁边都显示了下面的内容,因此对于每一行我可以执行不同的 API 调用。这些按钮的警报在加载时显示?!我该如何解决?

<IconButton onClick={alert("abc")}>
  <Edit color="action" />
</IconButton>
<IconButton onClick={alert("abc")}>
  <Update color="action" />
</IconButton>
<IconButton onClick={alert("abc")}>
  <Delete color="action" />
</IconButton>
Run Code Online (Sandbox Code Playgroud)

javascript reactjs

0
推荐指数
1
解决办法
746
查看次数