小编Gur*_*ofu的帖子

我想声明并初始化jsonPHP类常量文件的路径(在方法之外).但是,看起来我无法调用storage_path()方法之外的函数.

class MainController extends Controller{

    const PATH_TO_JSON_DATA = storage_path().'data/data.json'; // invalid expression

    public function renderPage(){

        dd(storage_path().'data/data.json'); // valid expression

    }
}

是否可以避免初始化方法内部的路径？

当我打开.vue文件时，我的 IntelliJ IDEA 中出现以下错误：

Parsing error: "parserOptions.project" has been set for @typescript-eslint/parser.
The file does not match your project config: XX\XX\CurrentFile.vue.
The file must be included in at least one of the projects provided.

当然，如果你教我解决方案，我会很高兴，但首先我知道它意味着什么以及为什么会出现。

我怀疑这是某种错误或不准确的错误消息。实验上已知：

1. 有时它会出现，有时 - 不。
2. 更新 eslint 时总是出现。
3. 如果eslint从控制台运行某个.vue文件，eslint 将正确完成执行。所以看起来它不是 eslint 错误。

我的 Eslint 配置（YAML）：

Parsing error: "parserOptions.project" has been set for @typescript-eslint/parser.
The file does not match your project config: XX\XX\CurrentFile.vue.
The file must be included in at least …

我应该如何将参数类型注释为“对象的任何值”？

class ExampleClass {

    private static readonly MODES = {
        DEVELOPMENT: 0,
        PRODUCTION: 1,
        TEST: 2
    }

    //  Any Value of ExampleClass.MODES
    constructor(mode: MODE[?]) {

    }
}

在这种情况下，价值0，1，2都好像在使用无意义的enum，但据我所知，我们不能用enum作为类字段。因此，让我们考虑some value of object这个问题的情况。

我进入TS2339: Property 'target' does not exist on type 'Event'.了以下代码：

this.$Element.on('click', SELECTOR, (event: JQuery.Event) => {
    const $ClickedLink: JQuery<HTMLElement> = JQuery(event.target);
    //
}

event.currentTarget 也不存在，因为...在 JQuery 类型中定义？

当然，编译后的 JavaScript 没有错误。

这段代码不是 Angular！我只是结合了 JQuery 和基于类的 OOP。

在下面的组件中，第一个输入字段在isInitialDataSetInputtingStage变为false：

<template>

  <template v-if="isInitialDataSetInputtingStage">
    <InputField label="Email" required="required" v-model="inputtedEmail" />
    <InputField label="Accout ID" v-model="inputtedAccountID" />
    <InputField label="Password" v-model="inputtedPassword" />
  </template>
  
  <template v-else="v-else">  
    <InputField label="Confirmation code" v-model="inputtedSignUpConfirmationCode" />
  </template>
</template>

这是InputField带有日志记录的实现（TypeScript）片段：

import { Vue, Component } from "vue-property-decorator";
import CompoundControlBase from "@UI_Framework/Components/Controls/CompoundControlBase/CompoundControlBase.vue";


@Component({
  template,
  components: {
    CompoundControlBase
  }
})
export default class InputField extends Vue implements IValidatableControl {

  public getRootElementForScrollingProviding(): Element {
    return (this.$refs[this.vueReferencesIDs.rootElement] as Vue).$el;
  }

  private created(): void {

    console.log("===== will be created");
    console.log(this.label); …

我尝试了这个jQuery插件(Malihu滚动条)在我的项目中添加了惊人的自定义滚动条,它可以在简单的网站中运行.但是,我厌倦了在非常复杂的自适应布局项目中使用它并且它不起作用.我不了解Malihu滚动条机制(源代码相当大),因此不知道如何适应我的项目.

所以,我设法用我能理解的机制创建滚动条.要求是:

1. 厚
2. 半透明
3. 滚动结束时平滑消失,滚动开始时再次出现.
4. 不影响布局(通过图形编辑器的语言,滚动条位于顶层,不影响其他层).
5. 跨浏览器和跨平台.

1和2的解决方案非常简单,接下来是动画和布局方面的独立性.请告诉我最简单的解决方案(可以使用jQuery).

我准备了jsfiddle(目前只在Chrome中显示正确的滚动条显示),清除了1和2个任务以节省您的时间.(没有必要在这里粘贴源代码,但srackoverflow要求它为jsfiddle链接)

html {
    overflow: auto;
}
body {
    overflow-y: scroll;
    overflow-x: hidden;
}

/* Let's get this party started */
::-webkit-scrollbar {
    width: 5px;
}

::-webkit-scrollbar-thumb {
    -webkit-border-radius: 10px;
    border-radius: 10px;
    background: rgba(50,50,50,0.5); 
}