小编Jon*_*ley的帖子

在Vue.js中声明全局变量的最佳方法是什么?

我需要hostname在每个组件中访问我的变量.

把它放进去是个好主意data吗?

我是否正确理解如果我这样做,我将能够到处调用它this.hostname

global-variables vue.js

40
推荐指数
5
解决办法
7万
查看次数

Laravel - 操作模型中的数据

我可能把这件事复杂化了,或者错过了一些非常简单的事情,所以如果我是的话,请原谅我。

我正在尝试操作/映射模型中的一些数据。

我正在尝试做的一个非常简单的例子:

我有$model->attr,这将返回我的数据库中该列的所有内容。

我知道回报将是123

在视图上显示时,我希望这个值显示不同的内容,在这个例子中,我们可以说1=>'red', 2=>'blue', 3=>'green'

我将如何在模型中做到这一点?我查看了访问器和修改器,但不确定它们是否是正确的使用方法。

提前致谢。

php laravel eloquent

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

Bootstrap 3 flex box 列问题

我似乎在尝试将 flexbox 与 bootstrap 3 列一起使用时遇到问题。我有以下代码,可以在 jsfiddle here上预览

<div class="col-xs-12 col-sm-6 col-lg-3 widget-header-item">
    <div class="panel panel-primary pmd-z-depth">
        <div class="panel-heading">Box 1</div>

        <div class="panel-body">
            <table class="col-md-12 text-left">
                <tr>
                    <td>Key</td>
                    <td>Value</td>
                </tr>
                <tr>
                    <td>Key</td>
                    <td>Value</td>
                        <td>Value</td>
                </tr>
                <tr>
                    <td>Key</td>
                    <td>Value</td>
                </tr>
            </table>
        </div>
    </div>
</div>

<div class="col-xs-12 col-sm-6 col-lg-3 widget-header-item">
    <div class="panel panel-primary pmd-z-depth">
        <div class="panel-heading">Box 2</div>
        <div class="panel-body">
           <table class="col-md-12 text-left">
                <tr>
                    <td>Key</td>
                    <td>Value</td>
                </tr>
            </table>
        </div>
    </div>
</div>

<div class="col-xs-12 col-lg-6 widget-header-item">
    <div class="panel panel-primary pmd-z-depth">
        <div class="panel-heading">Box 3</div> …
Run Code Online (Sandbox Code Playgroud)

html css flexbox twitter-bootstrap

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

Vue 组件和 AJAX 加载 HTML 内容

我有一个 Vue 组件,它基本上是复杂 HTML 标记的简写。

初始加载时,一切正常。

我正在使用 AJAX 将更多这些组件加载到页面上,问题是该组件在使用 AJAX 加载后,不想编译成 HTML 我只得到未渲染的 Vue 组件,如下所示:

<component><slot>content</slot></component>

我已经查看了 Vue.compile() 和渲染函数,但无法弄清楚如何使其工作或如何重新渲染?组件。

希望这是有道理的,任何人都可以阐明我应该在这里做什么吗?

javascript ajax laravel vue.js vue-component

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

Ubuntu 16,使用Crontab运行Python脚本

出于测试目的,我有一个非常简单的python脚本,它创建了一个文本文件,以当前日期时间命名,所以我可以告诉它何时运行:

#!/usr/bin/python

from time import gmtime, strftime

try:

    filename = strftime("%Y-%m-%d %H:%M:%S", gmtime())
    f = open(filename+'.txt', 'w')
    f.write('HelloWorld')
    f.close()
except StopIteration:
    print "An error has occurred.."
Run Code Online (Sandbox Code Playgroud)

我已将文件放在此处,并且具有完全权限:

usr/share/pyshared/scripts/test_script.py
Run Code Online (Sandbox Code Playgroud)

当我使用以下内容手动运行脚本时,脚本将运行并创建我的测试文本文件:

python ~/../../usr/share/pyshared/scripts/test_script.py
Run Code Online (Sandbox Code Playgroud)

在我的crontab文件中,我有以下不运行(应该每分钟运行一次以进行测试).

* * * * * python ~/../../usr/share/pyshared/scripts/test_script.py

第一次尝试使用crontab和相当新的linux,如果我错过了一些相当明显的东西,请原谅我,提前谢谢.

python linux ubuntu cron

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

SVG绘图 - 动画后形状消失

我有一个正在动画/绘制的形状,这很好,当动画完成时,形状会在页面上保留几秒钟然后消失。

第一次尝试 CSS 动画,所以不完全理解为什么它会从页面上消失,我知道这可能是非常明显的事情,但任何帮助指针都将不胜感激。

body {
  background-color: #fff;
}

svg {
  margin: auto;
  position: absolute;
  top: 0;
  left: 0;
  bottom: 0;
  right: 0;
  width: 600px;
  height: 600px;
}

.path {
  stroke-dashoffset: 1600;
  stroke-dasharray: 1600;
  -webkit-animation: draw 5s linear;
  -moz-animation: draw 5s linear;
  animation: draw 5s linear;
  fill-opacity: 0;
  -webkit-animation-delay: 1.2s;  /* Safari and Chrome */
  animation-delay: 1.2s;
}

.path-first-o {
  stroke-dashoffset: 1600;
  stroke-dasharray: 1600;
  -webkit-animation: draw 5s linear forwards;
  -moz-animation: draw 5s linear forwards;
  animation: draw 5s linear forwards;
  fill-opacity: …
Run Code Online (Sandbox Code Playgroud)

css animation svg keyframe css-animations

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