小编Pen*_*Liu的帖子

我正在使用javascript甜蜜警报库:

https://limonte.github.io/sweetalert2/

https://github.com/limonte/sweetalert2

我想从警告框中删除"确定"按钮,但我没有找到任何不显示此按钮的属性.

我正在使用timer属性timer:1000在一秒钟内关闭警报.所以,我认为在这件事上没有使用ok按钮.

所以我遇到了这个问题，由于某种原因，我无法在我的 ubuntu 系统上安装任何软件包。我目前在Ubuntu 16.10.

终端安装日志

更新：

我已经输入了这些命令并得到了这个。

更新和 apt-cache 之后

我现在该怎么办？

FontAwesome是一组图标库。在他们的使用文档中，他们写了一个例子，你可以通过从free-solid-svg-icons包中导入咖啡图标的对象来使用他们的咖啡图标，如下所示：

import ReactDOM from 'react-dom'
import { FontAwesomeIcon } from '@fortawesome/react-fontawesome'
import { faCoffee } from '@fortawesome/free-solid-svg-icons'
 
const element = <FontAwesomeIcon icon={faCoffee} />
 
ReactDOM.render(element, document.body)

查看FontAwesome Coffee Icon 文档，我看不到咖啡图标包含在哪个包中，或者它的对象名称是什么。我们从示例代码中知道它的对象名称是faCoffee并且它包含在@fortawesome/free-solid-svg-icons包中，但是其他 5,365 个图标中的任何一个呢？

问：如何找到 FontAwesome 图标的 React 对象名称，以及它包含在哪个 React 包中？

CSS::slotted选择器选择<slot>元素的子元素。

但是，当尝试选择像 with ::slotted(*), ::slotted(*) *, or那样的孙子时，选择::slotted(* *)器似乎没有生效。

class MyElement extends HTMLElement {
  constructor() {
    super();
    const shadowRoot = this.attachShadow({mode: 'open'})
    shadowRoot.innerHTML = `
      <style>
        ::slotted(*) {
          display: block;
          border: solid blue 1px;
          padding: 3px;
        }
        ::slotted(*) span {
          display: block;
          border: solid red 1px;
          padding: 3px;
        }
        ::slotted(* span) {
          display: block;
          border: solid green 1px;
          padding: 3px;
        }
      </style>
      <slot></slot>
    `;
  }
}
customElements.define('my-element', MyElement);

<my-element>
  <p>
    <span>Test</span>
  </p>
</my-element> …

有谁知道你是否可以react-bootstrap与 Next.js 一起使用？我正在使用两者的最新版本，此时我可以提供代码，但现在我的应用程序没有抛出任何错误，它只是没有注册我的任何react-bootstrap组件。也许有一些我无法在互联网上找到的技巧？如果有帮助，我可以提供代码或文件结构。提前致谢！

下一个.config.js

const withCSS = require('@zeit/next-css')

module.exports = withCSS({
    /* my next config */
})

页面/index.js

import Badge from 'react-bootstrap/Badge';
import "../public/css/bootstrap.css";
const Index = () => (
    <div>
        <p className='display-4'>Hello</p>
        <Badge>Heading</Badge>
    </div>
)

export default Index;

包.json

{
  "name": "vacation-app",
  "version": "1.0.0",
  "description": "",
  "main": "index.js",
  "scripts": {
    "dev": "next",
    "build": "next build",
    "start": "next start"
  },
  "keywords": [],
  "author": "",
  "license": "ISC",
  "dependencies": {
    "@zeit/next-css": "^1.0.1",
    "next": "^9.1.1",
    "react": "^16.10.2",
    "react-bootstrap": "^1.0.0-beta.14", …

我已经检查了 SO 上的答案，到目前为止没有一个对我有用。

我把我的问题放在视频里了。 在这里观看

什么地方出了错？昨天还好好的吗？

到目前为止我所做的：

重新安装柏树

尝试打开：.node_modules\.bin\cypress open

然后尝试： npx cypress open

收到以下消息

No version of Cypress is installed in: /Users/jacquelinegeorge/Library/Caches/Cypress/3.4.0/Cypress.app

Please reinstall Cypress by running: cypress install

----------

Cypress executable not found at: /Users/my_name/Library/Caches/Cypress/3.4.0/Cypress.app/Contents/MacOS/Cypress

----------

Platform: darwin (18.7.0)
Cypress Version: 3.4.0

VSCode 给出以下警告

检测到 Vetur 已启用。考虑禁用 Vetur 并 @volar-plugins/vetur改为使用。

这个是来做什么的？我需要做什么才能将其关闭

我有一个二维数组，是用 jQuery 从 html 表生成的，但有些值是空的，所以""显示出来。

如何删除空值？

  <table>    
    <tr>
      <th>1A</th>
      <th>1B</th>
      <th>1C</th>
    </tr>
    <tr>
      <td>2A</td>
      <td>2B</td>
      <td>2C</td>
    </tr>
    <tr>
      <td></td>
      <td>3B</td>
      <td>3C</td>
    </tr>
    <tr>
      <td></td>
      <td></td>
      <td>4C</td>
    </tr>
  </table>
<script>
    var columns = $('tr').first().children().map(function(i) {
        return [
            $('tr').map(function(){
                return $(this).children().eq(i).text()
            }).get()
        ]
    }).get();
<script>

我已经尝试过以下代码：

for( var i = 0; i < columns[0].length; i++){ 
   if ( columns[0][i] === "") {
    columns[0].splice(i, 1); 
   }
}

它适用于一些空值，但由于某种原因，并非所有值都被删除。

输出：https : //imgur.com/e7BAdQK

我正在尝试更改取消按钮的颜色,就像我可以为确认按钮,但它似乎没有工作由于某种原因.

(参见https://jsfiddle.net/x20ra1o1/))

代码是:

swal({
    title: "Are you sure?",
    text: "You will not be able to recover this imaginary file!",
    type: "warning",
    showCancelButton: true,
    cancelButtonColor: "#DD6B55",
    confirmButtonColor: "#DD6B55",
    confirmButtonText: "Yes, delete it!",
    cancelButtonText: "No, cancel please!",
    closeOnConfirm: false,
    closeOnCancel: false
}, function (isConfirm) {
    if (isConfirm) {
        swal("Deleted!", "Your imaginary file has been deleted.", "success");
    } else {
        swal("Cancelled", "Your imaginary file is safe :)", "error");
    }
});

在从 vue 2 迁移到 vue 3 的过程中，我收到一些编译警告。弃用$listenersin 组件就是这些警告之一。我已经检查了官方文档以$attrs通过删除$listeners. 我是 vue 3 的新手。所以，无法理解如何处理与侦听器相关的那些警告。

这是片段：

第一种情况： 组件 1

    <template>
    <div>
        <input ref="input"
               :value="txtField"
               @input="txtField=$event.target.value"
               :type="inputType"
               :class="inputClass"
               :placeholder="placeholder"
               :disabled="disabled"
               :readonly="readonly"
               :onfocus="disabled&&'this.blur();'"
               :tabindex="tabindex"
               v-on="listenersInput" // here is the method where $listeners used
               @keyup.enter="enterHandler"
               @blur="validateOnEvent"/>
     </div>
</template>

//method 

listenersInput() {
            //var vm = this;
            return Object.assign({}, this.$listeners, {
                input: function(event){ /*vm.$emit('input',event.target.value);*/}
            });
        },

第二种情况： 组件 2

<template>
  <custom-button 
      v-bind="buttonProps"
      v-on="$listeners"
      :class="buttonClass"
      @click="tooggle">
  </custom-button>
</template>

这两种情况该如何处理呢？