小编ATL*_*ris的帖子

重写规则仅检测数字

我正在尝试创建一个重写规则,它将仅检测数字并相应地转发它们.如果出现除数字之外的任何内容,我希望忽略重写规则.

  • /index.php - 好
  • / - 好
  • /42365 - 重写为 view.php?id=42365

到目前为止我所拥有的:

RewriteEngine on
RewriteRule ^([0-9]+)?$ view.php?id=$1 [L]
Run Code Online (Sandbox Code Playgroud)

.htaccess mod-rewrite

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

VueJS组件不会渲染,直到我在Vue Devtools中单击它

我在博客后端的一个部分(而不是SPA)上使用VueJS 2.5.3进行API调用以检查附加到帖子的特色图像.

如果找到一个,它使用子组件来显示图像.问题是在API调用成功后子组件没有呈现,因此图像对象也没有传递给它.

正如您在此GIF中看到的那样,子组件未呈现<!---->,我v-if在其上检查图像是否存在.但是,如果我单击Vue DevTools中的子组件,子组件将呈现并按预期显示图像.

我的问题是为什么只有在Vue Devtools中点击它后,子组件才会呈现?当您单击某个组件时,Vue Devtools会触发某种事件吗?

这是子组件:

<template>
    <div v-if="showImage" class="featured-image-container" :class="[ size ]">
        <img :src="processedSrc" alt="Featured Image">
    </div>
</template>

<script>
export default {
    props: {
        image: {
            type: Object
        },
        size: {
            type: String,
            required: true
        }
    },
    data () {
        return {
            showImage: false
        }
    },
    computed: {
        processedSrc: function () {
            if (this.image && typeof this.image === 'object') {
                this.showImage = true
                return this.image.sizes[this.size].file
            } else {
                this.showImage = false …
Run Code Online (Sandbox Code Playgroud)

vue.js vuejs2 vue-devtools

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

PHP缩略图类

我正在寻找一个可靠的PHP缩略图生成类.有谁知道任何开源的好的?

我可以写一个,但我真的不想.我最讨厌PHP的一件事是使用GD和Imagemagick操纵图像.

有没有人有什么建议?

php gd imagemagick thumbnails

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

如何从Vue.js中的子组件访问父方法?

我试图在Vue.js中的子组件上调用父/根级别方法,但我不断收到消息说TypeError: this.addStatusClass is not a function.

Vue.component('spmodal', {
    props: ['addStatusClass'],
    created: function() {
        this.getEnvironments();
    },
    methods: {
        getEnvironments: function() {
            this.addStatusClass('test');
        }
    }
});

new Vue({
    el: '#app',
    methods: {
        addStatusClass(data) {
          console.log(data);
        }
    }
});
Run Code Online (Sandbox Code Playgroud)

这是一个完整的JSBIN示例:http://jsbin.com/tomorozonu/edit?js,console,output

如果我调用this.$parent.addStatusClass('test');它工作正常,但基于Vue.js文档,这是不好的做法,我应该使用不起作用的道具.

javascript vue.js

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

如何使用Laravel Scout和ElasticSearch设置提升和过滤器?

我正在与Laravel Scout和Elasticsearch构建搜索集成.我试图找出如何改进我的查询以进行提升.

是否可以使用Laravel Scout执行此操作,还是需要恢复直接使用ElasticSearch PHP库?

elasticsearch laravel

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

如何在 Flutter/Dart 中执行基于时间的事件?

我正在编写一个 Flutter 应用程序,它可以根据一天中的某个时间打开和关闭灯。因此,假设时间范围是在下午 5 点打开并在下午 6 点关闭。如果在这段时间内打开了应用程序,或者如果时间到了应用程序已经打开,则灯会亮起。

我已经完成了所有的灯光小部件,并将使用不透明度来模拟灯光的开启和关闭。

Container(
  height: MediaQuery.of(context).size.height * 0.18,
  decoration: new BoxDecoration(
    color: Colors.red.withOpacity(0.1),
    shape: BoxShape.circle,
  ),
),
Run Code Online (Sandbox Code Playgroud)

我一直在对 Dart 的DateTime进行一些研究,但我不确定从哪里开始,因为如果在“打开”窗口期间打开应用程序,我希望灯打开。而且,如果应用程序在“开”窗口之前已经打开,它将在后台轮询,如果“开”窗口命中,则灯会亮起。

datetime dart flutter

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

设置 Tailwind CSS v3 后的 Nuxt“npm run dev”构建循环

我按照Tailwind 文档中的步骤将 Tailwind CSS v3 添加到我的 Nuxt.js v2.15.8 项目中。现在,当我在运行时保存文件时npm run dev,我陷入了重建循环。它继续成功构建,但随后声称刚刚更新了一些随机数,因此它会重建。我必须使用 Control + C 才能让它退出。

\n
\xe2\x86\xbb Updated components/Comment.vue                                                                                                                21:08:59\n\n\xe2\x9c\x94 Client\n  Compiled successfully in 1.86s\n\n\xe2\x9c\x94 Server\n  Compiled successfully in 1.49s\n\n\xe2\x86\xbb Updated 1642194543006  \n\n\xe2\x9c\x94 Client\n  Compiled successfully in 1.14s\n\n\xe2\x9c\x94 Server\n  Compiled successfully in 1.62s \n\n\xe2\x86\xbb Updated 1642194545447\n\n\xe2\x9c\x94 Client\n  Compiled successfully in 1.13s\n\n\xe2\x9c\x94 Server\n  Compiled successfully in 947.08ms\n\n\xe2\x86\xbb Updated 1642194547991\n\n...\n
Run Code Online (Sandbox Code Playgroud)\n

有谁知道可能是什么原因造成的?我添加到“nuxt.config.js”中的唯一两件事如下,直接来自 Tailwind CSS 文档。

\n
// nuxt.config.js\n\nbuildModules: [\n  // ...\n  \'@nuxt/postcss8\',\n],\n// ...\nbuild: {\n  // ...\n  postcss: {\n …
Run Code Online (Sandbox Code Playgroud)

postcss nuxt.js tailwind-css

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

如何“同时循环” Axios GET调用直到满足条件?

我有一个API,可以返回一个留言板线程的答复列表(每个调用限制5个答复)。我正在尝试做的是在响应中查找特定的响应uuid。如果未找到,则对下5个答复进行另一个AXIOS GET调用。

我想继续此循环,直到调用UUID或AXIOS GET调用返回无结果为止。

示例API请求:

http://localhost:8080/api/v2/replies?type=thread&key=e96c7431-a001-4cf2-9998-4e177cde0ec3
Run Code Online (Sandbox Code Playgroud)

示例API响应:

"status": "success",
"data": [
    {
        "uuid": "0a6bc471-b12e-45fc-bc4b-323914b99cfa",
        "body": "This is a test 16.",
        "created_at": "2017-07-16T23:44:21+00:00"
    },
    {
        "uuid": "0a2d2061-0642-47eb-a0f2-ca6ce5e2ea03",
        "body": "This is a test 15.",
        "created_at": "2017-07-16T23:44:16+00:00"
    },
    {
        "uuid": "32eaa855-18b1-487c-b1e7-52965d59196b",
        "body": "This is a test 14.",
        "created_at": "2017-07-16T23:44:12+00:00"
    },
    {
        "uuid": "3476bc69-3078-4693-9681-08dcf46ca438",
        "body": "This is a test 13.",
        "created_at": "2017-07-16T23:43:26+00:00"
    },
    {
        "uuid": "a3175007-4be0-47d3-87d0-ecead1b65e3a",
        "body": "This is a test 12.",
        "created_at": "2017-07-16T23:43:21+00:00"
    }
],
"meta": {
    "limit": 5,
    "offset": 0,
    "next_offset": 5, …
Run Code Online (Sandbox Code Playgroud)

loops while-loop promise vue.js axios

4
推荐指数
2
解决办法
3243
查看次数

在Gulp中运行所有任务后,如何删除文件夹及其内容?

这是我现在拥有的,但它不起作用.css文件夹未被清除,但没有抛出任何错误.

var gulp = require('gulp');
var sass = require('gulp-sass');
var autoprefixer = require('gulp-autoprefixer');
var concat = require('gulp-concat');
var minifyCSS = require('gulp-minify-css');
var del = require('del');

gulp.task('default', ['compile-sass', 'process-css', 'clean-css']);

gulp.task('compile-sass', function () {
    gulp.src('resources/assets/sass/main.scss')

        // Compile Sass
        .pipe(sass({
            includePaths: ['resources/assets/bower/foundation/scss/foundation/components/']
        }))

        // Autoprefix CSS
        .pipe(autoprefixer({
            browsers: ['last 2 versions'],
            cascade: false
        }))

        // Move to Temp Destination
        .pipe(gulp.dest('resources/assets/css'));

});

gulp.task('process-css', ['compile-sass'], function () {
    gulp.src(['resources/assets/css/main.css', 'bower/slick/slick/slick.css'])

        // Concat CSS Files
        .pipe(concat('all.min.css'))

        // Minify CSS
        .pipe(minifyCSS())

        // Move to Final Destination …
Run Code Online (Sandbox Code Playgroud)

javascript node.js gulp delete-directory

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

如何设置Laravel Installer和Laravel Spark安装程序的bash PATH?

关于bash'PATH'更新步骤,我正在与Laravel和Spark安装程序进行斗争.我一直使用Composer手动设置我的Laravel项目.

我正在使用Vagrant Box上的Ubuntu 14.04.

bash ubuntu vagrant laravel laravel-spark

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