小编T.J*_*der的帖子

我正在使用HTML,CSS,PHP和JS进行多语言网站,所以根据用户输入,文本可能是英语或法语,因为我从数据库中提取数据.

在CSS中是否有一种方法可以自动检查文本是否为英文,因此它将应用嵌入的英文字体,如果在法国,它将应用嵌入的法国字体.

如果我以前知道语言,我会将一些CSS类应用于文本HTML元素,例如<p class="en"></p>或<p class="fr"></p>.但我不知道语言是来自DB的文本.

我已经创建了一个JavaScript对象

var obj={}
var prop = {}
prop.name= "name",
prop.value = "10"
obj[old_name] = prop;

我需要更改old_name为new_name.我试过了

obj[new_name] = obj[old_name];
delete obj[old_name];

它可以工作但是,对象顺序会发生变化.

例如:

{"obj1":{"name:name","value:10"},"obj2":{"name:name","value:10"}}

如果我更换obj1用objone,就像这样:

obj[objone ] = obj[obj1];
delete obj[obj1 ];

对象顺序更改为:

{"obj2":{"name:name","value:10"},"objone":{"name:name","value:10"}}]

但我需要单独更改属性名称而不是顺序,我也尝试使用字符串替换,但我认为这不是正确的方法,所以请给我一些想法.

我有:

<div id="myDiv1"></div>
<div id="myDiv2"></div>

在JavaScript中,我可以通过编写来设置div innerHTML:

myDiv1.innerHTML = "myDiv1, Hi!"

要么

document.getElementById("myDiv2").innerHTML = "myDiv2, Hi!"

当我可以简单地使用元素Id时,为什么要使用document.getElementById？这是每次还是仅在某些特殊情况下(如简单样本)？

谢谢,

麦克风

我有一个流体设计的表格,由一系列标签和字段组成,我希望它们一个接一个地流动,并在必要时包裹以支撑窗口的宽度.(标签和输入必须作为一个单元流动,在一行的末尾没有悬挂标签,其输入在下一行.)但是当它们换行时,我希望这些字段以整齐的方式排列.有没有办法用HTML和CSS做到这一点？(不幸的是,我必须支持没有CSS3列的旧浏览器[如果他们甚至在这里帮助].)

我尝试了几件事,比如给标签(好吧,跨度)一个固定长度(你要点击代码片段中的"全屏"按钮,这样片段窗口宽度不固定):

.wrapped-fields label {
  display: inline-block;
}
.wrapped-fields label > span {
  display: inline-block;
  width: 8em;
  white-space: nowrap;
}

<form class="wrapped-fields">
  <label>
    <span>Short:</span>
    <input type="text" size="5">
  </label>
  <label>
    <span>Long label for field:</span>
    <input type="text" size="5">
  </label>
  <label>
    <span>Medium label:</span>
    <input type="text" size="5">
  </label>
  <label>
    <span>Short:</span>
    <input type="text" size="5">
  </label>
  <label>
    <span>Long label for field:</span>
    <input type="text" size="5">
  </label>
  <label>
    <span>Medium label:</span>
    <input type="text" size="5">
  </label>
</form>

......但由于以下几个原因,这是不能令人满意的:

1. 它要求我为标签跨度设置固定大小,但这些标签的名称可以来自配置,因此我不希望在运行时测量每个标签并将固定大小调整为最大.

2. 当它们堆叠在每列中最长的标签时看起来没问题:

   

   ......但是当它们不是时很可怕,例如:

   

   ...要么:

   

理想情况下,每个"列"将采用其中最长标签或字段的大小(尽管现在所有字段的大小相同),相应地,标签+字段对包装.

如果没有HTML/CSS解决方案,是否有一个简单的JavaScript解决方案？(如果没有,我会写一个复杂的;不要求人们做大量的代码,如果那就是它.)

如果相关:

• 我正在使用Bootstrap,所以如果网格系统有帮助(我没有运气),我们可以使用它 …

当我取消注释下面的“return”时，我有以下代码可以工作fetchData。我该如何设置才能等待this.fetchData完成填充项目？我尝试过其他承诺的变体，异步，等待，但无法让它实际工作......

到目前为止，我设置了一个this.items内部fetchData，但我意识到这绝对不是我真正想要做的。它显示了我的调用的前 X 行，因为这样设置，但是调用后应该发生的所有代码都会出现fetchData错误，从尝试执行items.length.

import axios from 'axios';

new Vue({
    el: '#app',
    data() {
        return {
            search: '',
            totalItems: 0,
            items: [],
            loading: true,
            pagination: {},
            headers: [ //some headers
            ],
            items: []
        }
    },
    watch: {
      pagination: {
        handler () {
          this.getDataFromApi()
            .then(data => {
              this.items = data.items
              this.totalItems = data.total
            })
        },
        deep: true
      }
    },
    mounted () {
      this.getDataFromApi()
        .then(data => {
          this.items = data.items …

我正在尝试创建一个HTMLHeadingElement. 为此，我使用：

const myHeading: HTMLHeadingElement = document.createElement("h3");

所以这很完美。但是当我尝试更动态地创建这个元素时，我失败了：

const level: number = 3;
const headingLevel: string = "h" + level;
const myHeading: HTMLHeadingElement = document.createElement(headingLevel);

所以，它看起来本质上是一样的，但显然不是。悬停时出现的错误myHeading是：

类型“HTMLElement”不可分配给类型“HTMLHeadingElement”

但是，在第一个示例中，该方法createElement("h3")立即返回 type HTMLHeadingElement。

现在，我的第一个问题是，这两个命令有何不同？如果不清楚，如何myHeading在第二个示例中获得与第一个示例中相同的结果？

React.createElement( 类型, [props], [...children] )

正如反应文档所说。但不知怎的，它对我来说不适用于多个道具。我尝试传递一个键值对象数组，传递一个带有键值的容器对象，但没有任何效果。让我展示一下我是如何尝试的：

//input.js
const Input = ({name, elementProps}) => {
    const { element, props } = elementProps;
    return React.createElement(element, props)
}

export default Input;
//props from
{
    name: "msg",
    element: "textarea",
    props: [
        {placeholder: "Message"},
        {rows: "4"},
        {cols: "50"},
    ]
}
//rendered by method
const { name, ...elementProps } = objectAbove;
return <Input name={name} elementProps={elementProps} />

传递多个 props 所需的语法是什么？

回答这个问题的解决方案是在Map构造函数上指定类型参数，如下所示：

const conditions3: ReadonlyMap<string, any> = new Map<string, any>([
// ??????????????????????????????????????????????????^^^^^^^^^^^^^
    [FirstName.Alex, 'foo'],
    [Lastname.Smith, 'bar']
]);

请注意，OP 想要提供conditions3类型ReadonlyMap<string, any>，而不仅仅是Map<string, any>; 否则我们可以完全删除类型注释conditions3。

不幸的是，这意味着在ReadonlyMap和上重复类型参数Map。

在一般情况下，有没有办法告诉 TypeScriptReadonlyMap从被赋值的类型参数（在这个例子中）推断变量/const 类型（在这个例子中）的类型参数Map？我的意思不是针对这种特定情况的解决方案（我想我可能有一个函数，也许是一个从字面上提供只读地图的函数，至少在开发版本中），而是一个通用的从目标推断的解决方案?

我的各种幼稚方法都不起作用（前两个受 Java 的启发<>）：

const conditions3: ReadonlyMap<> = new Map<string, any>([
//                 ^^^^^^^^^^^^^????? Generic type 'ReadonlyMap<K, V>' requires
//                                    2 type argument(s).(2314)
    [FirstName.Alex, 'foo'],
    [Lastname.Smith, 'bar']
]);

游乐场链接

const conditions3: ReadonlyMap<string, any> …

我正在尝试将 JSON 输入解析为 Python 中的字符串，但无法解析为列表或字典，因为 JSON 输入的格式不正确（由于中间件的限制，这里不能做太多事情。）

{
  "Records": "{Output=[{_fields=[{Entity=ABC  , No=12345, LineNo=       1, EffDate=20200630}, {Entity=ABC  , No=567, LineNo=       1, EffDate=20200630}]}"
}

我试过json.loads过ast.literal（无效语法错误）。

我怎样才能加载这个？

使用联合重载时，是否可以获取函数参数的上下文类型？

declare function f(...args: [x: 'a', y: (a: string) => void] | [x: 'b', y: (a: boolean) => void]): void;

// Parameter 'x' implicitly has an 'any' type.(7006)
f('a', x => {});

declare function g(x: 'a', y: (a: string) => void): void;
declare function g(x: 'b', y: (a: boolean) => void): void;

// Ok.
g('a', x => {});

游乐场链接

特别是在对相关参数进行工作之后，我认为它会起作用吗？是否有一个开放的问题来跟踪这个问题？