小编ccc*_*ccn的帖子

这是我的问题。我有一个导航栏，其菜单/链接位于中心。左边是徽标，右边是cta按钮和图标

如果溢出/自动换行，则中间的列应以全宽放置在下一行，而左列和右列则以2列保持在顶部。

给出以下示例代码：

* {
  box-sizing: border-box;
}
body, html {
  margin: 0;
  padding: 0;
}
.content {
  display: flex;
  flex-wrap: wrap;
}

.a, .b, .c{
  border: 1px solid black;
  flex: 1;
  padding: 10px;
}


.b, .c {
 flex-wrap: wrap-reverse;
}

<div class="content">
  <div class="a">LogoAndStuff</div>
    <div class="b">Link1,Link2,Link3,Link4</div>
    <div class="c">Buttons,Icons</div>
</div>

小提琴：https : //jsfiddle.net/3erodmv7/3/

菜单项/链接具有动态宽度，因此我依靠溢出/包装而不是固定宽度和媒体查询。

不溢出：

--------------------------------------
| Logo | Link1,Link2,Link3 | Buttons |
--------------------------------------

溢出：

------------------------------------
| Logo            |        Buttons |
------------------------------------
| Link1,Link2,Link3                |
------------------------------------

这是html代码:

$(".adauga_incasare").click(function(){
       var html = $(".incasari")[0].outerHTML;
       $(html).insertAfter($(".incasari").last());
    });

    $(".del_incasare").click(function(){
         alert("dsdasdasd");
    });

这是javascript代码:

<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script>
<div >
    			<div class="incasari">
    				<div class="data_incasare_container">
    					<label><b>Data</b></label>
    					<input class ="data_incasare" type="text" id="datepicker">
    					<label class ="data_incasare_hidden">12-06-2014</label>
    				</div>
    				<div class="suma_incasare_container" style="">
    					<label><b>Suma</b></label>
    					<input class="suma_incasare" type="text" maxlength="8" name="pret_unitar[]" alt=""> 
    					<label class ="suma_incasare_hidden">100</label>
    				</div>
    			    <div class="coscos" style="">
    			   	     <a class="stergereIncasare" href="javascript:void(0);"><i class="icon-trash"></i></a>
    			   	     <div style="clear:both;"></div>	
    			   	     <div class ="incasare_action">
    				   	     <input class="btn btn-success" type="button" style="margin-left:50px;width:80px;height:30px;float:left;" value="Salveaza"></input>
    				   	     <a href="javascript:void(0);" class="del_incasare delrow"></a>
    			   	 	 </div>
    			   	 	 <div style="clear:both;"></div>
    			    </div>
    			    <div style="clear:both;"></div>
    		    </div>
    
    		    <div style="clear:both;"></div>	
    			<a href="#" class="adauga_incasare">+ Adauga incasare …

我正在尝试查找 React.createRef 的输入内容。标头是一个自定义组件。 header.current总是说

（属性）React.RefObject.current：未知对象的类型为“未知”。

我可以将其设置为打字<any>，但这是最简单的方法。如何让 Typescript 发挥良好作用并停止抱怨。

Example: React.createRef<any>()

完整代码：

   const header = React.createRef();
    const { container } = render(
      <Header{...props} headerRef={header} />,
    );
    const el = header.current.getButtonElement("button");

我什至尝试将其设置为 HTMLDivElement 这就是它返回的内容。

const header = React.createRef<HTMLDivElement>();

但下面仍然给我一个错误： (property) React.RefObject.current: HTMLDivElement | null 对象可能为“null”。

const el = header.current.getButtonElement("button");

ts(2345)我正在尝试使用 TypeScript 在 NodeJS 中创建一个简单的控制器 API，但在为模型赋值时出现错误。

这是我的用户模型：

import mongoose, {Schema} from 'mongoose'

const userSchema: Schema = new Schema({
    _id: Schema.Types.ObjectId,
    login: {
        type: String,
        unique: true,
        required: true
    },
    email: {
        type: String,
        unique: true,
        match: (value: string) => /\S+@\S+\.\S+/.test(value),
        required: true
    },
    password: {
        type: String,
        required: true
    },
    createdAt: {
        type: Date,
        default: Date.now
    }
})

export default mongoose.model('User', userSchema)

和控制器：

import User from '../models/User'
import {Request, Response} from 'express'

export class UserController …

自从梦想成为一名优秀的JS开发人员以来，我正在阅读一些Javascript内容。我有点知道如何使用基础知识来满足我的PHP需求，但是仍然存在一些疑问。

我看到了一些例子，并得到了：

function repeat(n, action) {
   for (let i = 0; i < n; i++) {
      action(i);
   }
}

let labels = [];

repeat(5, i => {
   labels.push(`Unit ${i + 1}`);
});

console.log(labels);

因此，如果需要，我可以使用它来重复一些基本功能。理解了，但是在另一种情况下，我可以使用相同的功能并使用不同的方法。

如果我想传递一个函数，为什么变量i变成计数器/迭代器？

我一直都在使用它，但仍然不知道它是如何工作的，因此在迫切需要时我无法使用它。

下表包含一些类型的类。我想更改颜色单元格1并2通过单击，这意味着只有在每个单元格中没有设置背景颜色时才会更改颜色。

有什么方法可以解决这个问题吗？谢谢

$(function() {
  $("td").click(function() {
    $(this).css('background-color','yellow');
  });
});

#aqua {
    border-bottom: 3px solid aqua;
}
#green {
    background-color:green;
}

<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script>
<table>
<td id="1">1</td>
<td id="aqua">2</td>
<td id="green">3</td>
</table>