我见过类似的问题,但没有像我正在尝试的那样.大多数示例都使整个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折叠,所以"底部"位于顶部.
我怎样才能做到这一点?
以下似乎不像我预期的那样在并发线程中运行,而是每个进程阻塞直到它完成:
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中运行并发线程?
我有一个继承的类,并且需要父类具有一个虚方法,该方法在子类中被重写.这个方法是从基础构造函数调用的,需要访问实例属性,所以它需要是一个lambda函数,所以"this"就是"_this".问题是,覆盖lambda方法对我来说不起作用,就像重写非lambda一样.这可能吗?如果没有,我想了解原因.
另外,当只从构造函数调用方法时,"this"是否总是与"_this"相同?
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
我基本上试图实现一个策略模式,但我想将不同的参数传递给"接口"实现(继承自同一个对象)并且不知道这是否可行.也许我选择了错误的模式,我得到类似的错误
'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
我有一个主分支和开发分支。主(服务器)存储库托管在 Azure Devops(内部部署)中。我为我的开发分支中的更改做了两个拉取请求(从功能分支到开发)。
PR1:feature-branch-1 -> 开发
PR2:feature-branch-2 -> 开发
然后我想,我需要将我的开发分支与我的主分支同步,所以我从我的开发分支到我的主分支做了一个拉取请求,接受,提交。
PR3:开发 -> 大师
现在它说我的开发分支“落后 1 次,领先大师 2 次”
将开发与掌握比较显示了我的两个功能拉取请求。比较 master 和 development 显示了我的合并 PR 来同步分支。
在我的过程中我做错了什么,我该如何解决这个问题——让它们同步?
我有一个与此非常相似的问题 -如何修复 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) 我正在使用优秀的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) 我正在使用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文件中引用它进行编译,但是在设计时事情仍然存在.
我有一个新的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服务器时,旁边有一个感叹号图标,如果我将鼠标悬停在它所说的服务器名称上
没有可用的存储库
选择后,将禁用"连接"按钮.在下面的屏幕截图中,第二个突出显示的服务器是有问题的服务器:
因此,本地回购与团队回购无关,因此我无法将工作项分配给我的签到等.
我明确地将自己添加为项目的用户,我不知道还能做什么.有什么建议?
有没有办法在多个页面中创建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) css ×2
git ×2
html ×2
inheritance ×2
reactjs ×2
tfs ×2
typescript ×2
azure-devops ×1
c# ×1
eslint ×1
javascript ×1
jquery ×1
lambda ×1
perl ×1
react-hooks ×1
react-redux ×1
tsd ×1
zurb-joyride ×1