小编jro*_*004的帖子

带有无序列表的Flexbox

我正在尝试学习flexbox,我真的很喜欢它.我正在尝试使用动态宽度,当我使用div时,它可以工作.如果我尝试用li做它,它也不起作用.我的代码在codepen上.

div.example
  ul
    li
      | 1
    li
      | 2
    li
      | 3
    li
      | 4
    li
      | 5
    li
      | 6

div.container
  div.col
    | 1
  div.col
    | 2
  div.col
    | 3
  div.col
    | 4
  div.col
    | 5
  div.col
    | 6
Run Code Online (Sandbox Code Playgroud)

SASS代码

.container {
  border: 1px solid #000;
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  width: 50%;

  .col {
    width: calc(100% / 3);
    height: 120px;
    text-align: center;
  }
}

.example {
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  width: 50%;
  border: …
Run Code Online (Sandbox Code Playgroud)

css flexbox

27
推荐指数
2
解决办法
7万
查看次数

GitHub 操作 获取提交消息

所以我正在构建一个动作,为一个将进入 Netlify 的项目进行构建。在操作中,我可以传递部署消息。在该部署消息中,我想传入触发构建的提交的提交消息。我正在查看文档,但找不到这是否可行。谢谢

github-actions

21
推荐指数
5
解决办法
9246
查看次数

从承诺中获取数据而不是返回承诺

我很抱歉,如果其他承诺线程已经回答了这一点,但在查看其中一些时,我只是没有得到解决我的问题的答案.我有三个json文件,我想抓取,解析和手动合并.问题是我陷入了承诺监狱.让我向您展示我的angularjs控制器中的一些代码.

$scope.tests = [];

$scope.tests = $http.get('results/testResults.json').then(function(res) {
  return res;
});

console.dir($scope.tests);
Run Code Online (Sandbox Code Playgroud)

从console.dir我得到了一个承诺,但我希望的是来自res变量的数据.必须有一些方法来获取数据.有没有办法从全局变量的承诺中获取数据,因此其他函数承诺可以使用这些数据?谢谢

javascript promise angularjs

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

html属性中的vuejs变量

所以我试图将一个元素的src设置为一个js变量,它只是不起作用.我尝试了几种方法,但我无法让它发挥作用.这是一种方式

<source src="{{ this.show.podcastUrl }}" type="audio/mpeg">
Run Code Online (Sandbox Code Playgroud)

我也试过了

<source v-bind:src="{{ this.show.podcastUrl }}" type="audio/mpeg">
Run Code Online (Sandbox Code Playgroud)

<source :src="{{ this.show.podcastUrl }}" type="audio/mpeg">
Run Code Online (Sandbox Code Playgroud)

我究竟做错了什么?这是我的组件

<template>
    <div class="panel panel-default">
        <div class="panel-heading">
            {{ this.show.name }}
            <div class="pull-right">
                {{ this.show.number }}
            </div>
        </div>
        <div class="panel-body">
            <ul>
                <li>Air Date: </li>
                <li>
                    <audio controls>
                        <source v-bind:src="{{ this.show.podcastUrl }}" type="audio/mpeg">
                    </audio>
                </li>
            </ul>
        </div>
    </div>
</template>


<script>
    export default {
        mounted() {
            console.log(this.show);
        },

        props: {
            show: {
                type: Object,
                required: true
            }
        }
    }
</script>
Run Code Online (Sandbox Code Playgroud)

html vue.js

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

Gradle NoClassDefFoundError

所以我正在尝试构建一个简单的gradle应用程序,当我运行它时,我得到了

geb.ConfigurationLoader$UnableToLoadException: Unable to load configuration @ 'file:/Users/john/Development/groovy/gradlegebautomation/build/resources/test/GebConfig.groovy' (with environment: null)
    at geb.ConfigurationLoader.loadRawConfig(ConfigurationLoader.groovy:297)
    at geb.ConfigurationLoader.loadRawConfig(ConfigurationLoader.groovy:281)
    at geb.ConfigurationLoader.getConf(ConfigurationLoader.groovy:161)
    at geb.ConfigurationLoader.doGetConf(ConfigurationLoader.groovy:139)
    at geb.ConfigurationLoader.getConf(ConfigurationLoader.groovy:95)
    at geb.ConfigurationLoader.getConf(ConfigurationLoader.groovy:114)
    at geb.spock.GebSpec.createConf(GebSpec.groovy:29)
    at geb.spock.GebSpec.createBrowser(GebSpec.groovy:33)
    at geb.spock.GebSpec.getBrowser(GebSpec.groovy:38)
    at geb.spock.GebSpec.methodMissing(GebSpec.groovy:51)
    at geb.spock.GebReportingSpec.setupSpec(GebReportingSpec.groovy:30)
Caused by: java.lang.NoClassDefFoundError: org/apache/ivy/core/report/ResolveReport
    at java.lang.Class.privateGetDeclaredMethods(Class.java:2436)
    at java.lang.Class.getDeclaredMethods(Class.java:1793)
    at org.codehaus.groovy.util.LazyReference.getLocked(LazyReference.java:46)
    at org.codehaus.groovy.util.LazyReference.get(LazyReference.java:33)
    at groovy.grape.GrapeIvy.<init>(GrapeIvy.groovy:75)
    at java.lang.Class.newInstance0(Class.java:357)
    at java.lang.Class.newInstance(Class.java:310)
    at groovy.grape.Grape.getInstance(Grape.java:101)
    at groovy.grape.Grape.grab(Grape.java:136)
    at groovy.grape.GrabAnnotationTransformation.visit(GrabAnnotationTransformation.java:291)
    at org.codehaus.groovy.transform.ASTTransformationVisitor$3.call(ASTTransformationVisitor.java:319)
    at org.codehaus.groovy.control.CompilationUnit.applyToSourceUnits(CompilationUnit.java:903)
    at org.codehaus.groovy.control.CompilationUnit.doPhaseOperation(CompilationUnit.java:566)
    at org.codehaus.groovy.control.CompilationUnit.processPhaseOperations(CompilationUnit.java:542)
    at org.codehaus.groovy.control.CompilationUnit.compile(CompilationUnit.java:519)
    at groovy.lang.GroovyClassLoader.doParseClass(GroovyClassLoader.java:279)
    at groovy.lang.GroovyClassLoader.parseClass(GroovyClassLoader.java:258)
    at groovy.lang.GroovyClassLoader.parseClass(GroovyClassLoader.java:244)
    at groovy.lang.GroovyClassLoader.parseClass(GroovyClassLoader.java:202)
    at groovy.lang.GroovyClassLoader.parseClass(GroovyClassLoader.java:212)
    at groovy.util.ConfigSlurper.parse(ConfigSlurper.groovy:146)
    at …
Run Code Online (Sandbox Code Playgroud)

gradle geb

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

Neovim 选择语言提示

我正在将 Neovim 与 LSP 结合使用,但在保存任何 tsx 文件时遇到问题。我不断收到选择语言服务器的提示:

在此输入图像描述

这是我配置语言服务器的方法

lspinstall.setup()
local servers = lspinstall.installed_servers()

for _, lsp in ipairs(servers) do
  if lsp == 'tsserver' then
    require('lsp.tsserver')
  elseif lsp == 'efm' then
    require('lsp.efm')
  elseif lsp == 'html' then
    require('lsp.html')
  else
    nvim_lsp[lsp].setup {on_attach = on_attach, settings = {Lua = {diagnostics = {globals = {'vim'}}}}}
  end
end
Run Code Online (Sandbox Code Playgroud)

如果我这样做,:LspInfo我会看到屏幕截图中看到的 2 个服务器。

EFM 配置

local lspconfig = require 'lspconfig'

local prettier = {formatCommand = './node_modules/.bin/prettier --config-precedence prefer-file --stdin-filepath ${INPUT}', formatStdin = true}
local luaFormat …
Run Code Online (Sandbox Code Playgroud)

neovim

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

解析xml的字符实体无效

我试图解析一串xml,我收到一个错误

[Error: Invalid character entity
Line: 0
Column: 837
Char:  ]
Run Code Online (Sandbox Code Playgroud)

xml不喜欢括号吗?我是否需要用\\]等替换所有括号.谢谢

node.js xml2js

6
推荐指数
2
解决办法
4994
查看次数

如何使用 React Select 进行错误处理

我开始尝试使用 React select,但我在他们的文档中似乎找不到的是如何处理错误状态。React select 是否有内置的方法来告诉它它处于错误状态并使边框变为红色?

reactjs react-select

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

用于打字稿的 eslint-plugin-jsx-a11y

我正在尝试为我的打字稿反应项目设置,当我工作时,如果我正在做一些无法访问的事情,它会给我警告/错误。我的编辑器已经给我列出错误,但我尝试设置 eslint-plugin-jsx-a11y,但我无法让它工作。

这是我的 package.json 中的 eslint 部分

  "eslintConfig": {
    parser: '@typescript-eslint/parser',
    "extends": [
      "react-app",
      "react-app/jest",
      "shared-config",
      "plugin:jsx-a11y/recommended"
    ],
    "rules": {
      "additional-rule": "warn"
    },
    "overrides": [
      {
        "files": [
          "**/*.ts?(x)"
        ],
        "rules": {
          "additional-typescript-only-rule": "warn"
        }
      }
    ]
  },
Run Code Online (Sandbox Code Playgroud)

不知道我错过了什么。谢谢

accessibility typescript reactjs eslint

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

MUI DataGrid 单选值

所以我试图避免构建自己的选择,只想将类型设置为 singleSelect。所以我已经到达了选择渲染的位置,并且当我双击单元格时有一些选项。我遇到的两个问题是我不确定如何设置选择哪个选项,当我单击一个选项时,我收到一个错误A component is changing an uncontrolled input to be controlled. 我见过的所有文档都显示您的选项是简单字符串。

\n

列定义

\n
const columns: GridColDef[] = [\n  \xe2\x80\xa6\n  {\n    field: \xe2\x80\x98payment\xe2\x80\x99,\n    flex: 1,\n    editable: true,\n    type: \xe2\x80\x98singleSelect\xe2\x80\x99,\n    getOptionLabel: (value: any) => value.name,\n    getOptionValue: (value: any) => value.id,\n    valueOptions: (params: GridValueOptionsParams<TMyProps>) => {\n      const options = params.row?.attendee?.pricingOptions || [];\n\n      if (options.length === 0) {\n        return [\n          id: 0,\n          name: \xe2\x80\x98No pricing options\xe2\x80\x99,\n        ];\n      }\n\n      return options;\n    }, \n  },\n  \xe2\x80\xa6\n];\n
Run Code Online (Sandbox Code Playgroud)\n

行数据

\n
const rows = …
Run Code Online (Sandbox Code Playgroud)

reactjs material-ui

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