小编Bas*_*Bas的帖子

我在Sass中有一个变量,用于确定我的网格系统columns中应该有多少个变量row.

通常,那些是12 columns.

在JavaScript中,我有一个函数可以检查a中是否有超过12 column秒row.

如果是这样,它会隐藏整行.

这个函数看起来像这样:

function checkColumns() {
    var maxColumns = 12;
    $('.row').each(function () {
        var elementsLength = $(this).children('.column').length;
        if (elementsLength > maxColumns) {
            $(this).remove();
        }
    });
}

有没有办法将maxColumns变量更改为我的sass变量中的相同数字？除了每次更改我的sass文件中的数字时手动更改它.

我正在学习 Next.js 进行 Web 开发，并且遇到了commerce，这是一个用 Next.js 编写的电子商务网站的样板。当我浏览代码时，我发现了使用React Aria来创建叠加层的Sidebar组件。

我想在自己的项目中使用这部分，因此编写了一个Overlay也使用该OverlayContainer组件的组件。

import { useRef } from 'react';

import {
    useOverlay,
    useModal,
    OverlayContainer
} from '@react-aria/overlays';

const Overlay = ({ className, children, open = false, onClose }) => {
    const ref = useRef(null);

    const { modalProps } = useModal();

    let { overlayProps } = useOverlay({ onClose: onClose, open: open, isDismissable: true }, ref);
    return (
        <OverlayContainer>
            <div
                {...overlayProps}
                {...modalProps}
                ref={ref}
            >
                {children}
            </div> …

我试图在我的元素中显示两件事; 的class名称和自己创建的data-size变量.与一个白色空间分开.

我可以这样做:

.element:before {
   content: attr(class);
}

.element:after {
   content: attr(data-size);
}

但它似乎不是一种正确的方法.我也试过这样做:

.element:before {
   content: attr(class data-size);
}

但那并没有奏效.

输入

HTML

<div class="element" data-size="20"></div>

CSS

.element:before {
    content: attr(class data-size);
}

想要输出

要素20

在这里演示

我正在制作一个计算荷兰道路税的系统,因为我有一些JS数组(数据在哪里),我用JS解析(所有这些都在同一时间,因为它是相同的数据格式),然后使用该XMLHttpRequest对象将其作为JSON格式传递给PHP .

为此,我首先制作了这个数据映射器:

var roadTaxData = {
    provinceWeightFuelPricesData: {
        personen_auto: {
            noord_holland: dataNoordHolland,
            zeeland: dataZeeland
            //TODO: Add all the provinces with it's data to the personen_auto object
        },
        kampeer_auto: {
            noord_holland: dataNoordHolland2,
            zeeland: dataZeeland2
        }
    }
}

其格式为:

• 车辆类型
• 哪个省
• 该数据属于该省.

然后我做了这个小解析器来解析它到一个数组:

/*
 Loop through all the specific vehicle types inside the provinceWeightFuelPricesData object
 */
for (var vehicleType in roadTaxData.provinceWeightFuelPricesData) {
    /*
        Where the data is getting stored for each vehicle type
     */
    var data = {},
        /* …

我有以下HTML代码:

<div class="foo">
   ...
   <span> ---> can be the first
   <h1> ---> can be the first
   <h2> ---> can be the first
   and so on...
   ...
</div> 

我想在第一个元素中添加一些CSS样式,但不声明HTML元素的类型.

例如,这段代码对我没有帮助:

.foo span:first-child

即使开发人员选择在div中进行更改,我也希望CSS能够在第一个元素上运行.

有什么办法吗？

对于使用该包的项目express-session，我尝试session通过简单地添加用户密钥来改变对象。

req.session.user = 123;

从这个问题的接受答案来看，我知道我可以使用声明合并来扩展SessionData接口，使用我自己的接口。

查看各种开源项目，例如HospitalRun 组件存储库，我注意到它们的文件types中的目录如下所示。tsconfig.jsoninclude

  "include": [
    "src",
    "types"
  ]

我的整体tsconfig.json看起来像这样，它位于项目的根部。

{
    "include": [
        "types",
        "src",
    ],
    "exclude": [
        "node_modules"
    ],
    "compilerOptions": {
        "lib": [
            "esnext",
            "esnext.asynciterable"
        ],
        "baseUrl": ".",
        "skipLibCheck": true,
        "module": "commonjs",
        "esModuleInterop": true,
        "target": "es6",
        "moduleResolution": "node",
        "outDir": "build",
        "experimentalDecorators": true,
        "emitDecoratorMetadata": true,
        "allowSyntheticDefaultImports": true,
        "strict": true,
        "strictPropertyInitialization": false,
    },
}

我尝试做同样的事情，express-session.d.ts在该文件夹的根目录中创建一个名为 ( ~/types/) 的文件，其中包含以下内容：

import …

bool validateTextBox =
    Security.IsValidateTextBoxSuccess(merk_textBox, "Voer een merk in") ?
    Security.IsValidateTextBoxSuccess(serienummer_textBox, "Voer een serie nummer in") ? 
    Security.IsValidateTextBoxSuccess(h_nummer_textBox, "Voer een h nummer in") ?
    Security.IsValidateTextBoxSuccess(locatie_textBox, "Voer een locatie in") ?
    Security.IsValidateTextBoxSuccess(status_textBox, "Voer een status in") ?
    Security.IsValidateTextBoxSuccess(in_bezit_van_textBox, "Voer een naam in") ?
    Security.IsValidateTextBoxSuccess(serienummer_textBox, "Voer een laptop nummer in") ?
    Security.IsValidateTextBoxSuccess(olc_nummer_textBox, "Voer een olc nummer in")
    : false;

我收到错误:

Syntax error, ':' expected

在行尾.这是为什么？

我有一个自己制作的网格系统,我必须计算一列的每个大小.

在每个row拟合12列中.我将在下面给出的每个示例代码都是这种情况.

在计算网格大小的百分比时,这些数字并不总是整数,大多数情况如下:

99.98029427220177
100.01970572779821
100.0146484375
100.009765625
100.01464843750001
100.00976562499999

当我Math.floor在javascript 使用时,我得到这个:

94
96
98
99
98
99

这就是我想要的:

100
100
100
100
100
100

所以全部四舍五入到整个百分比.

我正在用PHP编写一个未完全完成的代码.当我register.php在浏览器中打开这个脚本时,只有一个空白页面,因为我无法克服require('config.php').当我删除时,require('config.php')一切都会出现在我的浏览器中.

你能帮帮我,告诉我有什么问题require吗？

<?php

require('config.php');
if (isset($_POST['submit'])) {
} else {
    $form = <<<EOT
<form action="register.php" method="POST">
First Name: <input type="text" name="name" /> <Br/>
Last Name: <input type="text" name="lname" /> <Br/>
Username: <input type="text" name="uname" /> <Br/>
Email: <input type="text" name="email1" /> <Br/>
Email2: <input type="text" name="email2" /> <Br/>
Pass: <input type="password" name="pass1" /> <Br/>
Pass2: <input type="password" name="pass2" /> <Br/>
<input type="submit" value="register" name="submit" />      
</form>
EOT;
    echo $form;
}