web应用技术实践 w2d3

最新推荐文章于 2020-03-14 15:59:07 发布
最新推荐文章于 2020-03-14 15:59:07 发布
阅读量197 收藏
点赞数
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/Impancy/article/details/100848912
版权

1.用BootStrap实现一个导航栏

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>导航栏demo</title>
    <link rel="stylesheet" href="bootstrap-3.3.7-dist/css/bootstrap.css">
    <script src="jquery-3.4.1.min.js"></script>
    <script src="bootstrap-3.3.7-dist/js/bootstrap.js"></script>
</head>
<body>
<div class="container">
    <nav class="navbar navbar-default"> <!--navbar-fixed-top-->
        <div class="container-fluid">
            <!--            第一个元素，网站名-->
            <div class="navbar-header">
                <span class="navbar-brand">英雄联盟人物管理系统</span>
            </div>
            <div>
                <ul class="nav navbar-nav">
                    <li><a href="">流行英雄管理</a></li>
                    <li><a href="">过气英雄管理</a></li>
                    <li class="dropdown">
                        <a href="" data-toggle="dropdown">快过气英雄管理</a>
                            <ul class="dropdown-menu">
                                <li><a href="">a</a></li>
                                <li><a href="">b</a></li>
                            </ul>
                    </li>
                </ul>
            </div>
        </div>
    </nav>
</div>
</body>
</html>

在这里插入图片描述

2、完成该页面，取材自有道云课堂。

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Title</title>
    <link href="bootstrap-3.3.7-dist/css/bootstrap.css"rel="stylesheet">
    <style>
        img{
            border-radius:100%;
            overflow:hidden;
        }
        h6{
            color: cadetblue;
        }
    </style>

</head>
<body>
<div class="container" style="margin-top: 5%">


    <table cellpadding="0" class="table table-striped table-hover table-condensed ">
        <thead>
        <tr>

            <td>
                <img src="1.jpg" >
            </td>
            <td>
                今天20:00 <a href="#" style="color: green">丨开启提醒</a><br>
                运营插画四部曲 <br>
                <h6>艾琦aiki</h6>
            </td>
            <td>
                <img src="2.jpg" alt="">
            </td>
            <td>今天20:00 <a href="#"style="color: green">丨开启提醒</a><br>
                网易技术这些年，JAVA后端架构体系 <br>
                是怎么发展起来得！
                <h6>王建安 网易特邀Java高级工程师</h6>
            </td>
            <td>
                <img src="3.jpg" alt="">
            </td>
            <td>
                今天20:00 <a href="#"style="color: green">丨开启提醒</a><br>
                网易技术这些年，JAVA后端架构体系 <br>
                是怎么发展起来得！
                <h6>王建安 网易特邀Java高级工程师</h6>
            </td>
        </tr>

        </thead>
        <tbaby>
            <tr>
                <td>
                    <img src="4.jpg" alt="">
                </td>
                <td>
                    今天20:00 <a href="#"style="color: green">丨开启提醒</a><br>
                    助力求职同时兼具理财神技：用Pytho <br>
                    n优化股票仓位
                    <h6>leo 网易特邀数据分析讲师</h6>
                </td>
                <td>
                    <img src="5.jpg" alt="">
                </td>
                <td>     今天20:00 <a href="#"style="color: green">丨开启提醒</a><br>
                    从源代码构建工具之手动实现webp <br>
                    ack
                    <h6>谭金龙 网易特邀前端高级工程师</h6>
                </td>
                <td>
                    <img src="6.jpg" alt="">
                </td>
                <td>     今天20:00 <a href="#"style="color: green">丨开启提醒</a><br>
                    Python极速入门：教你做电影实时票 <br>
                    房爬虫网址
                    <h6>毕滢 网易AI专家讲师</h6>
                </td>
            </tr>

        </tbaby>
    </table>
</div>
</body>
</html>

在这里插入图片描述

3、页面中有一个按钮要求，能实现点击这个按钮弹出显示按钮中的值。

    <!DOCTYPE html>
    <html lang="en">
    <head>
        <meta charset="UTF-8">
        <title>Title</title>
    </head>
    <body>
    <button onclick="alert(123)">按钮</button>
    </body>
    </html>

在这里插入图片描述

4、使用js打印出1000以内的水仙花数
<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Title</title>
</head>
<body>
<script>
    var i,a,b,c;
    for(i=100;i<1000;i++) {
        a = parseInt(i / 100);
        b = parseInt((i - a * 100) / 10);
        c = parseInt(i - a * 100 - b * 10);
        if (a * a * a + b * b * b + c * c * c == i) {
            document.write(i + "<br>");
        }
    }
</script>
</body>
</html>

在这里插入图片描述

Impancy
关注
aA_w2d3
03-18
总结，"aA_w2d3"这个主题涉及的IT知识点主要集中在JavaScript编程语言上，包括其语法、特性、应用以及相关的前端开发实践。如果你能深入探索这个项目，将有助于提升你的JavaScript技能和理解实际项目开发流程。
Web应用程序实践：数据库应用开发
bhbh520
10-15 950
  Web应用程序实践：数据库应用开发 一、       创建Web项目和Web窗体1、创建Web项目——Northwind2、创建两个Web窗体——View.aspx和New.aspx3、设置Web应用程序时的起始页为View.aspx4、添加一个类——DataBase5、在Web窗体中添加控件并设置控件的属性
Java Web应用实践
muzihao6的博客
03-14 1415
《JAVA WEB应用实践》 第一章 、JSP的认识 1、Tomcat7 的目录结构： 目录 说明 /bin 存放用于启动和停止Tomcat的脚本文件 /conf 存放Tomcat服务器的各种配置文件，最重要的是service.xml文件 /lib 存放Tomcat服务器需要的各种jar文件，驱动包 /logs 存放Tomcat的日志文件 /temp 存放Tomca...
Web应用程序的最佳实践
zcn596785154的博客
10-03 431
原始文章：https://developer.android.com/guide/webapps/best-practices.html与开发典型桌面网络浏览器的网页相比，为移动设备开发网页和Web应用程序提出了一系列不同的挑战。 为了帮助您开始使用，以下是您应遵循的实践列表，以便为Android和其他移动设备提供最有效的网络应用程序。1.将移动设备重定向到您的网站的专用移动版本有几种方法可以将请求
web应用技术实践 w2d2
Impancy的博客
09-10 142
<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>作业1</title> <link rel="stylesheet" href="./bootstrap-3.3.7-dist/css/bootstrap.m...
react-w2d3
03-18
可用脚本在项目目录中，可以运行：npm start在开发模式下运行应用程序。打开在浏览器中查看它。如果您进行编辑，则页面将重新加载。您还将在控制台中看到任何棉绒错误。npm test在交互式监视模式下启动测试运行器。...
蛇客户端：W2D3-蛇客户端
02-11
在IT行业中，"蛇客户端：W2D3-蛇客户端"这一标题可能指的是某个软件开发项目中的一个特定阶段或模块，可能是一个游戏客户端或者是一个具有类似功能的应用程序。在这个项目中，"W2D3"可能代表工作周的第三天，意味着...
html-and-css-w2d3
03-02
这个压缩包中的"html-and-css-w2d3-main"可能包含练习文件、示例代码、讲义或视频教程，帮助学习者通过实践巩固这些概念。通过深入研究这些材料，你将能够熟练地掌握HTML和CSS，并创建出富有表现力且响应式的网页。
5116-微信小程序电影院订票选座系统设计及实现+ssm（源码+数据库+lun文）.zip
09-15
本系统主要针对计算机相关专业的正在做毕业设计的学生和需要项目实战练习的学习者，可作为毕业设计、课程设计、期末大作业。本系统主要针对计算机相关专业的正在做毕业设计的学生和需要项目实战练习的学习者，可作为毕业设计、课程设计、期末大作业。本系统主要针对计算机相关专业的正在做毕业设计的学生和需要项目实战练习的学习者，可作为毕业设计、课程设计、期末大作业。本系统主要针对计算机相关专业的正在做毕业设计的学生和需要项目实战练习的学习者，可作为毕业设计、课程设计、期末大作业。
JavaScript 中的 `Array.prototype.filter` 方法全解析
09-15
在 JavaScript 编程中，处理数组是一项基本而重要的任务。数组的过滤操作是其中的一个常见需求，Array.prototype.filter 方法为此提供了强大的支持。本文将深入探讨 Array.prototype.filter 方法的工作原理、使用场景、代码示例以及与其他数组方法的比较。 Array.prototype.filter 是 JavaScript 中处理数组的强大工具，它允许开发者以声明式的方式轻松筛选出符合特定条件的元素。通过结合使用 Array.prototype.filter 和其他数组方法，可以解决各种复杂的数据筛选问题。 通过本文的详细介绍和示例代码，你应该能够掌握 Array.prototype.filter 的工作原理，并能够在实际开发中灵活运用它来处理数组数据。此外，了解其与 Array.prototype.map 和 Array.prototype.reduce 的结合使用，可以帮助你更好地编写高效且易于维护的代码。
5108-微信小程序的书橱+ssm（源码+数据库+lun文）.zip
09-15
本系统主要针对计算机相关专业的正在做毕业设计的学生和需要项目实战练习的学习者，可作为毕业设计、课程设计、期末大作业。本系统主要针对计算机相关专业的正在做毕业设计的学生和需要项目实战练习的学习者，可作为毕业设计、课程设计、期末大作业。本系统主要针对计算机相关专业的正在做毕业设计的学生和需要项目实战练习的学习者，可作为毕业设计、课程设计、期末大作业。本系统主要针对计算机相关专业的正在做毕业设计的学生和需要项目实战练习的学习者，可作为毕业设计、课程设计、期末大作业。
5046-微信小程序校园二手交易平台的小程序+ssm（源码+数据库+lun文）.zip
09-15
本系统主要针对计算机相关专业的正在做毕业设计的学生和需要项目实战练习的学习者，可作为毕业设计、课程设计、期末大作业。本系统主要针对计算机相关专业的正在做毕业设计的学生和需要项目实战练习的学习者，可作为毕业设计、课程设计、期末大作业。本系统主要针对计算机相关专业的正在做毕业设计的学生和需要项目实战练习的学习者，可作为毕业设计、课程设计、期末大作业。本系统主要针对计算机相关专业的正在做毕业设计的学生和需要项目实战练习的学习者，可作为毕业设计、课程设计、期末大作业。
SMT小型视觉贴片机控制系统源码源代码图纸 DI
09-15
SMT小型视觉贴片机控制系统源码源代码图纸 DI
图书馆自动化管理系统.zip
09-15
这是一个基于Apache kafka、Docker Compose、MongoDB和Flask技术的图书馆自动化管理系统。该项目旨在实现图书馆的各项服务自动化，包括图书借阅、预约和搜索功能。通过Flask构建REST API，使用MongoDB存储和管理图书、用户、借阅记录、罚款和预约等相关数据。apache Kafka用于系统各组件之间的消息通信，确保消息传递的可靠性和可扩展性。项目还实现了用户认证和授权功能，通过JWT进行安全认证和授权。每个对系统服务的请求都需要使用JWT进行验证。项目提供了全面的文档，解释了系统架构、数据库模式和API端点。同时，项目明确了所有依赖关系，并提供了环境搭建指南，便于其他开发者轻松复制环境。此外，项目还包含测试用例，以确保关键功能的正常运行。 1、资源项目源码均已通过严格测试验证，保证能够正常运行； 2、项目问题、技术讨论，可以给博主私信或留言，博主看到后会第一时间与您进行沟通； 3、本项目比较适合计算机领域相关的毕业设计课题、课程作业等使用，尤其对于人工智能、计算机科学与技术等相关专业，更为适合； 4、下载使用后，可先查看README.md文件（如有），本项目仅用作交流学习参考，请切勿用于商业用途。
【前景培训教材】第九章4G和5G信令流程.pdf
09-15
以下是对提供的参考资料的总结，按照要求结构化多个要点分条输出： 4G/5G无线网络优化与网规案例分析： NSA站点下终端掉4G问题：部分用户反馈NSA终端频繁掉4G，主要因终端主动发起SCGfail导致。分析显示，在信号较好的环境下，终端可能因节能、过热保护等原因主动释放连接。解决方案建议终端侧进行分析处理，尝试关闭节电开关等。 RSSI算法识别天馈遮挡：通过计算RSSI平均值及差值识别天馈遮挡，差值大于3dB则认定有遮挡。不同设备分组规则不同，如64T和32T。此方法可有效帮助现场人员识别因环境变化引起的网络问题。 5G 160M组网小区CA不生效：某5G站点开启100M+60M CA功能后，测试发现UE无法正常使用CA功能。问题原因在于CA频点集标识配置错误，修正后测试正常。 5G网络优化与策略： CCE映射方式优化：针对诺基亚站点覆盖农村区域，通过优化CCE资源映射方式（交织、非交织），提升RRC连接建立成功率和无线接通率。非交织方式相比交织方式有显著提升。 5G AAU两扇区组网：与三扇区组网相比，AAU两扇区组网在RSRP、SINR、下载速率和上传速率上表现不同，需根据具体场景选择适合的组网方式。 5G语音解决方案：包括沿用4G语音解决方案、EPS Fallback方案和VoNR方案。不同方案适用于不同的5G组网策略，如NSA和SA，并影响语音连续性和网络覆盖。 4G网络优化与资源利用： 4G室分设备利旧：面对4G网络投资压减与资源需求矛盾，提出利旧多维度调优策略，包括资源整合、统筹调配既有资源，以满足新增需求和提质增效。 宏站RRU设备1托N射灯：针对5G深度覆盖需求，研究使用宏站AAU结合1托N射灯方案，快速便捷地开通5G站点，提升深度覆盖能力。 基站与流程管理： 爱立信LTE基站邻区添加流程：未提供具体内容，但通常涉及邻区规划、参数配置、测试验证等步骤，以确保基站间顺畅切换和覆盖连续性。 网络规划与策略： 新高铁跨海大桥覆盖方案试点：虽未提供详细内容，但可推测涉及高铁跨海大桥区域的4G/5G网络覆盖规划，需考虑信号穿透、移动性管理、网络容量等因素。 总结： 提供的参考资料涵盖了4G/5G无线网络优化、网规案例分析、网络优化策略、资源利用、基站管理等多个方面。 通过具体案例分析，展示了无线网络优化中的常见问题及解决方案，如NSA终端掉4G、RSSI识别天馈遮挡、CA不生效等。 强调了5G网络优化与策略的重要性，包括CCE映射方式优化、5G语音解决方案、AAU扇区组网选择等。 提出了4G网络优化与资源利用的策略，如室分设备利旧、宏站RRU设备1托N射灯等。 基站与流程管理方面，提到了爱立信LTE基站邻区添加流程，但未给出具体细节。 新高铁跨海大桥覆盖方案试点展示了特殊场景下的网络规划需求。
5040-微信小程序私家车位共享系统+ssm（源码+数据库+lun文）.zip
09-15
本系统主要针对计算机相关专业的正在做毕业设计的学生和需要项目实战练习的学习者，可作为毕业设计、课程设计、期末大作业。本系统主要针对计算机相关专业的正在做毕业设计的学生和需要项目实战练习的学习者，可作为毕业设计、课程设计、期末大作业。本系统主要针对计算机相关专业的正在做毕业设计的学生和需要项目实战练习的学习者，可作为毕业设计、课程设计、期末大作业。本系统主要针对计算机相关专业的正在做毕业设计的学生和需要项目实战练习的学习者，可作为毕业设计、课程设计、期末大作业。
java-ssm+jsp社区文化宣传网站实现源码(项目源码-说明文档)
09-15
社区文化宣传网站可以查看首页、社区新闻、社区公告、社区活动、医疗服务、社区美食、家政服务、我的、跳转到后台等 项目关键技术 开发工具：IDEA 、Eclipse 编程语言: Java 数据库: MySQL5.7+ 后端技术：ssm 前端技术：jsp 关键技术：jsp、spring、ssm、MYSQL、MAVEN 数据库工具：Navicat、SQLyog
自己整理的Ansible 自动化运维实战笔记分享给需要的同学.zip
最新发布
09-15
自己整理的Ansible 自动化运维实战笔记分享给需要的同学.zip
施耐德Quantum技术在工控中的应用解析
"W2施耐德Quantum技术应用" 施耐德电气的Quantum系列是其高端的PLC（可编程逻辑控制器）产品线，专为大型自动化项目设计，提供了强大的处理能力、高可用性和扩展性。该技术的应用涵盖了广泛的工业领域，包括能源...
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值