演示对象:

var foo = {a:1, b:2, c:3, d:4, e:5, f:6, g:7}

想要的结果:(按价值获得前3个键)

{e:5, f:6, g:7}

说明:

对于给定的键/值基本对象,如何获得3个最高值,但不仅仅是值,还有键？钥匙可以是任何东西.让我们说值是整数.

应该记住表现.

对不起，如果问题不对，

我想display特别是image在img标签的时候<input type=file>。

$(':input[type=file]').change( function(event) {
	var tmppath = URL.createObjectURL(event.target.files[0]);
	$(this).closest("img").attr('src',tmppath);
});

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<input type="file" id="file1" name="file1">
    <font color="#FF0000">For best view upload only <b>200*250</b></font><div class="clear"></div>
    <img src="" id="img1" class="img1" height="100px" width="100px"><br>
<input type="file" id="file2" name="file2">
    <font color="#FF0000">For best view upload only <b>200*250</b></font><div class="clear"></div>
    <img src="" id="img2" class="img1" height="100px" width="100px"><br>
<input type="file" id="file3" name="file3">
    <font color="#FF0000">For best view upload only <b>200*250</b></font><div class="clear"></div>
    <img src="" id="img3" class="img1" height="100px" width="100px">

这是我的jsfiddle

如何检查两个DOM元素是否是兄弟姐妹？

示例DOM结构:

<div>
    <a></a>
    <b></b>
    <p></p>
</div>
<i></i>

测试是否<b>是兄弟姐妹<a>而不是兄弟姐妹<i>

我有一个 SPA，里面有很多图像。我想将这些图像公开给搜索引擎。所以我想创建只有机器人才能看到的“特殊”页面。这些页面将包含有关图像的元数据。

是否可以让 googlebot 抓取一个页面，但将其索引为另一页面？

我希望我的app组件有一个默认道具,并使用该道具 mapStateToProps.

集装箱/ App.js

import React, { Component, PropTypes } from 'react';
import { bindActionCreators } from 'redux';
import { connect } from 'react-redux';
import Footer from '../components/Footer';
import TreeNode from '../containers/TreeNode';
import Home from '../containers/Home';
import * as NodeActions from '../actions/NodeActions'

export default class App extends Component {

  constructor(props, context) {
    super(props, context)
    this.props = {
      info:{
        path:'/'
      }
    }
  }

  componentWillMount() {
    // this will update the nodes on state
    this.props.actions.openNode('/');
  }

  render() {
    const { node …

系统描述：

• Windows 7的
• git 版本 2.10.1.windows.1
• TortoiseGit 2.3.0.0

我想要：

合并提交消息以完全自动化的方式不同（无需手动amend）

概括：

在Windows下使用tortoiseGit，没有prepare-commit-msg 挂钩，只start-commit-hook和不管钩子脚本是什么，我得到一个窗口弹出错误：

%1 is not a valid Win32 application

另外，我宁愿只更改“合并”的提交消息。

脚步：

将工作树路径设置为与我的项目路径相同，
并在“执行命令行”中选择我准备的文件：

.git\hooks\prepare-commit-msg

它的内容是echo "test".

然后我尝试提交并收到此错误：

我已经确定这个脚本文件确实是使用的文件，
因为如果我删除它，我会收到以下消息：

我只是想了解Promises和Await是如何工作的.
我希望通过1, 2, 3以该顺序登录来解决此问题.目前它记录1, 3, 2.

我知道Promise在这里没有意义,但在我的程序中它有其他用途,所以需要留下来.从Caller功能到Test需要留下的路线(如果需要你可以改变这些但只是知道他们在那里是有原因的)

我的问题是如何等待Caller函数解决？

这是我的代码:

function Test() {
  return new Promise((resolve, reject) => {
    setTimeout(() => {
      console.log('2');
      resolve();
    }, 2000);
  })
}

function Caller() {
  Test();
}

console.log('1');
Caller();
console.log('3');

我已经尝试了我所理解的,即使Caller()函数等待Test Promise,但这当然使得Caller()函数异步,因此我们仍然得到1,3,2

async function Caller() {
    await Test();
}

是否有一些方法可以使用await而不使函数异步？

在此输入图像描述

我想将切换隐藏/显示的睁眼引导图标添加到我的输入字段。我已经知道 javascript 可以做到这一点。我只想知道如何将该眼睛图像添加到输入字段。

从 W3 学校找到了这个 html 代码 - 用于眼睛图标 https://www.w3schools.com/icons/tryit.asp?filename=trybs_ref_glyph_eye-open

我正在使用React-popper单击按钮后，显示日期选择器元素。

JSX

<Manager>
    <Reference>
        {({ ref }) => (
            <button ref={ref} onClick={this.onDateRangeBtnClick}>click to show</button>
        )}
    </Reference>
    {ReactDOM.createPortal(
        <Popper placement="auto-end" >
            {({ ref, style, placement, arrowProps, scheduleUpdate }) => (
                <div className={`dayPickerOverlay ${this.state.showDatePicker ? "" : "hidden"}`} ref={ref} style={style} data-placement={placement}>
                    <DateRangePicker />
                </div>
            )}
        </Popper>,
        document.querySelector('#root')
    )}
</Manager>

onDateRangeBtnClick单击按钮后调用when ，我想通过调用重新定位 Popper 元素scheduleUpdate方法，但我不知道如何处理。

我如何公开scheduleUpdate要在 JSX 内部onDateRangeBtnClick调用的特定函数，或者如何有条件地调用scheduleUpdateJSX 本身内的函数（就此而言）？

我想像这里一样对齐此文本，但如果我运行此代码，我的较长文本在一行中，文本“我的信息在两行中。如何与宽度有限的更多行对齐？

<html>
<head>
<style>

.div_name p{
    position: fixed;
    display:inline;
}

.div_city p{
    display:inline;
}

.div_info p{
    display:inline;
} 

 div.all_info {
  position: absolute;
  right: 30%;
  width: 200px;
  height: 100px;
  //border: 3px solid blue;
} 
</style>

</head>
<body>

<div class="all_info" align = "right"> 
<table>
<tr><td align="right" width150px><div class="div_name:">Your name: </td> <td align="left" width=200px><p id="myname">David</p></td></div></tr>  
<tr><td align="right" width=150px><div class="div_city:">Your city: </td> <td align="left" width=200px><p id="mycity">Prageu</p></td></div></tr>
<tr><td align="right" width=250px><div class="div_info:">Your Informations: </td> <td align="left" width=200px><p id="myinfo">myinfomyinfomyinfomyinfomyinfomyinfomyinfomyinfomyinfomyinfomyinfomyinfomyinfomyinfo</p></td></div></tr>
</table>    
</div>
</body>
</html>