小编Nak*_*hon的帖子

我想把我的javascript代码"更新"到新的ES6标准,所以我看看现在如何编写函数并在我的全局函数上试用它,在"旧"es5中读取如下所示

function logMessage(message) {
    document.getElementById("logs").innerHTML = document.getElementById("logs").innerHTML + `<li  class="item-padding">  ${message} </li>`
}

现在,如果我没错,es6的正确"转换"将是这样的:

logMessage = message => {
    etc
}

但我的ESLint告诉我,我的logMessage没有定义,我的控制台出错了,我错过了什么吗？我必须在logMessage之前声明var,let或const吗？

我不知道它是否重要,但我也想将这个函数从文件One导出到文件二,并在文件二中的另一个函数中使用函数logMessage,这样做有什么我必须记住的吗？

谢谢你的帮助!

编辑:谢谢大家的答案帮了我很多,我的问题解决了!

我知道这个问题可能被问了数百遍，但可惜的是，我在这里找不到的答案确实对我有帮助。

我尝试了以下答案：

• 引导页脚不在底部
• 将页脚冲洗至页面底部，Twitter引导程序
• 即使html和body是高度，容器流体的高度也不是100％

但是我仍然有一个问题，当页面内容“变小”并且没有填充主体/页面容器的整个高度时，页脚仅会浮动在浏览器窗口末尾的某个位置。

这是我的页脚的代码：

<link rel="stylesheet" href="https://stackpath.bootstrapcdn.com/bootstrap/4.1.2/css/bootstrap.min.css" integrity="sha384-Smlep5jCw/wG7hdkwQ/Z5nLIefveQRIY9nfy6xoR1uRYBtpZgI6339F5dgvm/e9B" crossorigin="anonymous">
<footer class="d-flex justify-content-center">
  <div class="d-flex justify-content-between col-md-8 col-md-offset-2 mb-3 mt-5">
    <div class="align-left">
      <a class="font-weight-bold small kf-blue kf-links" href="#">Link1</a> |
      <a class="font-weight-bold small kf-blue kf-links" href="/">Link2</a> |
      <a class="font-weight-bold small kf-blue kf-links" href="/">Link3</a>
    </div>
    <div class="align-right small">
      Crafted with Love by <a class="font-weight-bold kf-blue kf-links" href="#" target="_blank">Me</a>
    </div>
  </div>
</footer>

我使用的是Bootstrap 4.1和Chrome，这也是我网站的代码库：

https://codepen.io/anon/pen/oMZVxq

注意：您必须使用Codepen中的侧边栏视图才能实际看到页脚不在底部，因为Codepen中的视图尺寸太小以至于看起来正确。

我知道这个问题被问了很多次，我可以向你保证我尝试了大部分解决方案！我的代码如下：

<div class="btn-group" id="btn-container" data-toggle="buttons">
    <label class="btn classic-design">
        <input type="checkbox" checked autocomplete="off"> Player 1
    </label>
</div>

这段代码位于 Bootstrap 4 的模态中，现在当我单击按钮时，它具有蓝色轮廓发光，我想将其更改为另一种颜色，比如说红色。到目前为止我尝试过的：

如何更改 Bootstrap 3 中文本区域的焦点发光？

如何更改 Twitter Bootstrap 中输入和文本区域元素的边框/轮廓颜色？

http://www.tutorialrepublic.com/faq/how-to-change-bootstrap-default-input-focus-glow-style.php

删除 Safari/Chrome 文本输入/文本区域发光

等等，我几乎尝试了在 StackOverflow 上找到的所有解决方案，但遗憾的是它不起作用。唯一“接近”我想要的就是这段代码：

label, label:focus {
    outline: none !important;
    border:1px solid red !important;
    box-shadow: 0 0 10px #719ECE !important;
}

但这段代码的问题是它在所有元素周围创建了一个永久的红色边框，所以是的，现在我没有主意了，希望有人可以帮助我。

注意：我没有尝试更改 bootstrap css 本身，只是因为我不希望网站上的每个焦点都更改颜色，而只更改特定按钮的颜色。

我希望我提供了你们需要的所有信息，我仍然是一名实习生，1 个月前才开始编码，所以请温柔点:) 提前致谢！

我试图在我的项目中成功重定向后显示一条消息，但找不到真正好的方法。现在我有一个非常简单但不是很好的解决方案，如下所示：

// Things happened:
$Alert = dangerMessage("Heyho, I am a message!");
header('refresh: 1.5 ; url = index.php');

我的 riskMessage 是预定义 Alertbox 的简单回显：

function dangerMessage($text) {
    return "<div class='alert alert-danger alert-dismissable fade show mt-4'>
    <a href='#' class='close' data-dismiss='alert' aria-label='close'>&times;</a>".$text."</div>";
}

它只是显示一个带有文本的小框。

无论如何，就像我说的，这是我现在的“简单”解决方案，它运行良好，但不是最好的解决方案。我知道，你应该把一个die();或exit();之后header()，但我的问题是，当我将它们放在我header()的页面是空白的只是1.5秒，重定向，并显示没有消息框。

有没有办法让一个体面/良好的重定向也显示我的消息？

我想在创建新对象时排除/禁用 Charfield（带有选项和默认值），但是在编辑此对象时，我想启用/包含 Charfield 以便用户更改它。

到目前为止，我尝试了在 Stackoverflow 上找到的这个答案，但这对我来说并不是完整的解决方案。Charfield 确实被禁用了，但是当我尝试创建对象时，Django 总是告诉我该字段是必需的（即使它有默认值）。

我的代码：

class OfferCreateForm(forms.ModelForm):\n    class Meta:\n        model = Offer\n        exclude = [\'date\', \'number\']\n\n    def __init__(self, *args, **kwargs):\n        request = kwargs.pop("request", None)\n        super(OfferCreateForm, self).__init__(*args, **kwargs)\n        instance = getattr(self, \'instance\', None)\n        if instance and instance.pk:\n            self.fields[\'status\'].widget.attrs[\'disabled\'] = False\n        else:\n            self.fields[\'status\'].widget.attrs[\'disabled\'] = True\n\n        self.helper = FormHelper()\n        self.helper.form_tag = False\n        self.helper.help_text_inline = True\n        self.helper.add_layout(Layout(\n            Fieldset(\'Angebot\',\n                     Row(\n                         Div(\n                             Field(\'name\'),\n                             css_class=\'col-sm-12\'\n                         ),\n                         Div(\n                             Field(\'category\'),\n                             css_class=\'col-sm-6\'\n                         ),\n                         Div(\n                             Field(\'status\'),\n                             css_class=\'col-sm-6\'\n                         ),\n                     )),\n            Fieldset(\'Kunde\',\n                    Row(\n …

我有一张这样的桌子：

<table class="table table-hover">
  <thead>
    <tr>
      <th scope="col">#</th>
      <th scope="col" class="d-none d-sm-block">First</th>
      <th scope="col" class="d-none d-sm-block">Last</th>
      <th scope="col" class="d-none d-sm-block">Handle</th>
    </tr>
  </thead>
  <tbody>
    <tr>
      <th scope="row">1</th>
      <td>Mark</td>
      <td>Otto</td>
      <td>@mdo</td>
    </tr>
    <tr>
      <th scope="row">2</th>
      <td>Jacob</td>
      <td>Thornton</td>
      <td>@fat</td>
    </tr>
    <tr>
      <th scope="row">3</th>
      <td>Larry</td>
      <td>the Bird</td>
      <td>@twitter</td>
    </tr>
  </tbody>
  </table>

并且在使用时 d-none d-sm-block（在小屏幕上隐藏元素）时，我的整个表格都会中断，而我试图隐藏的三个单元格只是相互叠加。

我做错了什么，还是这是 BS4 中的错误？

这是一支笔来查看它：

https://codepen.io/anon/pen/RBxjYo