小编use*_*757的帖子

固定高度可滚动div在bootstrap 3列内

我见过类似的问题,但没有像我正在尝试的那样.大多数示例都使整个col-md-2滚动,我需要内容滚动.

在流体容器内,我有一个左侧导航类型列和一个右侧内容列.

在左栏内部,我想在顶级="顶部"处有一个div,在底部的一个div ="bottom".在中间我有一个清单.说底部和顶部是100px.我希望列表占用两者之间的所有空间,如果列表内容大于此区域,我希望它滚动.如果列表内容小于两者之间的空间,我希望它占用所有空间(不崩溃).

这是一个伪造的例子:

<div class="container-fluid">
    <div class="row">
         <div class="col-md-2">

            <div class="top">
                . . .
            </div>

            <div class="scroll-area">
                <ul>
                    <li>one</li>
                    . . .
                    <li>one-thousand</li>
                </ul>
            </div>

            <div class="bottom">
                . . .
            </div>

         </div> 
         <div class="col-md-10 content">
         </div>
    </div>
  </div>

  <style>
   .top, .bottom { height: 100px; }
  </style>
Run Code Online (Sandbox Code Playgroud)

通过给出"滚动区域"绝对定位,我能够在没有引导程序之前完成此操作.我可以使用固定定位使滚动区域工作,但包含"col-md-2折叠,所以"底部"位于顶部.

在此输入图像描述

我怎样才能做到这一点?

html css twitter-bootstrap-3

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

如何在perl中运行并发线程?

以下似乎不像我预期的那样在并发线程中运行,而是每个进程阻塞直到它完成:

my @arr = (1,2,3,4);
foreach (@arr) {
   threads->new(\&doSomething, $_)->join;
}

sub doSomething {
    my $thread = shift;
    print "thread $thread\n";
    sleep(5);
}
Run Code Online (Sandbox Code Playgroud)

换句话说,它似乎执行与非线程版本相同:

my @arr = (1,2,3,4);
foreach (@arr) {
   doSomething($_);
}
Run Code Online (Sandbox Code Playgroud)

我正在运行ActivePerl v5.10.1 mswin32-x86-multi-thread

如何在perl中运行并发线程?

perl multithreading

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

TypeScript - 如何继承类并覆盖lambda方法

我有一个继承的类,并且需要父类具有一个虚方法,该方法在子类中被重写.这个方法是从基础构造函数调用的,需要访问实例属性,所以它需要是一个lambda函数,所以"this"就是"_this".问题是,覆盖lambda方法对我来说不起作用,就像重写非lambda一样.这可能吗?如果没有,我想了解原因.

另外,当只从构造函数调用方法时,"this"是否总是与"_t​​his"相同?

class Base {
    protected prop = null;
    constructor() {
        this.init();
        this.initLambda();
    }
    init() {
        console.log("Base init");
    }
    initLambda = () => {
        console.log("Base initLambda");
    }
}
class Derived extends Base {
    constructor() {
        super();
    }
    init() {
        console.log("Derived init");
    }
    initLambda = () => {
        //let x = this.prop;
        console.log("Derived initLambda");
    }
}
Run Code Online (Sandbox Code Playgroud)

输出:
派生的init
Base initLambda

javascript lambda inheritance typescript

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

界面中不同参数的策略模式(C#)

我基本上试图实现一个策略模式,但我想将不同的参数传递给"接口"实现(继承自同一个对象)并且不知道这是否可行.也许我选择了错误的模式,我得到类似的错误

'StrategyA'没有实现继承的抽象成员'void DoSomething(BaseObject)'

使用以下代码:

abstract class Strategy
{
 public abstract void DoSomething(BaseObject object);
}

class StrategyA : Strategy
{
 public override void DoSomething(ObjectA objectA)
 {
  // . . .
 }
}

class StrategyB : Strategy
{
 public override void DoSomething(ObjectB objectB)
 {
  // . . .
 }
}

abstract class BaseObject
{
}

class ObjectA : BaseObject
{
 // add to BaseObject
}

class ObjectB : BaseObject
{
 // add to BaseObject
}

class Context
{
   private Strategy _strategy;

 // …
Run Code Online (Sandbox Code Playgroud)

c# inheritance abstract-class design-patterns strategy-pattern

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

Git master 和开发不同步

我有一个主分支和开发分支。主(服务器)存储库托管在 Azure Devops(内部部署)中。我为我的开发分支中的更改做了两个拉取请求(从功能分支到开发)。

PR1:feature-branch-1 -> 开发

PR2:feature-branch-2 -> 开发

然后我想,我需要将我的开发分支与我的主分支同步,所以我从我的开发分支到我的主分支做了一个拉取请求,接受,提交。

PR3:开发 -> 大师

现在它说我的开发分支“落后 1 次,领先大师 2 次”

将开发与掌握比较显示了我的两个功能拉取请求。比较 master 和 development 显示了我的合并 PR 来同步分支。

在我的过程中我做错了什么,我该如何解决这个问题——让它们同步?

git tfs azure-devops

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

useEffect props 回调函数导致无限循环

我有一个与此非常相似的问题 -如何修复 React Hook useEffect 中缺少的依赖项

有一个关键区别 - 我将一个 fetch 函数传递给要从useEffect调用的子组件,所以我不能简单地将该函数移动到效果的主体中。每次渲染都会重新创建 fetch 函数并导致无限循环。我还有其他本地组件状态想要触发效果。

我基本上有一个容器组件和一个演示组件。MyPage 是 MyGrid 的父级并设置所有 redux 状态:

const MyPage = () => {

  const dispatch = useDispatch();
  const items= useSelector(selectors.getItems);
  const fetching = useSelector(selectors.getFetching);
  const fetchItems = opts => dispatch(actions.fetchItems(opts));

  return (
    <>
      {fetching && <div>Loading...</div>}
      <h1>Items</h1>
      <MyGrid
        items={items}
        fetchItems={fetchItems}
        fetching={fetching}
      />
    </>
  );

}

const MyGrid = ({ fetchItems, items, fetching }) => {

  const [skip, setSkip] = useState(0);
  const take = 100; …
Run Code Online (Sandbox Code Playgroud)

reactjs eslint react-redux create-react-app react-hooks

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

如何在select2上隐藏溢出?

我正在使用优秀的select2 jquery控件.
我试图使用CSS div布局模仿3单元格表格显示布局.
当selected大于当前select2宽度时,控件通常会用椭圆隐藏溢出.使用我的布局,select2控件显示整个文本并吹出"table"div的边界.我希望它能隐藏溢出 - 有什么办法可以做到这一点吗?而且我并不反对完全覆盖显示:表格设计(除非是实际的表格).

我这样做:

在此输入图像描述

我希望它能做到这一点:

在此输入图像描述

我希望它填补可用空间而不再需要.注意 - 我有一个500px容器来复制问题,但实际上这将是一个percenatge容器,并且在窗口调整大小时会出现问题.

    <link href="http://ivaynberg.github.io/select2/select2-3.3.2/select2.css" rel="stylesheet"/>
    <script src="http://code.jquery.com/jquery-1.9.1.min.js"></script>
    <script src="http://code.jquery.com/jquery-migrate-1.2.1.min.js"></script>
    <script src="http://ivaynberg.github.io/select2/select2-3.3.2/select2.js"></script>


    <style> 
        .container { width: 500px; margin: 0 auto; border: 5px solid black; }

        .table  {
            display:table;
            width: 100%;
        }
        .table-row {
            display: table-row;
            width: 100%;
        }
        .left, .right {
            display:table-cell;
            width: 100px;
            background-color: green;
        }
        .mid {
            display:table-cell;
            width: 100%;
            background-color: red;
        }
        .mid > *  {
            width: 100%;
        }  
    </style>


</head>
<body>


        <div class="container">
            <div class="table">
                <div …
Run Code Online (Sandbox Code Playgroud)

html css jquery jquery-select2

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

Visual Studio指定定义文件

我正在使用typescript定义管理器来管理我在Visual Studio 2015中开发的项目的TypeScript定义.

它创建一个"tsd.d.ts"文件,该文件引用与tsd一起安装的所有类型def文件.这很好,因为这可以在TypeScript文件中引用,而不是许多很多类型定义文件.

但是,即使这不是必要的,也会很棒.有没有办法告诉Visual Studio这个文件,所以我不必在每个TypeScript文件的顶部放置这样的引用路径? -

/// <reference path="../../../typings/tsd.d.ts" />
Run Code Online (Sandbox Code Playgroud)

我想我可以在tsconfig.json文件中引用它进行编译,但是在设计时事情仍然存在.

typescript tsd visual-studio-2015

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

VS 2017团队资源管理器 - 没有可用的存储库

我有一个新的Team Foundation Server,我们正在托管 - 版本16.131.28226.3.它通过SSL连接并具有有效证书.

我创建了一个名为"Test"的新团队项目.

项目源代码控制类型是Git.

在Visual Studio 2017 - 15.9.4团队资源管理器中,我可以在Local Git Repositories下克隆此git repo.我已成功添加并推送到服务器.

但是,如果我尝试连接到这个新的Team Foundation Server - 管理连接,连接到项目,添加TFS服务器; 当我添加TFS服务器时,旁边有一个感叹号图标,如果我将鼠标悬停在它所说的服务器名称上

没有可用的存储库

选择后,将禁用"连接"按钮.在下面的屏幕截图中,第二个突出显示的服务器是有问题的服务器:

在此输入图像描述

因此,本地回购与团队回购无关,因此我无法将工作项分配给我的签到等.

我明确地将自己添加为项目的用户,我不知道还能做什么.有什么建议?

git tfs visual-studio team-explorer

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

如何在多个页面中使用 react joyride

有没有办法在多个页面中创建react-joyride之旅。所以我的 index.js 文件如下所示?我在索引页面中添加了 react-joyride,因为所有组件都通过 index.js 文件运行。

class IndexApp extends Component {
  constructor(props) {
    super(props);

    this.state = {
      view: false,
      run: true,
      steps: [
      {
        target: '.cc',
        content: 'This is my awesome feature!',
      },
    ],
    stepIndex: 0
    };
  }

  handleJoyrideCallback = data => {
    const { action, index, status, type } = data;
console.log("ghgg")
    if ([EVENTS.STEP_AFTER, EVENTS.TARGET_NOT_FOUND].includes(type)) {
      // Update state to advance the tour
      this.setState({ stepIndex: index + (action === ACTIONS.PREV ? -1 : 1) });
    }
    else …
Run Code Online (Sandbox Code Playgroud)

reactjs zurb-joyride

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