有效沟通问答-【官方】尚新途_IT在线教育培训机构

無関•2024-05-08 18:46:38

练习题第二题，因为num1不>=num2，所以无打印，不是吗

相关课程：WEB前端全系列/第二阶段：JavaScript编程模块/运算符_数据类型和流程循环语句

？•2024-05-06 22:42:33

为什么我的shift+alt+up/down用不了

相关课程：WEB前端全系列/第一阶段：HTML5+CSS3模块/表单

雪松•2024-04-29 16:47:07

老师我想问一下，购物车的鼠标滑动之后的边框不显示想问一下我写的CSS哪里出了问题。

相关课程：WEB前端全系列/第一阶段：HTML5+CSS3模块/商城官网项目

伍诗豪•2024-04-29 14:18:53

leftBtn.onclick = function () {

idx--

console.log(idx);

changePic();

}

rightBtn.onclick = function () {

idx++

console.log(idx);

changePic();

}

感觉左右切换图片显示的按键，左侧idx--右侧idx++比较好，与下方的指示器能对上

相关课程：WEB前端全系列/第二阶段：JavaScript编程模块/DOM模型

微信用户•2024-04-24 22:18:49

2.png

老师我运行效果都没问题，就是控制台这里不一样，我查看不了看不太懂我这是怎么回事？

相关课程：WEB前端全系列/第九阶段：HTML5新特性模块/HTML5新特性

？•2024-04-21 00:16:58

<ul>

<li><a href="https://bjsxt.com">尚学堂合作</a></li>

<li><a href="https://itbaizhan.cn">百战程序员</a></li>

</ul>

什么情况下适合使用a href="#"?

相关课程：WEB前端全系列/第一阶段：HTML5+CSS3模块/HTML5基础元素

微信用户•2024-04-20 23:26:07

请问这怎么解决啊？

相关课程：WEB前端全系列/第九阶段：HTML5新特性模块/HTML5新特性

没有野心只想要你•2024-04-19 17:29:55

老师，为什么我点了发行-网站 PC web或手机h5以后弹出的不是 H5发行，而是web发行，打包完成之后目录中也是web文件夹，双击打不开，这是什么情况呀

相关课程：WEB前端全系列/第二十二阶段：uni-app框架/uni-app实战-百战程序员

Lidia•2024-04-18 12:58:49

老师，为什么我加了浮动为什么还是竖着摆放的啊？

<!DOCTYPE html>

<head>

<title>Document</title>

<style>

.boot {

width: 600px;

height: 600px;

background-color: azure;

}

.left {

width: 300px;

height: 600px;

background-color: pink;

float: left;

}

.right{

width: 400px;

height: 600px;

background-color: aquamarine;

float: left;

}

</style>

</head>

<body>

</div>

</body>

</html>

相关课程：WEB前端全系列/第一阶段：HTML5+CSS3模块/初识CSS

？•2024-04-17 23:36:36

<!DOCTYPE html>

<head>

<title>Document</title>

</head>

<body>

</body>

</html>

老师，为什么我的这个不显示图片

相关课程：WEB前端全系列/第一阶段：HTML5+CSS3模块/表单

Lidia•2024-04-17 21:09:59

这里写value的意义是什么？

相关课程：WEB前端全系列/第一阶段：HTML5+CSS3模块/表单

01lun•2024-04-17 19:06:01

indicator-dots="{{ swiperOptions.indicatorDots }}"

indicator-color="{{ swiperOptions.indicatorColor }}"

indicator-active-color="{{ swiperOptions.indicatorActiveColor }}"

autoplay="{{ swiperOptions.autoplay }}"

interval="{{ swiperOptions.interval }}"

duration="{{ swiperOptions.duration }}"

circular="{{ swiperOptions.circular }}"

vertical="{{ circular }}"

机上之后轮播图效果的点没有了

1713351929975.jpg

相关课程：WEB前端全系列/第十四阶段：微信小程序/小程序组件

Kay.^~^•2024-04-16 20:40:03

/* 
    瀑布流效果
        1、第二行的第一张图片，应该放在每列的高度最矮的图片下面
 */
// 1、动态设置页面居中
window.onload = function(){
    waterFlow();
}


function waterFlow(){
    // 获取父级容器
    var parentContainer = document.getElementById("container");
    // 获取子元素
    var allChild = document.getElementsByClassName("box");
    // 获取屏幕
    var screenWidth = document.documentElement.clientWidth;
    // 获取一个图片容器的宽度
    var childWidth = allChild[0].offsetWidth;
    // 计算屏幕水平方向最多能摆放的图片个数
    var rowsNum = Math.floor(screenWidth / childWidth) - 1; // 向下取整，预留一张作为空白区
    // 让页面左右居中
    parentContainer.style.cssText = "width:" + rowsNum * childWidth + "px;margin:0 auto;";

    getMinHeightOfCols(allChild,rowsNum);
}

// 2、动态设置图片位置

function getMinHeightOfCols(allChild,rowsNum){
    // 数组存储每列的高度
    var colsHeightArr = [];
    for(var i = 0;i < allChild.length;i++){
        // 判断取出第一行的图片，获取图片对应的高度，放入到数组中
        if(i < rowsNum){    // i=6
            // 获取当前图片的高度
            colsHeightArr[i] = allChild[i].offsetHeight;
        }else{
            // 获取一列高度最小的值
            var minHeightOfCols = Math.min.apply(null,colsHeightArr);
            // 获取最小值对应的下标（（位置）
            var minHeightOfIndex = colsHeightArr.indexOf(minHeightOfCols);
            // 摆放第二张图片的位置 
            allChild[i].style.position = "absolate";
            allChild[i].style.top = minHeightOfCols+"px";
            allChild[i].style.left = allChild[minHeightOfIndex].offsetLeft+"px";

            //高度的合并
            colsHeightArr[minHeightOfIndex]=colsHeightArr[minHeightOfIndex]+allChild[i].offsetHeight;
        }
    }

}

找了好几遍，不知道为什么，总是有那个空隙？

相关课程：WEB前端全系列/第二阶段：JavaScript编程模块/DOM模型

？•2024-04-15 22:25:10

<html lang="en">和<html>是一样的么

相关课程：WEB前端全系列/第一阶段：HTML5+CSS3模块/前端入门与基础知识

微信用户•2024-04-04 13:35:32

<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
</head>
<style>
    .phone {
        width: 1300px;
        height: 680px;
        margin: 0 auto;
        background-color: bisque;
    }

    .left {
        width: 234px;
        height: 680px;
        background-color: rgb(236, 41, 7);
    }

    .right {
        float: right;
        width: 1050;
        height: 680px;
        background-color: aliceblue;
    }

    .box {
        float: left;
        width: 250px;
        height: 300px;
        background-color: black;
        margin-top: 10px;
        margin-left: 10px;
    }
</style>

<body>
    <div class="phone">
        <div class="left"></div>
        <div class="right">
            <div class="box"></div>
            <div class="box"></div>
            <div class="box"></div>
            <div class="box"></div>
            <div class="box"></div>
            <div class="box"></div>
            <div class="box"></div>
            <div class="box"></div>
        </div>
    </div>
</body>

</html>

老師，我的網頁加載后right裏面内容都向下排列了

相关课程：WEB前端全系列/第一阶段：HTML5+CSS3模块/表单

会员可以在此提问，尚新途老师有问必答

同学您好