小编jas*_*457的帖子

我正在尝试使用flex创建一个布局(将是一个音乐播放器).

我有3个按钮(上一个,上一个,下一个,由红色方块表示),我总是想要在同一条线上.

然后,我想要显示在按钮右侧的一些歌曲信息(当前时间,歌曲标题和总时间).

我总是希望总时间在最右边,并且歌曲标题要填满剩余的宽度(用flex-grow),但是当窗口变小时要用省略号截断.

有没有人知道如何调整它以使其正常工作？

.wrapper {
  display: flex;
  align-items: center;
}
ul {
  display: inline-block;
  list-style: none;
  flex-shrink: 0;
}
li {
  display: inline-block;
  width: 30px;
  height: 30px;
  background: red;
  margin-right: 3px;
}
.song-wrapper {
  background: beige;
  display: flex;
  flex-grow: 1;
}
.song-title {
  background: blue;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  flex-grow: 1;
}

<div class="wrapper">
  <ul>
    <li></li>
    <li></li>
    <li></li>
  </ul>
  <div class="song-wrapper">
    <span>1:23</span>
    <span class="song-title">This is the song title and I want it to ellipsize …

我想定义一个接口，允许您提供contentOR，content_object但不能同时提供。您必须定义一个。在TypeScript中最简单的方法是什么？我知道我可以说content是string | object，但是如果我可以按照描述来定义内容，那么我的其余代码也会受益。

interface IModal {
    content?: string;
    content_object?: object;
}

我真的很喜欢 VSCode 根据 git 状态为侧栏中的文件名着色（绿色表示新的，黄色表示修改的）。我不喜欢的是选项卡的文件名也没有反映这一点。有没有办法让标签使用与侧边栏相同的颜色？此外，是否可以为不同的 git 状态配置颜色？

我想向我的站点添加一个新功能，该功能使用来自 David Walsh 站点的卡片翻转模式：https : //davidwalsh.name/css-flip。问题是，我卡片中的内容是可变的，所以高度是未知的（它也是一个响应式网站）。我的页面底部有一个页脚，它需要位于此区域下方，但由于这种方法依赖于绝对定位，因此页脚将像此代码笔一样位于顶部：https ://codepen.io/anon/pen /ALJmGZ

任何人都可以想到任何 css 黑客或对这种方法的更改，以使卡片不必绝对定位？

HTML：

<div class="flip-container" ontouchstart="this.classList.toggle('hover');">
  <div class="flipper">
    <div class="front">
      <span class="name">David Walsh</span>
    </div>
    <div class="back">
      <div class="back-logo"></div>
      <div class="back-title">@davidwalshblog</div>
      <p>Mozilla Web Developer, MooTools & jQuery Consultant, MooTools Core Developer, Javascript Fanatic, CSS Tinkerer, PHP Hacker, and web lover.</p>
    </div>
  </div>
  <footer>Here is my footer</footer>
</div>

CSS：

.flip-container {
  -webkit-perspective: 1000;
  -moz-perspective: 1000;
  -o-perspective: 1000;
  perspective: 1000;

    border: 1px solid #ccc;
}

    .flip-container:hover .flipper,  
  .flip-container.hover .flipper {
        -webkit-transform: …

我一直在尝试使用 import() 函数来导入运行时动态的东西。我认为只要我为文件创建一个条目，webpack 就可以足够智能地 import() 正确的模块，但情况似乎并非如此。

有谁知道一种方法来分块条目并使用 import() 语法，为其提供一个变量，并让它在运行时工作？

根本问题的一个简单示例如下：

// works
import( './a.js' ).then(() => console.log('it worked'));

// something is a dynamic variable that changes at runtime
const something = './a.js';
// does not work, even with this simplistic example
import( something ).catch(() => console.log('it did not work'));

我和一些朋友创建了一个音乐博客,我创建了一个MySQL表来跟踪帖子的观点.我有一列用于跟踪管理员视图,一列用于跟踪每个帖子的用户视图.

我正在制作一个页面,可以通过大多数管理员视图,大多数用户视图和总视图轻松查看和排序.我没有在我的MySQL数据库中为"总视图"创建一个列(要计算,我只是将管理视图添加到用户视图中.简单明了).

我可以通过查询来轻松地按管理员视图排序,SELECT * FROM log ORDER BY ADMIN DESC对于用户视图也是如此,但有一种简单的方法可以做类似的事情SELECT * FROM log ORDER BY ADMIN + USER DESC吗？如果没有,我将不得不乱用我的代码来提供我自己的排序算法.

提前谢谢.

我有一个静态字符串数组,我想创建一个接口.解释这个的最好方法是展示psedo接口的一个例子:

const types = ["error", "warning", "success"];

interface Modal {
    type: keyof types;
}

我需要在我的实际js中按顺序使用类型,所以我希望有一种方法可以在界面中表达这一点,所以我不必复制数组和接口中的值.这可能吗？