前端响应式布局|摄影网页设计-基于BootStrap的摄影网页设计

文章目录

- 前端响应式布局|摄影网页设计-基于BootStrap的摄影网页设计
前言
一、系统功能
- 1.1 开发环境
二、部分功能展示
三、部分代码展示
总结

前言

本网页主要采用了BootStrap.js实现响应式布局，采用jquery,css3实现部分动画效果,如：轮播图，开机动画，放大缩小，渐入渐出等。

一、系统功能

1.1 开发环境

开发语言：JavaScript
技术：HTML + CSS
框架：BootStrap + JQuery
编译工具：vscode
浏览器兼容：ie8以上

二、部分功能展示

在这里插入图片描述

三、部分代码展示

<!DOCTYPE HTML>
<html lang="en">
<head><title>Photography</title><meta http-equiv="X-UA-Compatible" content="IE=edge"><meta name="viewport" content="width=device-width, initial-scale=1"><meta charset="UTF-8"><!-- Font --><link href="https://fonts.googleapis.com/css?family=Poppins:400,500,600,700%7CAllura" rel="stylesheet"><!-- Stylesheets --><link href="common-css/bootstrap.css" rel="stylesheet"><link href="common-css/ionicons.css" rel="stylesheet"><!-- REVOLUTION STYLE SHEETS --><link rel="stylesheet" type="text/css" href="revolution/css/settings.css"><!-- REVOLUTION JS FILES --><script type="text/javascript" src="revolution/js/jquery.themepunch.tools.min.js"></script><script type="text/javascript" src="revolution/js/jquery.themepunch.revolution.min.js"></script><link href="01_Photography/css/styles.css" rel="stylesheet"><link href="01_Photography/css/responsive.css" rel="stylesheet"></head>
<body><header><a class="logo" href="#"><img src="images/logo-white.png" alt="Logo"></a><a class="right-area" href="mailto:contact@colorlib.com">CONTACT@COLORLIB.COM</a><a class="menu-nav-icon" data-menu="#main-menu"><i class="ion-navicon"></i></a><ul class="main-menu" id="main-menu"><li><a href="index.html">Home</a></li><li class="drop-down"><a href="#!">Portfolio<i class="ion-arrow-down-b"></i></a><ul class="drop-down-menu drop-down-inner"><li><a href="02_Portfolio.html">Portfolio 1</a></li><li><a href="03_Portfolio.html">Portfolio 2</a></li></ul></li><li class="drop-down"><a href="#!">Blog<i class="ion-arrow-down-b"></i></a><ul class="drop-down-menu drop-down-inner"><li><a href="04_Blog.html">Blog Page</a></li><li><a href="05_Blog_Single.html">Blog Detail</a></li></ul></li><li><a href="06_Regular_Page.html">Regular page</a></li></ul></header><section class="slider-section"><div id="rev_slider_28_1_wrapper" class="rev_slider_wrapper fullscreen-container" data-alias="parallax-zoom-slices" data-source="gallery" style="background:#000000;padding:0px;"><!-- START REVOLUTION SLIDER 5.4.1 fullscreen mode --><div id="rev_slider_28_1" class="rev_slider fullscreenbanner" style="display:none;" data-version="5.4.1"><ul>	<!-- SLIDE 1 --><li data-index="rs-82" data-transition="fade" data-slotamount="default" data-hideafterloop="0" data-hideslideonmobile="off"  data-easein="Power4.easeOut"data-easeout="Power4.easeOut" data-masterspeed="1000" data-rotate="0"  data-saveperformance="off"  data-title="Slide" data-slicey_shadow="0px 0px 50px 0px transparent"><!-- MAIN IMAGE --><img src="images/slider-1-1920x1080.jpg"  alt=""  data-bgposition="center center" data-kenburns="on" data-duration="7000" data-ease="Linear.easeNone" data-scalestart="100" data-scaleend="150" data-rotatestart="0" data-rotateend="0" data-blurstart="0" data-blurend="0" data-offsetstart="0 0" data-offsetend="0 0" class="rev-slidebg" data-no-retina><!-- LAYERS --><!-- LAYER NR. 1 --><div class="tp-caption tp-resizeme" data-x="['center','center','center','center']" data-hoffset="['0','0','0','0']" data-y="['middle','middle','middle','middle']" data-voffset="['-53','-53','-53','-33']" data-fontsize="['80','70','60','50']" data-lineheight="['90','80','70','60']"data-width="none" data-height="none" data-whitespace="nowrap"data-type="text" data-responsive_offset="on" data-frames='[{"delay":200,"speed":1000,"sfx_effect":"blockfromleft","sfxcolor":"#ffffff","frame":"0","from":"z:0;","to":"o:1;","ease":"Power4.easeInOut"},{"delay":"wait","speed":300,"frame":"999","to":"opacity:0;","ease":"Power3.easeInOut"}]'data-textAlign="['inherit','inherit','inherit','inherit']"data-paddingtop="[0,0,0,0]" data-paddingright="[0,0,0,0]"data-paddingbottom="[0,0,0,0]" data-paddingleft="[0,0,0,0]"style="z-index: 14; white-space: nowrap; font-size: 80px; line-height: 90px; font-weight: 600; color: rgba(255,255,255,100); ">Red kayaks</div><!-- LAYER NR. 2 --><div class="tp-caption tp-resizeme visit-btn" data-x="['center','center','center','center']" data-hoffset="['0','0','0','0']" data-y="['middle','middle','middle','middle']" data-voffset="['25','25','25','25']" data-fontsize="['25','20','20','20']" data-lineheight="['30','25','25','25']"data-width="['none','none','480','360']" data-height="none"data-whitespace="['nowrap','nowrap','normal','normal']"data-type="text" data-responsive_offset="on" data-frames='[{"delay":400,"speed":1000,"sfx_effect":"blockfromleft","sfxcolor":"#ffffff","frame":"0","from":"z:0;","to":"o:1;","ease":"Power4.easeInOut"},{"delay":"wait","speed":300,"frame":"999","to":"opacity:0;","ease":"Power3.easeInOut"},{"frame":"hover","speed":"0","ease":"Linear.easeNone","to":"o:1;rX:0;rY:0;rZ:0;z:0;","style":"c:rgba(255, 255, 255, 100);bc:rgb(255,255,255);bw:0 0 0px 0;"}]'data-textAlign="['inherit','inherit','center','center']"data-paddingtop="[0,0,0,0]" data-paddingright="[0,0,0,0]" data-paddingbottom="[0,0,0,0]"data-paddingleft="[0,0,0,0]"style="z-index: 15; white-space: nowrap; font-size: 25px; line-height: 30px; color: #fff; border-color:#fff; border-style:solid;border-width:0px 0px 3px 0px;cursor:pointer;letter-spacing: 5px; font-weight: 600; min-width: auto;">VIEW PROJECTS </div></li><!-- SLIDE 2 --><li data-index="rs-83" data-transition="fade" data-slotamount="default" data-hideafterloop="0" data-hideslideonmobile="off"  data-easein="Power4.easeOut" data-easeout="Power4.easeOut" data-masterspeed="1000"  data-rotate="0"  data-saveperformance="off"  data-title="Slide" data-param1="" data-param2="" data-param3="" data-param4="" data-param5="" data-param6="" data-param7="" data-param8="" data-param9="" data-param10="" data-description="" data-slicey_shadow="0px 0px 50px 0px transparent"><!-- MAIN IMAGE --><img src="images/slider-4-1920x1080.jpg"  alt=""  data-bgposition="center center" data-kenburns="on"data-duration="7000" data-ease="Linear.easeNone" data-scalestart="100" data-scaleend="120" data-rotatestart="0" data-rotateend="0" data-blurstart="0"data-blurend="0" data-offsetstart="0 0" data-offsetend="0 0" class="rev-slidebg"data-no-retina><!-- LAYERS --><!-- LAYER NR. 1 --><div class="tp-caption tp-resizeme"  data-x="['center','center','center','center']" data-hoffset="['0','0','0','0']" data-y="['middle','middle','middle','middle']" data-voffset="['-53','-53','-53','-33']" data-fontsize="['80','70','60','50']" data-lineheight="['90','80','70','60']"data-width="none" data-height="none" data-whitespace="nowrap"data-type="text" data-responsive_offset="on" data-frames='[{"delay":200,"speed":1000,"sfx_effect":"blockfromleft","sfxcolor":"#ffffff","frame":"0","from":"z:0;","to":"o:1;","ease":"Power4.easeInOut"},{"delay":"wait","speed":300,"frame":"999","to":"opacity:0;","ease":"Power3.easeInOut"}]'data-textAlign="['inherit','inherit','inherit','inherit']"data-paddingtop="[0,0,0,0]" data-paddingright="[0,0,0,0]"data-paddingbottom="[0,0,0,0]" data-paddingleft="[0,0,0,0]"style="z-index: 14; white-space: nowrap; font-size: 80px; line-height: 90px; font-weight: 600; color: rgba(255,255,255,100); ">Red kayaks</div><!-- LAYER NR. 2 --><div class="tp-caption tp-resizeme visit-btn" data-x="['center','center','center','center']" data-hoffset="['0','0','0','0']" data-y="['middle','middle','middle','middle']" data-voffset="['25','25','25','25']" data-fontsize="['25','20','20','20']" data-lineheight="['30','25','25','25']"data-width="['none','none','480','360']" data-height="none"data-whitespace="['nowrap','nowrap','normal','normal']"data-type="text" data-responsive_offset="on" data-frames='[{"delay":400,"speed":1000,"sfx_effect":"blockfromleft","sfxcolor":"#ffffff","frame":"0","from":"z:0;","to":"o:1;","ease":"Power4.easeInOut"},{"delay":"wait","speed":300,"frame":"999","to":"opacity:0;","ease":"Power3.easeInOut"},{"frame":"hover","speed":"0","ease":"Linear.easeNone","to":"o:1;rX:0;rY:0;rZ:0;z:0;","style":"c:rgba(255, 255, 255, 100);bc:rgb(255,255,255);bw:0 0 0px 0;"}]'data-textAlign="['inherit','inherit','center','center']"data-paddingtop="[0,0,0,0]" data-paddingright="[0,0,0,0]" data-paddingbottom="[0,0,0,0]"data-paddingleft="[0,0,0,0]"style="z-index: 15; white-space: nowrap; font-size: 25px; line-height: 30px; color: #fff; border-color:#fff; border-style:solid;border-width:0px 0px 3px 0px;cursor:pointer;letter-spacing: 5px; font-weight: 600; min-width: auto;">VIEW PROJECTS </div></li><!-- SLIDE 3 --><li data-index="rs-84" data-transition="fade" data-slotamount="default" data-hideafterloop="0" data-hideslideonmobile="off"  data-easein="Power4.easeOut"data-easeout="Power4.easeOut" data-masterspeed="1000" data-rotate="0"  data-saveperformance="off"  data-title="Slide" data-param1="" data-param2="" data-param3="" data-param4="" data-param5="" data-param6="" data-param7="" data-param8="" data-param9="" data-param10="" data-description="" data-slicey_shadow="0px 0px 50px 0px transparent"><!-- MAIN IMAGE --><img src="images/slider-2-1920x1080.jpg"  alt=""  data-bgposition="center center" data-kenburns="on" data-duration="7000" data-ease="Linear.easeNone" data-scalestart="100" data-scaleend="150" data-rotatestart="0" data-rotateend="0" data-blurstart="0" data-blurend="0" data-offsetstart="0 0" data-offsetend="0 0" class="rev-slidebg" data-no-retina><!-- LAYERS --><!-- LAYER NR. 1 --><div class="tp-caption tp-resizeme" data-x="['center','center','center','center']" data-hoffset="['0','0','0','0']" data-y="['middle','middle','middle','middle']" data-voffset="['-53','-53','-53','-33']" data-fontsize="['80','70','60','50']" data-lineheight="['90','80','70','60']"data-width="none" data-height="none" data-whitespace="nowrap"data-type="text" data-responsive_offset="on" data-frames='[{"delay":200,"speed":1000,"sfx_effect":"blockfromleft","sfxcolor":"#ffffff","frame":"0","from":"z:0;","to":"o:1;","ease":"Power4.easeInOut"},{"delay":"wait","speed":300,"frame":"999","to":"opacity:0;","ease":"Power3.easeInOut"}]'data-textAlign="['inherit','inherit','inherit','inherit']"data-paddingtop="[0,0,0,0]" data-paddingright="[0,0,0,0]"data-paddingbottom="[0,0,0,0]" data-paddingleft="[0,0,0,0]"style="z-index: 14; white-space: nowrap; font-size: 80px; line-height: 90px; font-weight: 600; color: rgba(255,255,255,100); ">Red kayaks</div><!-- LAYER NR. 2 --><div class="tp-caption tp-resizeme visit-btn" data-x="['center','center','center','center']" data-hoffset="['0','0','0','0']" data-y="['middle','middle','middle','middle']" data-voffset="['25','25','25','25']" data-fontsize="['25','20','20','20']" data-lineheight="['30','25','25','25']"data-width="['none','none','480','360']" data-height="none"data-whitespace="['nowrap','nowrap','normal','normal']"data-type="text" data-responsive_offset="on" data-frames='[{"delay":400,"speed":1000,"sfx_effect":"blockfromleft","sfxcolor":"#ffffff","frame":"0","from":"z:0;","to":"o:1;","ease":"Power4.easeInOut"},{"delay":"wait","speed":300,"frame":"999","to":"opacity:0;","ease":"Power3.easeInOut"},{"frame":"hover","speed":"0","ease":"Linear.easeNone","to":"o:1;rX:0;rY:0;rZ:0;z:0;","style":"c:rgba(255, 255, 255, 100);bc:rgb(255,255,255);bw:0 0 0px 0;"}]'data-textAlign="['inherit','inherit','center','center']"data-paddingtop="[0,0,0,0]" data-paddingright="[0,0,0,0]" data-paddingbottom="[0,0,0,0]"data-paddingleft="[0,0,0,0]"style="z-index: 15; white-space: nowrap; font-size: 25px; line-height: 30px; color: #fff; border-color:#fff; border-style:solid;border-width:0px 0px 3px 0px;cursor:pointer;letter-spacing: 5px; font-weight: 600; min-width: auto;">VIEW PROJECTS </div></li><!-- SLIDE  4--><li data-index="rs-85" data-transition="fade" data-slotamount="default" data-hideafterloop="0" data-hideslideonmobile="off"  data-easein="Power4.easeOut" data-easeout="Power4.easeOut" data-masterspeed="1000"  data-rotate="0"  data-saveperformance="off"  data-title="Slide" data-param1="" data-param2="" data-param3="" data-param4="" data-param5="" data-param6="" data-param7="" data-param8="" data-param9="" data-param10="" data-description="" data-slicey_shadow="0px 0px 50px 0px transparent"><!-- MAIN IMAGE --><img src="images/slider-4-1920x1080.jpg"  alt=""  data-bgposition="center center" data-kenburns="on"data-duration="7000" data-ease="Linear.easeNone" data-scalestart="100" data-scaleend="120" data-rotatestart="0" data-rotateend="0" data-blurstart="0"data-blurend="0" data-offsetstart="0 0" data-offsetend="0 0" class="rev-slidebg"data-no-retina><!-- LAYERS --><!-- LAYER NR. 1 --><div class="tp-caption tp-resizeme"  data-x="['center','center','center','center']" data-hoffset="['0','0','0','0']" data-y="['middle','middle','middle','middle']" data-voffset="['-53','-53','-53','-33']" data-fontsize="['80','70','60','50']" data-lineheight="['90','80','70','60']"data-width="none" data-height="none" data-whitespace="nowrap"data-type="text" data-responsive_offset="on" data-frames='[{"delay":200,"speed":1000,"sfx_effect":"blockfromleft","sfxcolor":"#ffffff","frame":"0","from":"z:0;","to":"o:1;","ease":"Power4.easeInOut"},{"delay":"wait","speed":300,"frame":"999","to":"opacity:0;","ease":"Power3.easeInOut"}]'data-textAlign="['inherit','inherit','inherit','inherit']"data-paddingtop="[0,0,0,0]" data-paddingright="[0,0,0,0]"data-paddingbottom="[0,0,0,0]" data-paddingleft="[0,0,0,0]"style="z-index: 14; white-space: nowrap; font-size: 80px; line-height: 90px; font-weight: 600; color: rgba(255,255,255,100); ">Red kayaks</div><!-- LAYER NR. 2 --><div class="tp-caption tp-resizeme visit-btn" data-x="['center','center','center','center']" data-hoffset="['0','0','0','0']" data-y="['middle','middle','middle','middle']" data-voffset="['25','25','25','25']" data-fontsize="['25','20','20','20']" data-lineheight="['30','25','25','25']"data-width="['none','none','480','360']" data-height="none"data-whitespace="['nowrap','nowrap','normal','normal']"data-type="text" data-responsive_offset="on" data-frames='[{"delay":400,"speed":1000,"sfx_effect":"blockfromleft","sfxcolor":"#ffffff","frame":"0","from":"z:0;","to":"o:1;","ease":"Power4.easeInOut"},{"delay":"wait","speed":300,"frame":"999","to":"opacity:0;","ease":"Power3.easeInOut"},{"frame":"hover","speed":"0","ease":"Linear.easeNone","to":"o:1;rX:0;rY:0;rZ:0;z:0;","style":"c:rgba(255, 255, 255, 100);bc:rgb(255,255,255);bw:0 0 0px 0;"}]'data-textAlign="['inherit','inherit','center','center']"data-paddingtop="[0,0,0,0]" data-paddingright="[0,0,0,0]" data-paddingbottom="[0,0,0,0]"data-paddingleft="[0,0,0,0]"style="z-index: 15; white-space: nowrap; font-size: 25px; line-height: 30px; color: #fff; border-color:#fff; border-style:solid;border-width:0px 0px 3px 0px;cursor:pointer;letter-spacing: 5px; font-weight: 600; min-width: auto;">VIEW PROJECTS </div></li></ul><div class="tp-bannertimer" style="height: 10px; background: rgba(255,255,255,0.25);"></div>	</div></div><!-- END REVOLUTION SLIDER --></section><!-- slider --><footer><p class="copyright"><!-- Link back to Colorlib can't be removed. Template is licensed under CC BY 3.0. -->
Copyright &copy;<script>document.write(new Date().getFullYear());</script> 
<!-- Link back to Colorlib can't be removed. Template is licensed under CC BY 3.0. --></p><a class="show-thumb-btn" href="#" style="margin-left: 220px;">SHOW THUMBNAILS</a><ul class="social-icons"><li><a href="#"><i class="ion-social-facebook-outline"></i></a></li><li><a href="#"><i class="ion-social-twitter-outline"></i></a></li><li><a href="#"><i class="ion-social-instagram-outline"></i></a></li><li><a href="#"><i class="ion-social-vimeo-outline"></i></a></li><li><a href="#"><i class="ion-social-pinterest-outline"></i></a></li></ul><!-- social-icons --></footer><!-- SCIPTS --><script src="common-js/jquery-3.2.1.min.js"></script><script src="common-js/tether.min.js"></script><script src="common-js/bootstrap.js"></script><!-- REVOLUTION JS FILES --><script type="text/javascript" src="revolution/js/jquery.themepunch.tools.min.js"></script><script type="text/javascript" src="revolution/js/jquery.themepunch.revolution.min.js"></script><!-- SLIDER REVOLUTION 5.0 EXTENSIONS  (Load Extensions only on Local File Systems !  The following part can be removed on Server for On Demand Loading) -->	<script type="text/javascript" src="revolution/js/extensions/revolution.extension.actions.min.js"></script><script type="text/javascript" src="revolution/js/extensions/revolution.extension.carousel.min.js"></script><script type="text/javascript" src="revolution/js/extensions/revolution.extension.kenburn.min.js"></script><script type="text/javascript" src="revolution/js/extensions/revolution.extension.layeranimation.min.js"></script><script type="text/javascript" src="revolution/js/extensions/revolution.extension.migration.min.js"></script><script type="text/javascript" src="revolution/js/extensions/revolution.extension.navigation.min.js"></script><script type="text/javascript" src="revolution/js/extensions/revolution.extension.parallax.min.js"></script><script type="text/javascript" src="revolution/js/extensions/revolution.extension.slideanims.min.js"></script><script type="text/javascript" src="revolution/js/extensions/revolution.extension.video.min.js"></script><script src="common-js/scripts.js"></script><style>
.copyrights{text-indent:-9999px;height:0;line-height:0;font-size:0;overflow:hidden;}
</style>
<div class="copyrights" id="links20210126">Collect from <a href="http://www.cssmoban.com/"  title="网站模板">前端模板</a><a href="http://cooco.net.cn/" title="组卷网">组卷网</a>
</div>
</body>
</html>

总结

想免费获取模板的，大家点赞、收藏、关注、评论！

查看全文
如若内容造成侵权/违法违规/事实不符，请联系编程学习网邮箱：809451989@qq.com进行投诉反馈，一经查实，立即删除！

超声波模块（HC_SR04）串口打印距离
1 超声波模块 2超声波模块原理 3 结合主要讲解代码 1 实物图引脚 2超声波模块原理我们在初始化都要发送和接收端拉低首先给输出端至少 10us的高电平持续时间之后要把它拉低等待输入高电平打开定时器计算高电平持续的时间最后一步等待高电平的结束 …...
2024/4/14 5:57:48
盒子减速滑动案例
利用JS实现一个盒子的减速滑动 <!DOCTYPE html> <html lang"en"><head><meta charset"UTF-8"><meta http-equiv"X-UA-Compatible" content"IEedge"><meta name"viewport" content"w…...
2024/4/16 22:23:15
题目翻译8
https://acs.jxnu.edu.cn/problem/HDU1034 糖果分享游戏描述：一些学生围成一个圈面对着站在圈里的老师。一开始每个学生有偶数块糖果。在老师吹响口哨的同时，每个学生把他的一半的糖果给右边的那个人，任何学生最后有奇数块糖果&#xff0c…...
2024/4/20 5:27:38
易语言内存逆向教程（PC电脑端方向最新）+送图色基础+多线程中控（类人猿）
语言内存老教程非常多，但是很多已经不适合当前的游戏，当前已经新工具和思路原理，市面上大部分教程已经过时的了。我的课程都是最新的方法，综合各家所长的，让大家学有所成的。一分钱一分货，希望大家喜欢我的…...
2024/4/14 5:57:33
Pytorch：保存函数pytorch.save()和加载函数pytorch.load()的使用
在Pytorch中，保存和加载操作通常是成对发生的，我们使用pytorch.save()和pytorch.load()函数来分别完成这两个功能。在训练模型时，我们可以将训练得到的模型、模型的权重、优化器的参数甚至一些Tensor都保存下来，在以后使用到该模型…...
2024/4/16 18:59:55
ubuntu下使用vscode阅读内核源码或uboot源码使用技巧——search.excludefiles.exclude
各位玩家你们在阅读内核源码时，一般都使用什么工具呢？欢迎到文章末尾投上你的一票！ 内核源码和uboot源码一般囊括的文件都很多很多，未删减的都能上万个文件，使用一款称手的阅读源码软件可能可以让你的工作效率提高一个…...
2024/4/14 5:57:38
python_文件操作
文件操作相关模块概述名称说明io模块文件流的输入和输出操作input outputos模块基本操作系统功能，包括文件操作glob模块查找符合特定规则的文件路径名fnmatch模块使用模式来匹配文件路径名fileinput模块处理多个输入文件filecmp模块用于文件的比较cvs模块用于csv文…...
2024/4/18 7:50:42
BGR转灰度图、HSV及二值化
这次我们将操作封面的图片 #include<iostream> #include<opencv2/opencv.hpp>using namespace cv; using namespace std;int main() {Mat img imread("F:\\image\\7.jpg");Mat gray, hsv;cvtColor(img, gray, COLOR_BGR2GRAY);cvtColor(img, hsv, COL…...
2024/4/14 5:57:58
十行Python代码替换证件照背景颜色
本文教大家通过Python程序替换证件照背景颜色，以后更换证件照背景就不会再苦恼了。思路： 先去掉原照片的背景颜色再添上新的背景颜色步骤很简单，思路清晰，操作起来也很简单，十行代码就可以搞定，保证看完…...
2024/4/15 18:10:30
蓝桥杯训练第八天打卡
文章目录题目一：斐波那契数题解：题目二：第 N 个泰波那契数题解：想法：题目一：斐波那契数斐波那契数，通常用 F(n) 表示，形成的序列称为斐波那契数列。该数列由 0 和 1 开始&#x…...
2024/4/18 22:44:16
58Linux磁盘分区机制59挂载的经典案例
文章目录linux分区挂载的经典案例linux分区挂载(mount) sblk列出有关所有可用或指定块设备的信息。挂载的经典案例选n增加分区永久挂载...
2024/4/20 2:37:24
23岁非计算机专业工科妹子裸辞转行程序员，给自己一年时间可行吗？
写在前面我从HR转行Python了，从小工科成绩好，大学里对编程也很感兴趣，只是因为一些家长的偏见，身边又没有喜欢计算机的女生，觉得自己是个异类（我绝对不是抠脚大汉型！人格担保取向正常&#xf…...
2024/4/14 14:51:40
Java安全学习笔记--反序列化漏洞利用链CC6链
测试环境： jdk1.8(jdk8u71) Commons Collections4.0 HashSet HashSet使用的是Hash表的数据结构，增删改查的时间复杂度为O(1)，Set是一种集合，元素没有添加顺序，集合中不会有重复元素，结合一下就大概知道Has…...
2024/4/7 16:43:07
Python 基础学习07 控制语句与函数
判别语句 1.顺序执行与控制语句 s1{1,2,3} s2{2,3,4} #if判别语句 if s1&s2 !set(): #空集合是set()print(s1&s2) {2, 3} 2.if判别语句结构 if <条件> : …...
2024/4/20 11:28:13
全站最硬核百万字强肝RocketMq源码火热更新中~（四十八）
入参就不多看了，方法主体是调用了remotingClient的 invokeAsync(addr, request, timeoutMillis, new InvokeCallback( ) 方法看下异步调用内部是怎么重写 operationComplete(ResponseFuture responseFuture) 方法的： if (null sendCallback &…...
2024/4/14 5:57:58
力扣19：删除链表的倒数第 N 个结点
题目描述给你一个链表，删除链表的倒数第 n 个结点，并且返回链表的头结点。例子 # 例1 输入：head [1,2,3,4,5], n 2 输出：[1,2,3,5]# 例2 输入：head [1], n 1 输出：[]# 例3 输入：head […...
2024/4/14 5:57:53
美国开餐馆需要什么证件？怎么让餐馆高效经营？
从第一批华人漂洋过海踏上美国的这片土地以来，开餐馆一直是众多华人谋生的选择，即使是现在，中餐馆在美国的餐馆中依然占据着较大的比重。那么，在美国开餐馆需要什么证件呢？除了证件，有还需要准备些什么呢&a…...
2024/4/14 5:57:53
安装Anaconda/Python3.9/Tensorflow
安装Anaconda/Python3.9/Tensorflow 安装Anaconda 官网安装，开梯子 Download即可。打开下载好的安装包，按照提示，一路【Next】选择安装路径这里官方并没有推荐自动配置环境变量，自动或手动配置均可。一般是默认勾选下边的选…...
2024/4/14 5:58:03
软件测试学习及进阶之路（一文详解）
1 功能测试人员，也就是我们常常俗称的进行点点点测试工程师。前 1-2 年做功能测试，使用其他人开发的工具进行测试。这个阶段的测试工作都比较初级，严重依赖于别人开发的工具和系统。当系统进行升级换代的时候，强哥会明显的感觉到…...
2024/4/14 5:58:24
全站最硬核百万字强肝RocketMq源码火热更新中~（四十四）
都是基础的pojo类的方法 get set方法 hashcode equals方法 toString方法 Override public int compareTo(MessageQueue o) {{int result this.topic.compareTo(o.topic);if (result ! 0) {return result;}}{int result this.brokerName.compareTo(o.brokerName);if (resul…...
2024/4/14 5:58:34

摄影|照片宣传网页设计(html + css3 + JavaScript)

前端响应式布局|摄影网页设计-基于BootStrap的摄影网页设计

文章目录

前言

一、系统功能

1.1 开发环境

二、部分功能展示

三、部分代码展示

总结

相关文章

最新文章