小编ii *_*to1的帖子

我花了一些时间使用 Inertia、Vite、Vue3 Composition API 和 Typescript 将应用程序重写为 Laravel 9。

一切都很顺利，当我通过运行npm run build捆绑生产的所有内容在本地环境上测试生产构建时，看起来不错。

现在我已经启动了新的代码库，但一半的网页无法正常工作..这是为什么？因为Vite无法解析我的动态导入。

npm run build我不明白我的本地（有效）与实时站点之间的区别npm run build...我知道npm run dev使用 es6bundling 而npm run build使用 rollup。

我有一个非常基本的设置，如下所示，currentHeader是动态组件：

<template>
    <component
        :is="currentHeader"
    />
</template>

我尝试了几种不同的方法，但没有任何效果。它仅在我对字符串路径进行硬编码时才有效，这会阻止我使其动态化

1 -我将所有路径从使用 @/ 更改为使用直接路径

2 -我尝试将动态导入的路径添加到vite.config.js

build: {
    rollupOptions: {
        external: [
            "./components/HeaderStandard.vue",
            "resources/js/Components/BitHeader/components/HeaderStandard.vue",
        ]
    }
}

3 -我尝试defineAsyncComponent像这样加载标题：

let headers = {
    secondary: './components/HeaderSecondary.vue',
    standard: './components/HeaderStandard.vue'
}
const …

我需要更改图表上每个点显示的标签颜色，我尝试了很多不同的东西，但没有任何结果。

图片

代码

                    const CHART = document.getElementById("radar_chart");
                    Chart.defaults.scale.ticks.beginAtZero = true;
                    Chart.defaults.scale.ticks.max = 10;
                    Chart.defaults.scale.ticks.display = false;
                    Chart.defaults.scale.ticks.display = false;

                    var radar = new Chart(CHART, {
                        type: 'radar',
                        data: {
                            labels: ["Team", "Potential", "Risk", "Social", "Hype"],
                            datasets: [
                                {
                                    backgroundColor: "#2e4259cc",
                                    borderColor: "#fff",
                                    borderWidth: 3,
                                    pointBorderColor: "#fff",
                                    pointBackgroundColor: "#2e4259",
                                    pointHoverRadius: 5,
                                    data: [3, 5, 9, 5, 8]
                                }
                            ]
                        },
                        options: {
                            legend: {
                                display: false,
                                fontColor: "#fff",
                                labels: {
                                    fontColor: '#fff'
                                }
                            }
                        }
                    });

我最近的努力是改变 pointLabelFontColor 但没有运气，我似乎找不到任何关于它的东西

我有一组与此类似的对象

[{ id: "11", name: "Car", symbol: "CA" }
,{ id: "13", name: "Cycle", symbol: "CY" }
,{ id: "15", name: "Train", symbol: "TA" }
,{ id: "3", name: "Ufo", symbol: "UF" }]

让我们假设我有这个字符串Car，我如何搜索对象数组以查找哪个对象（如果有的话）在名称键中包含该特定字符串，然后从对象数组中删除该对象？

这就是我到目前为止所得到的（基本上什么都没有，因为我不知道从这里开始做什么）

function remove_obj_from_array_of_objs(str, array_of_objs){

}

我目前有一个 SQL 执行脚本，它更新重复键上的行，如下所示。

    $stmt = $dbCon->prepare("INSERT INTO videos_rating (videos_rating_video_fk, "
            . " videos_rating_user_fk, "
            . " videos_rating_rating) "
            . " VALUES (:video_id, "
            . " :user_id, "
            . " :video_rating) "
            . " ON DUPLICATE KEY UPDATE videos_rating_rating = :video_rating");

该脚本工作正常，但有没有办法防止自动增量列不同步？

假设我们从一个空表开始，然后我对一个视频进行评分，然后创建一个 id 为 1 的行，然后用户通过对同一视频评分较低或较高来再次执行 SQL，并且该行将被更新因为它现在是重复的密钥，所以肯定没问题。

问题是这样的。

下次另一个用户对新视频进行评分时，该行将从 id 3 而不是 2 开始？

表格将如下所示

id | videos_rating_user_fk | videos_rating_rating
1  | 1                     | 4
3  | 2                     | 5

我无法找到类似的问题，即使我发现其他人不太可能对此感到困扰，如果是这样，请让我参考那篇文章。

我知道 ids 不应该“看起来不错”，但是 ids 从 30 - 51 - …

我需要使用 SVG/折线元素动态创建迷你图，使用纯 HTML 的示例完美地工作，当我使用 JavaScript 创建元素并添加属性时出现问题。

创建元素的函数

    function createElement(type, attributes, someElement) {
        var element = type == "svg" ? document.createElementNS('http://www.w3.org/2000/svg', 'svg') : document.createElement(type);
        for (var key in attributes) {
            if (key === "class") {
                var cls = attributes[key];
                for (var c in cls)
                    element.classList.add(cls[c]);
            } else {
                element[key] = attributes[key];
            }
        }
        someElement.appendChild(element);
    }

在这里，我创建了 SVG 元素并将其添加到名为 filter_r_inner 的 div 中，然后添加属性。

                    var newElement = createElement("svg", {
                        "class": ['mktcap_spark'],
                        "id": "weekly_svg",
                        "viewBox": "0 0 500 100"
                    }, filter_r_inner);
                    var weekly_svg = …

您好我正在尝试从3个不同的类别中选择10x3随机ID,但有没有更聪明的方法来实现这一点只需一个查询而不是3个不同的查询？

$sql = "SELECT id FROM rating WHERE category IN (1) ORDER BY RAND() LIMIT 10";
$result1 = $dbCon->query($sql);

$arr;
while ($obj = $result1->fetch_object()) {
$arr[] = $obj->id;
}

$sql = "SELECT id FROM rating WHERE category IN (2) ORDER BY RAND() LIMIT 10";
$result1 = $dbCon->query($sql);

while ($obj = $result1->fetch_object()) {
$arr[] = $obj->id;
}

$sql = "SELECT id FROM rating WHERE category IN (3) ORDER BY RAND() LIMIT 10";
$result1 = $dbCon->query($sql);

while ($obj = $result1->fetch_object()) {
$arr[] …