Day07

最新推荐文章于 2024-05-15 11:59:04 发布

AoliAokie

最新推荐文章于 2024-05-15 11:59:04 发布

阅读量181

点赞数

本文链接：https://blog.csdn.net/AoliAokie/article/details/100751883

版权

HTML作业
1、用BootStrap实现一个导航栏

导航栏

![在这里插入图片描述](https://img-blog.csdnimg.cn/20190911225156565.png?x-oss-process=image/watermark,type_ZmFuZ3poZW5naGVpdGk,shadow_10,text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L0FvbGlBb2tpZQ==,size_16,color_FFFFFF,t_70) 2、完成该页面，取材自有道云课堂。 Title

<div class="um-live-live-list-hd" id="auto-id-1568196988046">
    <h2 class="um-live-live-list-hd_label">课堂直播</h2>
    <a class="um-live-live-list-hd_more" href="//study.163.com/live" target="_blank" data-log-act="click" data-log-data="{&quot;itemName&quot;:&quot;查看更多&quot;,&quot;itemUrl&quot;:&quot;//study.163.com/live&quot;}" id="auto-id-1568196988045">
        <span>更多</span>
        <span class="i-icon"></span>
    </a>
</div>
<div class="um-live-live-list-ct" id="auto-id-1568196988039">

    <div class="um-live-live-card z-col-3" data-log-act="click" data-log-id="liveCard" data-log-data="{&quot;itemId&quot;:1279686751,&quot;itemUrl&quot;:&quot;https://study.163.com/lessonlive/h5/1279686751.htm&quot;,&quot;itemName&quot;:&quot;运营插画四部曲&quot;,&quot;logType&quot;:&quot;liveUnit&quot;}" id="auto-id-1568196988038">
        <div class="um-live-live-card-head" id="auto-id-1568196988037">
            <img class="um-live-live-card-head_img" src="//edu-image.nosdn.127.net/D41249B06AB92BC2CFF6C178131B7591.jpg?imageView&amp;quality=100&amp;thumbnail=80y80" id="auto-id-1568196988036">
        </div>
        <div class="um-live-live-card-action z-remind">

            <span class="um-live-live-card-action_label">

    </span>

            <span class="um-live-live-card-action_btn " data-log-act="click" data-log-id="btn" data-log-data="{&quot;buttonText&quot;:&quot;开启提醒&quot;,&quot;logType&quot;:104}">开启提醒</span>
        </div>
        <div class="um-live-live-card-tit">运营插画四部曲</div>
        <div class="um-live-live-card-subtit">艾琦aiki   </div>
    </div>

    <div class="um-live-live-card z-col-3" data-log-act="click" data-log-id="liveCard" data-log-data="{&quot;itemId&quot;:1279674984,&quot;itemUrl&quot;:&quot;https://study.163.com/lessonlive/h5/1279674984.htm&quot;,&quot;itemName&quot;:&quot;网易技术这些年，JAVA后端架构体系是怎么发展起来得！&quot;,&quot;logType&quot;:&quot;liveUnit&quot;}">
        <div class="um-live-live-card-head">
            <img class="um-live-live-card-head_img" src="//edu-image.nosdn.127.net/D7C81D4C0F1114598555FC5F8EF010F0.png?imageView&amp;quality=100&amp;thumbnail=80y80">
        </div>
        <div class="um-live-live-card-action z-remind">

            <span class="um-live-live-card-action_label">

    </span>

            <span class="um-live-live-card-action_btn " data-log-act="click" data-log-id="btn" data-log-data="{&quot;buttonText&quot;:&quot;开启提醒&quot;,&quot;logType&quot;:104}">开启提醒</span>
        </div>
        <div class="um-live-live-card-tit">网易技术这些年，JAVA后端架构体系是怎么发展起来得！</div>
        <div class="um-live-live-card-subtit">王建安 网易特邀Java高级工程师</div>
    </div>

    <div class="um-live-live-card z-col-3" data-log-act="click" data-log-id="liveCard" data-log-data="{&quot;itemId&quot;:1279691638,&quot;itemUrl&quot;:&quot;https://study.163.com/lessonlive/h5/1279691638.htm&quot;,&quot;itemName&quot;:&quot;助力求职同时兼具理财神技：用Python优化股票仓位&quot;,&quot;logType&quot;:&quot;liveUnit&quot;}">
        <div class="um-live-live-card-head">
            <img class="um-live-live-card-head_img" src="//edu-image.nosdn.127.net/9D267391C6456C2FFDACCEA7E3014EC1.jpg?imageView&amp;quality=100&amp;thumbnail=80y80">
        </div>
        <div class="um-live-live-card-action z-remind">

            <span class="um-live-live-card-action_label">

    </span>

            <span class="um-live-live-card-action_btn " data-log-act="click" data-log-id="btn" data-log-data="{&quot;buttonText&quot;:&quot;开启提醒&quot;,&quot;logType&quot;:104}">开启提醒</span>
        </div>
        <div class="um-live-live-card-tit">助力求职同时兼具理财神技：用Python优化股票仓位</div>
        <div class="um-live-live-card-subtit">大鹏 网易金牌数据分析讲师</div>
    </div>

    <div class="um-live-live-card z-col-3" data-log-act="click" data-log-id="liveCard" data-log-data="{&quot;itemId&quot;:1279685839,&quot;itemUrl&quot;:&quot;https://study.163.com/lessonlive/h5/1279685839.htm&quot;,&quot;itemName&quot;:&quot;应用打包优化之被遗忘的精髓&quot;,&quot;logType&quot;:&quot;liveUnit&quot;}">
        <div class="um-live-live-card-head">
            <img class="um-live-live-card-head_img" src="//edu-image.nosdn.127.net/A254AA8413F2E4F6F1B1DC0879E2A47A.jpg?imageView&amp;quality=100&amp;thumbnail=80y80">
        </div>
        <div class="um-live-live-card-action z-remind">

            <span class="um-live-live-card-action_label">

    </span>

            <span class="um-live-live-card-action_btn " data-log-act="click" data-log-id="btn" data-log-data="{&quot;buttonText&quot;:&quot;开启提醒&quot;,&quot;logType&quot;:104}">开启提醒</span>
        </div>
        <div class="um-live-live-card-tit">应用打包优化之被遗忘的精髓</div>
        <div class="um-live-live-card-subtit">彭锡 网易网易特邀安卓高级工程师</div>
    </div>

    <div class="um-live-live-card z-col-3" data-log-act="click" data-log-id="liveCard" data-log-data="{&quot;itemId&quot;:1279695515,&quot;itemUrl&quot;:&quot;https://study.163.com/lessonlive/h5/1279695515.htm&quot;,&quot;itemName&quot;:&quot;从源码探究构建工具之手动实现webpack&quot;,&quot;logType&quot;:&quot;liveUnit&quot;}">
        <div class="um-live-live-card-head">
            <img class="um-live-live-card-head_img" src="//edu-image.nosdn.127.net/5E524E150C174D0F8B7AA9A3B6600800.jpg?imageView&amp;quality=100&amp;thumbnail=80y80">
        </div>
        <div class="um-live-live-card-action z-remind">

            <span class="um-live-live-card-action_label">

    </span>

            <span class="um-live-live-card-action_btn " data-log-act="click" data-log-id="btn" data-log-data="{&quot;buttonText&quot;:&quot;开启提醒&quot;,&quot;logType&quot;:104}">开启提醒</span>
        </div>
        <div class="um-live-live-card-tit">从源码探究构建工具之手动实现webpack</div>
        <div class="um-live-live-card-subtit">谭金龙 网易特邀前端高级工程师</div>
    </div>

    <div class="um-live-live-card z-col-3" data-log-act="click" data-log-id="liveCard" data-log-data="{&quot;itemId&quot;:1279688144,&quot;itemUrl&quot;:&quot;https://study.163.com/lessonlive/h5/1279688144.htm&quot;,&quot;itemName&quot;:&quot;Python极速入门：教你做电影实时票房爬虫网站&quot;,&quot;logType&quot;:&quot;liveUnit&quot;}">
        <div class="um-live-live-card-head">
            <img class="um-live-live-card-head_img" src="//edu-image.nosdn.127.net/A7BE0FA600C809FC7E0D305B4A4DEBB9.jpg?imageView&amp;quality=100&amp;thumbnail=80y80">
        </div>
        <div class="um-live-live-card-action z-remind">

            <span class="um-live-live-card-action_label">

    </span>

            <span class="um-live-live-card-action_btn " data-log-act="click" data-log-id="btn" data-log-data="{&quot;buttonText&quot;:&quot;开启提醒&quot;,&quot;logType&quot;:104}">开启提醒</span>
        </div>
        <div class="um-live-live-card-tit">Python极速入门：教你做电影实时票房爬虫网站</div>
        <div class="um-live-live-card-subtit">毕滢 网易AI专家讲师</div>
    </div>

</div>

![在这里插入图片描述](https://img-blog.csdnimg.cn/2019091122521412.png?x-oss-process=image/watermark,type_ZmFuZ3poZW5naGVpdGk,shadow_10,text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L0FvbGlBb2tpZQ==,size_16,color_FFFFFF,t_70) JS作业 1、页面中有一个按钮要求，能实现点击这个按钮弹出显示按钮中的值。 Title 按钮 ![在这里插入图片描述](https://img-blog.csdnimg.cn/20190911225259630.png?x-oss-process=image/watermark,type_ZmFuZ3poZW5naGVpdGk,shadow_10,text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L0FvbGlBb2tpZQ==,size_16,color_FFFFFF,t_70) 2、使用js打印出1000以内的水仙花数 Title ![在这里插入图片描述](https://img-blog.csdnimg.cn/20190911225336455.png?x-oss-process=image/watermark,type_ZmFuZ3poZW5naGVpdGk,shadow_10,text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L0FvbGlBb2tpZQ==,size_16,color_FFFFFF,t_70) 3、使用函数完成一个calculate函数，该函数接收x、c、y三个参数，x和y为数字，c为运算符范围为（+、-、*、/），要求函数返回x c y的结果。例如x为1，c为+，y为2，则结果为3。 Title Title

x: 算术符