小编You*_*saf的帖子

代码笔在这里。

如果其中一些应用了“display:none”，我如何更改 CSS 样式以将“LEFT”、“CENTER”和“RIGHT”保持在它们的位置？

.rows {
  display: flex;
  justify-content: space-between;
  height: 4em;
  align-items: center;
}

.row3 .l,
.row3 .c {
  display: none
}

<div class="rows row3">
  <div class="l">
    LEFT
  </div>
  <div class="c">
    CENTER
  </div>
  <div class="r">
    RIGHT
  </div>
</div>

谢谢！

我有一个普通

var express = require('express')

Node 表示 www 页面，像往常一样使用 session、pug 等。我的数据库调用

var db = require('./scripts/myHappyMysqlScript')

我很自然地使用mysql，所以在 db 脚本中

var mysql = require('mysql')

所以例如

app.get('/catPhotos', (req, response) => {
    response.render('catPhotos.pug');
})

假设一个页面有一个表，显示了 petNames 数据库中的内容，

app.get('/pets', function(req, res, next) {
    db.allPetNames(function(err, petsList) {
        res.render('pets.pug',
            {
                'petsList': petsList,
                'pretty' : true
            })
    })

到目前为止一切都很好。

但是这里有一个例子，在 pug 页面上有三个表，以及三个不同的数据库调用：

db.cats(function(err, c) {
    db.dogs(function(err, d) {
        db.budgies(function(err, b) {
            res.render('bigScreen.pug',
                {
                    'cats' : c,
                    'k9s': d,
                    'budgies': b,
                    'pretty' : true
                }) …

当使用 Vue Router 时，我发现我可以使用<router-link>以及RouterLink来实现相同的结果，即在不同的路由之间导航。

同样，还有<router-view>组件RouterView。

以下两个代码示例给出了相同的结果：

与<router-link>和<router-view>：

<template>
  <router-link to="/">Home</router-link>
  <router-link to="/about">About</router-link>
  <hr />
  <router-view></router-view>
</template>  

与<RouterLink>和<RouterView>：

<script setup>
import { RouterLink, RouterView } from "vue-router";
</script>

<template>
  <RouterLink to="/">Home</RouterLink>
  <RouterLink to="/about">About</RouterLink>
  <hr />
  <RouterView />
</template>

问题

<router-link>和之间有什么区别RouterLink（以及<router-view>和之间RouterView？）

我在 Vue Router 文档上找不到任何内容。搜索RouterView或RouterLink未显示任何与其相关的结果。文档仅提到<router-link>和<router-view>。

PS搭建一个新的 Vue 项目，使用npm init …

const myArray = [
  [2, 4], "cat", "hamster", 9
]
console.log(myArray.includes("cat"))
console.log(myArray.includes([2, 4]))

输出为真，为假。include() 不适用于数组内的数组吗？谢谢

我已经为 VS Code安装了更漂亮的扩展，将其设置为默认格式化程序，还在 VS Code 的设置文件中将保存时的格式设置为 true，并将文件设置为在一段时间延迟后自动保存。

"editor.defaultFormatter": "esbenp.prettier-vscode",
"editor.formatOnSave": true,
"files.autoSave": "afterDelay"

但是当文件在 2 秒延迟后自动保存时，更漂亮并没有格式化我的代码。代码仅在以下情况下格式化：

• 手动设置格式使用代码option+ Shift+F键盘快捷键。
• 按command+S

这是我的.prettierrc文件

{
    "trailingComma": "es5",
    "tabWidth": 4,
    "semi": true,
    "singleQuote": true
}

如何在文件保存时自动使我的代码格式更漂亮？

我在 useEffect 挂钩中调用 get API，以在组件安装之前获取数据，但它多次调用 API，并且收到错误“To many API requests”。

const [total, setTotal] = useState(0);
const [message, setMessage] = useState('');

useEffect(() => {
    covidApi.getData({url:'/totals'})
    .then((response) => {
        setTotal(response.data[0]);
        setMessage('');
        console.log(response.data);
    })
    .catch((error) => {
        setMessage("No data found");
        console.log(error);
    })
});

输出：

请让我知道这是在使用 useEffect 钩子渲染组件之前从 API 获取数据的最佳方式。

基本上是标题。我需要一个类似于蹲下按钮的功能 - 角色仅在按住向下箭头键时蹲下，而不仅仅是按下一次。我如何使它工作？这是我尝试过但不起作用的方法。提前致谢！！！！！

document.onkeydown = function (event) {
    let key = event.key;
    while (key ==  "ArrowDown") {
        character.style.width = 50 + "px";
        character.style.height = 30 + "px";
        character.style.top = 115 + "px";
    }
}

Redux.org告诉您要规范化您的状态，但这会造成一些混乱。

它告诉我们应该有以下格式的状态：

{
    simpleDomainData1: {....},
    simpleDomainData2: {....},
    entities : {
        entityType1 : {....},
        entityType2 : {....}
    },
    ui : {
        uiSection1 : {....},
        uiSection2 : {....}
    }
}

我可以通过两种方式实现这一目标。

案例 1：我有 3 个页面，主页、创建、提要页面。因此，我可以创建 homeReducer.js、createReducer.js、feedsReducer.js，每个化简器将具有 simpleDomainData1、simpleDomainData2、entities 和 ui。

情况 2：我可以为每个字段创建单独的减速器，例如 simpleHomeReducer.js、simpleCreateReducer.js、simpleFeedsReducer.js、entitiesReducer、uiReducer.js。

但我不明白哪种方法是正确的，为什么？

我有一个小的 html 代码如下：

<div class="main">
  <div class="comments">
    <div class="insider">
      <div class="text">
        some text
      </div>
    </div>
  </div>
</div>

我目前在const ele = document.querySelector(".text")，我希望从上述元素动态上升，直到达到一个名称为“comments”的类，并且不远于此。

我如何通过普通 JavaScript 使用 来实现这一点querySelector？

我被要求写出一段代码来反转传入对象的所有键值对。这就是我写的。

invert(object){
   let newObj = {};
   
   for(let key in object){
      const original = object[key];
      newObj = {original : key}
   }
   
   return newObj;        
}

显然那是有效的（我不知道为什么）。问题的答案是

invert(object){
   let invertedObject = {};
   
   for(let key in object){
      const originalValue = object[key];
      invertedObject = {originalValue : key}
   }
 
   return invertedObject;
}

当使用测试文件运行时，我的代码失败而答案代码通过。推理是我的返回未定义。

来自测试的错误代码：

失败：_.invert({originalKey: "originalValue"})["originalValue"]) 返回 undefined 而不是 originalKey

我是反应新手，我正在尝试使用 redux，但我注意到每次我的子组件（图标包）更改包中的项目数量时，整个标头组件都会重新渲染。我努力了，

• 使用备忘录
• 创建选择器
• React.memo（标题）

有什么建议么？

标头组件

const Header = ({ currentUser }) => {
    const { hidden } = useSelector(state => state.cart);

    return (
        <div className="header">
            ...
            <div className="options">
                ...
                <CartIcon />
            </div>

        </div>);
};

export default Header;

购物车图标组件

const CartIcon = () => {
    const selectCartItems = createSelector(
        state => state.cart,
        cart => cart.cartItems
    );
    const cartItems = useSelector(selectCartItems);
    const dispatch = useDispatch();

    const totalItemsCount = (cartItems) => {
        return cartItems.reduce((acc, crr) =>
            acc + crr.quantity
            , 0) …

我有以下代码，要求它检查 2 个 dataLayer 值之一是否为“！= false”，然后运行其余代码。

但是，一旦第一个条件失败，代码就会中断，并且不会检查第二个条件。那么，我怎样才能让这两个条件都被检查，因为其中一个条件在 dataLayer 中始终可用？

function init() {
    if (dataLayer.condition[1] != false || dataLayer.condition[2] != false) {
        Do something
    }
    
}

下面是当页面上缺少第一个条件值时出现的错误的屏幕截图。

考虑以下代码：

console.log(typeof ('6'/'2')) // => "number"

现在如果我删除之后的括号typeof

console.log(typeof '6' / '2') // => NaN

这显示了不同的输出。我想知道 JavaScript 引擎在这里是如何工作的。