主页 / user-401168

Дмитрий Алёхин's questions

Martin Hope
Дмитрий Алёхин
Asked: 2025-03-06 00:02:07 +0000 UTC
  • 5
const data = {
    group: "Group1",
    attributes: { name: "Item1" },
    children: [
        { attributes: { name: "SubItem1" } },
        { attributes: { name: "SubItem2" } },
        {
            group: "Group2",
            attributes: { name: "Item2" },
            children: [{ attributes: { name: "SubItem3" } }, { attributes: { name: "SubItem4" } }],
        },
    ],
};

结果

{
Group1: [Item1,SubItem1,SubItem2, Item2,SubItem3,SubItem4],
Group2: [Item2,SubItem3,SubItem4]
}

数组中的顺序并不重要。

javascript
Martin Hope
Дмитрий Алёхин
Asked: 2020-10-01 13:56:25 +0000 UTC
  • 0

我从事自学，遇到这样一个问题，解决起来很笨=（

  • 我希望滑块具有自适应性，但图片表现不佳，我喜欢它们爬出 flexBOX 过道，但同时 max-width: 960px; 对于容器它不起作用如何修复它没看懂=(
  • 自己写了一小段js代码，只是个拐杖，所以不想用，或许有一些足够的解决办法？

(function () {
    let MyWidth = document.documentElement.clientWidth;
    let MyImagesSlayder = slayder.querySelectorAll("img");
    for(let kay of MyImagesSlayder){ //кастыль на ширену CSS
        kay.style.maxWidth = MyWidth +"px";
    }
    console.log(MyWidth);
 }());
@import url('https://fonts.googleapis.com/css2?family=Roboto:ital,wght@0,100;0,300;0,400;0,500;0,700;0,900;1,100;1,300;1,400;1,500;1,700;1,900&display=swap');
*{
    margin: 0px;
    padding: 0px;
}
body{
    font-family: "roboto";
}
.content{
    margin: auto;
    max-width: 960px;
}
.slayder{
    max-width: 960px;
    position: relative;
}
.slayder-images-box{
    display: flex;
}
.box-slayder{
    position: relative;
    display: flex;
    max-width: 960px;
}
.box-slayder img{
    height: 400px;
    /* width: 100%; */
    /* Хочу чтобы было адаптивно но фотографии сжимаются =(*/
    
}

/* ================== */

.box-slayder a{
    font-size: 30px;
    position: absolute;
    bottom: 50px;
    left: 70px;
    padding: 20px;
    width: 350px;
    color: #fff;
    background: #000;
    opacity: 0.7;
    text-decoration: none;
}
.battan-slayder{
    display: flex;
    justify-content: space-between;
    position: absolute;
    width: 100%;
    top: 50%;
    font-size: 40px;
    color: #fff;
}
.battan-slayder i {
    margin: 0px 20px;
    opacity: 0.7;
}
.battan-slayder i:hover {
    opacity: 1;
}
<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
    <link rel="stylesheet" type="text/css" href="style/global_Stale.css">
    <link rel="stylesheet" href="libs/font-css/all.min.css">
</head>
<body>
    
    <div class="content">
        <div class="slayder" id="slayder">
            <div class="slayder-images-box">
                <div class="box-slayder box-1">
                    <img src="https://www.supervizuelna.com/wp-content/uploads/2018/01/1-960x380.jpg" alt="">
                    <a href="#">Lorem ipsum, dolor sit, amet consectetur adipisicing elit.</a>
                </div>
                <div class="box-slayder ">
                    <img src="http://www.wsyc.org.uk/wp-content/uploads/2019/05/featuredimage-The-Connection-Between-Las-Vegas-and-Skiing-960x380.png" alt="">
                    <a  href="#">Commodi culpa magnam distinctio, facere facilis corrupti quis.</a>
                </div>
                <div class="box-slayder">
                    <img src="https://www.supervizuelna.com/wp-content/uploads/2018/01/1-960x380.jpg" alt="">
                    <a  href="#">Possimus iure odit, voluptates sapiente nobis aspernatur, suscipit.</a>
                </div>
                <div class="box-slayder">
                    <img src="http://www.wsyc.org.uk/wp-content/uploads/2019/05/featuredimage-The-Connection-Between-Las-Vegas-and-Skiing-960x380.png" alt="">
                    <a  href="#">Vel nesciunt voluptatem, quis nobis in minus quasi!</a>
                </div>
                
            </div>
            <div class="battan-slayder">
                <i class="fas fa-angle-left"></i>
                <i class="fas fa-angle-right"></i>
            </div>

        </div>
    </div>
    <script src="js/slayder.js"></script>
</body>
</html>

css
Martin Hope
Дмитрий Алёхин
Asked: 2020-07-31 18:53:53 +0000 UTC
  • 0

我使用使用线性堆栈 \Ds\Stack() 的官方示例：https ://www.php.net/manual/en/class.ds-stack.php

$stack = new \Ds\Stack();

$stack->push("a");
$stack->push("b");
$stack->push("c");

var_dump($stack->pop());
var_dump($stack->pop());
var_dump($stack->pop());

引发错误：致命错误：未捕获错误：在 C:\OSPanel\domains\lab5.CD\index.php:2 中找不到类 'Ds\Stack' 堆栈跟踪：#0 {main} 在 C:\OSPanel\ 中引发第 2 行的域 \lab5.cd\index.php

$q = new SplStack();作品

我刚开始研究堆栈，我不明白为什么它不起作用=（如何解决它以及问题是什么

php