小编Lov*_*ock的帖子

将spin.js微调器插入div?

刚刚找到spin.js,它似乎是一个救生员.

问题是如何将微调器插入我的div?

我有一个跟随按钮,单击时我删除背景图像,目前替换为loader.gif.

我怎么能用spin.js做同样的事情?

我敲了一个jsfiddle的简单例子:

http://jsfiddle.net/4XpHp/

我想旋转器在红色方格内.

<div id="foo"></div>
<button id="spin"> Spin! </button>

var opts = {
  lines: 13, // The number of lines to draw
  length: 17, // The length of each line
  width: 8, // The line thickness
  radius: 21, // The radius of the inner circle
  corners: 1, // Corner roundness (0..1)
  rotate: 58, // The rotation offset
  direction: 1, // 1: clockwise, -1: counterclockwise
  color: '#fff', // #rgb or #rrggbb or array of colors
  speed: 0.9, …
Run Code Online (Sandbox Code Playgroud)

javascript css jquery spin.js

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

Laravel约会不允许我使用diffForHumans

让我的表设置时间戳字段,以便在字段中创建和更新.

在我的模型中,我这样做:

protected $dates = ['created_at', 'updated_at'];
Run Code Online (Sandbox Code Playgroud)

但是在致电日期时:

$p->created_at->diffForHumans()
Run Code Online (Sandbox Code Playgroud)

我明白了

Call to a member function diffForHumans() on string
Run Code Online (Sandbox Code Playgroud)

我很确定这应该有用.我以前在不同型号上使用过相同的次数等,但这不起作用.

php laravel laravel-5

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

Vue.js - 在将对象"复制"到另一个数据属性时不绑定对象

我有一个来自我的API的对象,当加载模态时,我需要将对象"复制"到另一个.

这有效:

this.servicesForm.services = this.team.services;

// New object                // API object
Run Code Online (Sandbox Code Playgroud)

现在的问题是我不希望在更新servicesForm.services对象时绑定并更新team.services对象.

我怎么做?

javascript vue.js vuejs2

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

是否可以定位nProgress加载栏?

我有一个图片非常重的网站,所以加载时间比常规慢一点.

我们加载后我会调整图像大小.但是,我想向用户说明图像仍在加载.

使用imagesLoaded库,我已经设法让nprogress栏完美地工作,但我希望能够为加载栏指定一个div进入.

如果这不可能不是问题,我只是使用spin.js或类似的.

javascript jquery loading

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

无法打开输入文件:/Users/me/composer.phar - 运行source~/.bash_profile.save后

这让我很头疼.只需尝试安装laravel 4.

所以,安装的composer很好,它运行正常.问题是,当我尝试安装laravel时,我收到了这个错误:

- laravel/framework v4.2.9 requires php >=5.4.0 -> no matching package found.
Run Code Online (Sandbox Code Playgroud)

所以,我检查了终端正在使用的PHP版本并使用:

which php
Run Code Online (Sandbox Code Playgroud)

给了我usr/local/bin位置然后php -v显示那是5.3 php.

所以,按照一些指示我编辑.bash_profile.save,以便路径现在:

alias composer='php ~/composer.phar'
export PATH=/Applications/MAMP/bin/php/php5.5.14/bin:$PATH
^R
Run Code Online (Sandbox Code Playgroud)

然后我跑了:

source ~/.bash_profile.save
Run Code Online (Sandbox Code Playgroud)

然后又是哪个PHP.

这显示了正确的路径但是......当我尝试使用作曲家时,我收到了这个错误:

无法打开输入文件:/Users/me/composer.phar

所以现在我卡住了.是因为别名作曲家线?现在应该指向哪里?

谢谢,只想继续laravel ... :)

php command-line composer-php laravel-4

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

CSS文本选框问题

客户端已请求选框样式滚动文本横幅(是的)

曾经使用过css动画,但有一些我无法解决的怪癖.

https://jsfiddle.net/u2f6qdya/

问题是列表元素刚刚被"敲掉"并堆叠到最后一行.父母是绝对的,所以不确定为什么会发生这种情况.

下一个问题是关键帧,我希望项目从左侧开始,但是在它们完成动画关闭屏幕右侧之前再次开始进入并滚动.

CSS代码:

.sliding-marquee {
    width: 100%;
    height: 44px;
    background-color: #000;
    opacity: 0.6;
    color: white;
    line-height: 44px;
    margin: 0 auto;
    position: relative;
    overflow: hidden;
    margin-top: 10px;
}

.sliding-marquee ul {
    left: 0;
    top: 0;
    position: absolute;
    animation: marquee 20s linear infinite;
}

.sliding-marquee ul li {
    display: inline-block;
    font-size: 20px;
    text-transform: uppercase;
}

.sliding-marquee ul li i {
    margin-right: 20px;
}

.sliding-marquee ul li + li {
    margin-left: 40px;
}

@keyframes marquee {
    0%   { left: -100% …
Run Code Online (Sandbox Code Playgroud)

html css keyframe css-animations

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

Laravel 5-具有CSRF保护的AJAX图像上传

我已设置要上传图片的表单。我以前使用的是DropZone.js,它工作正常,并与ajax调用一起发送了CSRF令牌。一切服务器端都很好,但是在没有DropZone的情况下尝试执行此操作时,出现令牌不匹配错误。

这是我的AJAX呼叫:

    $(document).on('submit', ".hidden-image-upload", function(e){
    e.preventDefault();
    $.ajax({
        url:'/project/uploadImage',
        data:{
            data:new FormData($("#upload_form")[0]),
        },
        dataType:'json',
        async:false,
        type:'post',
        processData: false,
        contentType: false,
        success:function(response){
            console.log(response);
        },
    });
});
Run Code Online (Sandbox Code Playgroud)

这是HTML:

<form method="POST" action="http://localhost/project/create" accept-charset="UTF-8" class="hidden-image-upload">
    <input name="_token" type="hidden" value="5lgtt8AgbeF3lprptj8HNXVPceRhoJbqBeErBI1k">
    <input class="cover-image-upload-button" name="file" type="file">
</form>
Run Code Online (Sandbox Code Playgroud)

我该如何整理我的AJAX呼叫/ Laravel以便一起工作?

php ajax jquery laravel-5

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

Laravel采摘,但结合名字+姓氏选择

将select2与Laravel/Vue项目一起使用,需要以下列格式返回JSON:

[
    { id: 0, text: 'enhancement' },
    { id: 1, text: 'bug' }
]
Run Code Online (Sandbox Code Playgroud)

在Laravel我知道我可以使用pluck来创建我的列表数据,例如为客户:

$customers = Customer::pluck('id', 'first_name');
Run Code Online (Sandbox Code Playgroud)

但是想要将id和名字+姓氏作为单个名称返回.

我怎样才能做到这一点?

laravel jquery-select2 eloquent laravel-5

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

在 Laravel 中使用资源路由时访问表单请求中的 ID

我正在开发一个多租户应用程序,需要创建一些特定于团队的 slug 验证(Laravel Spark)。

我的 API 端点路由设置如下:

Route::prefix('projects/{teamId}')->group(function () {

    Route::resource('posts', 'API\PostController');

});
Run Code Online (Sandbox Code Playgroud)

使用 Axios,我发布到以下 URL:

/projects/1/posts/5
Run Code Online (Sandbox Code Playgroud)

我正在传递帖子信息,并且有一个我需要确保每个团队都是唯一的。

在我的表单请求中,我获取了路线参数:

public function rules()
{
    $teamId = $this->route('teamId');
    $postId = $this->route('id');
}
Run Code Online (Sandbox Code Playgroud)

问题是,我可以毫无问题地获取团队 ID(注销进行测试),但我无法获取资源的 ID...有什么想法如何做到这一点吗?

我的最后一个选择是从帖子参数中获取它......

php laravel-routing laravel-5

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

Nuxt.js - 在 asyncData 方法中尝试在失败的等待调用中抛出 404 时出现“未定义错误”

今晚开始使用 Nuxt.js 并模拟博客数据,但遇到不存在的数据问题。

查看单个博客文章时,这是我的 asyncData 方法:

async asyncData({ params }) {
    try {
        const post = await axios.get(
            `https://jsonplaceholder.typicode.com/posts/${params.id}`
        )

        return {
            post: post.data
        }
    } catch (err) {
        error({ statusCode: 404, message: 'Post not found' })
    }
}
Run Code Online (Sandbox Code Playgroud)

当访问有效 ID 并返回 200 错误时,一切正常,但是当端点返回 404 时,它告诉我“错误未定义”

我只能找到有关使用 promise catch 方法执行此错误处理的信息,如下所示:https : //nuxtjs.org/guide/async-data/#handling-errors

如何在 try catch 错误中使用错误方法?

谢谢。

try-catch vue.js nuxt.js

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