小编Pen*_*Liu的帖子

SweetAlert - 改变按钮的颜色

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

(参见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");
    }
});
Run Code Online (Sandbox Code Playgroud)

javascript sweetalert

13
推荐指数
8
解决办法
4万
查看次数

Next.js:如何更改特定页面上根 div __next 的 css?

我想更改__next登录页面上id 的 div 。但是当我在 jsx 中添加样式时,当 dom 挂载到页面时,它似乎更改为另一个 ID 为#__next.jsx-2357705899, .main.jsx-2357705899 的div 。

__next挂载登录页面时如何更改div 的css ?

<style jsx>{`
  #__next,
  .main {
    height: 100%;
  }
`}</style>
Run Code Online (Sandbox Code Playgroud)

jsx reactjs next.js

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

如何删除 vue 3 中已弃用的 $listeners

在从 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);*/}
            });
        },
Run Code Online (Sandbox Code Playgroud)

第二种情况: 组件 2

<template>
  <custom-button 
      v-bind="buttonProps"
      v-on="$listeners"
      :class="buttonClass"
      @click="tooggle">
  </custom-button>
</template>
Run Code Online (Sandbox Code Playgroud)

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

javascript migration vue.js vuejs3

13
推荐指数
2
解决办法
9216
查看次数

使用javascript将二进制转换为文本

如何使用javascript将二进制代码转换为文本?我已经将它转换为二进制文件,但有没有办法以相反的方式做到这一点?

这是我的代码:

function convertBinary() {
  var output = document.getElementById("outputBinary");
  var input = document.getElementById("inputBinary").value;
  output.value = "";
  for (i = 0; i < input.length; i++) {
    var e = input[i].charCodeAt(0);
    var s = "";
    do {
      var a = e % 2;
      e = (e - a) / 2;
      s = a + s;
    } while (e != 0);
    while (s.length < 8) {
      s = "0" + s;
    }
    output.value += s;
  }
}
Run Code Online (Sandbox Code Playgroud)
<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.10.2/jquery.min.js"></script>
<center>
  <div class="container">
    <span …
Run Code Online (Sandbox Code Playgroud)

html javascript

12
推荐指数
4
解决办法
6万
查看次数

文本在 android 中被切断以响应本机

我正在研究 React Native,我对此很陌生。我正在尝试显示文本,但是,它显示在文本的 android 结尾......而不是显示完整的文本。它只发生在android中,在iOS中运行良好。

我写了以下代码

<Text
  numberOfLines={1}
  adjustsFontSizeToFit
  minimumFontScale={0.1}
  style={labelStyle} //labelStyle nothing I have written
></Text>
Run Code Online (Sandbox Code Playgroud)

谁能建议我,我在代码中做错了什么?

在此处输入图片说明

android text reactjs react-native

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

相对引用必须以“/”、“./”或“../”开头

我是 lit-element 的新手,当使用 import 来包含库时,我收到以下错误:

未捕获的类型错误:无法解析模块说明符“lit-element”。相对引用必须以“/”、“./”或“../”开头。

请提供任何替代方案/解决方案。

import { LitElement, html } from 'lit-element';

class MyElement extends LitElement {
  render(){
    return html`
      <div>
        <p>A paragraph</p>
      </div>
    `;
  }
}
customElements.define('my-element', MyElement);

Run Code Online (Sandbox Code Playgroud)

javascript polymer-3.x lit-element lit-html

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

在 JavaScript 中查找两个字符串之间的差异

我需要找到两个字符串之间的差异。

const string1 = 'lebronjames';
const string2 = 'lebronnjames';
Run Code Online (Sandbox Code Playgroud)

预期的输出是找到额外的n并将其记录到控制台。

有没有办法在 JavaScript 中做到这一点?

javascript string algorithm difference

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

使用不带货币符号的 Intl.NumberFormat 进行货币格式化

我正在尝试使用 Intl 作为默认货币格式化程序,它几乎是完美的。

\n

Intl.NumberFormat()使用构造函数中的示例:

\n
const number = 123456.789;\n\nconsole.log(new Intl.NumberFormat(\'de-DE\', { style: \'currency\',\ncurrency: \'EUR\' }).format(number)); // expected output: "123.456,79 \xe2\x82\xac"\n \n// the Japanese yen doesn\'t use a minor unit \nconsole.log(new Intl.NumberFormat(\'ja-JP\', { style: \'currency\', currency: \'JPY\'\n}).format(number)); // expected output: "\xef\xbf\xa5123,457"\n
Run Code Online (Sandbox Code Playgroud)\n

这几乎是完美的,但我实际上想从输出中删除该符号。所以我希望看到:

\n
// expected output: "123.456,79"\n// expected output: "123,457"\n
Run Code Online (Sandbox Code Playgroud)\n

我觉得很奇怪,我花了一个多小时寻找解决方案,却只找到了某种替换/修剪的用法。

\n

为什么没有一个选项可以使用所有国际功能来格式化数字,而只删除货币符号?!?

\n

我希望我错过了,说实话。

\n

javascript number-formatting

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

如何解决“无法解决‘@/...’中的导入”问题?

这是我得到的错误。我在“vite.config.ts”文件中定义的文件路径有问题。你能帮助我吗?

错误日志

错误信息:

FAIL  tests/utils/ConvertFromDomainToCountryCode.test.ts [ tests/utils/ConvertFromDomainToCountryCode.test.ts ]
Error: Failed to resolve import "@/constant" from "src/assets/ts/_utils/ConvertFromDomainToCountryCode.ts". Does the file exist?
Run Code Online (Sandbox Code Playgroud)

ConvertFromDomainToCountryCode.test.ts文件

import { describe, expect } from "vitest";
import { SetFlags } from "../../src/assets/ts/_utils/ConvertFromDomainToCountryCode.ts";

describe("Convert From Domain To CountryCode", () => {
  test("function defined", () => {
    expect(SetFlags).toBeDefined();
  });
});
Run Code Online (Sandbox Code Playgroud)

当我设置文件路径“../../../constant/index”时,它工作正常。

ConvertFromDomainToCountryCode.ts文件

import { COUNTRY_INFO } from "@/constant";
Run Code Online (Sandbox Code Playgroud)

这里我添加了“别名”

vite.config.ts文件

import { fileURLToPath, URL } from "node:url";

import { defineConfig } from "vite";
import vue from "@vitejs/plugin-vue"; …
Run Code Online (Sandbox Code Playgroud)

javascript typescript vue.js vite vitest

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

如何使用 JavaScript 添加/删除 &lt;p hidden&gt; 中的隐藏

你如何添加和删除'hidden'<p hidden>My Text</p>

我尝试删除该属性并将其设置为 false 但它们都不起作用。

  let p = document.getElementsByTagName('p');
  let myText;
    
  for (i = 0; i < p.length; i++) {
    if (p[i].innerHTML == "My Text") {
      myText = p[i];
      break;
    }
  }

  myText.removeAttribute("hidden"); // no effect
  myText.setAttribute("hidden", false); // no effect
Run Code Online (Sandbox Code Playgroud)

html javascript hidden attributes

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