Reqaw
Reqaw

Web前端课程设计——个人主页

　　大三上学期期末总结，嗯，没错，是上学期，写在新学期开始hhh。

　　上学期学了一门HTML5+CSS3的课程，也叫Web前端技术，期末的课程设计是写一个个人主页，能够在浏览器中打开的静态网页。通过一学期的学习，虽然系统学习过一遍，但是综合起来实践还是有些难度的。不过很开心的是在我的不懈努力之下还是基本完成了。下面是设计要求和课程设计获取方式。

《Web前端技术实验》期末作品

——个人网站设计要求

 

主题：我是大学生

栏目：

自我介绍

我的大学

专业及课程

校园活动

室友

社团经历

获得奖项、证书

课外阅读

推荐的文章

要求：

内容积极向上，页面美观、布局合理，可参照教材第10章，加入部分图片、视频、动画等美化页面。

提交时间：第16周周五之前。

提交内容：以“学号姓名”命名网站文件夹，整体网站文件夹一起提交。

　　首先编写基本的网页框架，导航，头部，中间，尾部。然后根据选择器的命名不同，按照语法编写样式，调整大小和格局。最后使用jQuery插入动画播放照片，增加亮点。

　　百度网盘链接: https://pan.baidu.com/s/1NEYUhMivV41YBviKrrhd-g 提取码: jw3v

　　写在最后，这也是我学期末主要完成的作品，基本是边查边学边写的（作品劣质，大佬轻喷），这种一气呵成，畅快淋漓的感觉真的很爽。

　　网页效果图：

　　Web前端课程设计——个人主页_第1张图片

　　HTML代码：

  1 DOCTYPE HTML>
  2 <html>
  3 <head>
  4 <meta http-equiv="Content-Type" content="text/html; charset=utf-8">
  5 <title>个人网站-首页title>
  6 <link rel="stylesheet" href="css/comm_style.css" type="text/css">
  7 
  8 <script src="slide/js/jquery-1.7.2.min.js" type="text/javascript">script>
  9 <script src="slide/js/imgslide05.js" type="text/javascript">script>
 10 <link rel="stylesheet" href="slide/css/picslide05.css" type="text/css" />
 11 
 12 <style type="text/css">
 13 #left{width: 180px;height: 362px;border: 1px solid #d9d7cb;margin: 10px; float: left;clear: left;}
 14 h4{letter-spacing: 1em;font-size: 15px;background: #e6e4db;height: 24px;border-bottom: 1px solid #d9d7cb;padding-top: 5px;
 15     margin-top:2px; padding-left: 10px;}
 16 #left h4{width: 170px;}
 17 #left ul{margin: 16px;line-height: 3em;}
 18 #left li{width: 150px;white-space: nowrap;overflow: hidden;text-overflow: ellipsis;}
 19 
 20 #right_up{width: 564px;height: 175px;border: 1px solid #d9d7cb;margin-top: 10px;float: left;}
 21 #right_up h4{width: 554px;}
 22 #right_up p{width: 500px;height: 90px;background: #f4f4f0;border: 1px none #999;text-indent: 2em;line-height: 1.5em; overflow: hidden;}
 23 
 24 #right_down{width: 564px;height: 175px;border: 1px solid #d9d7cb;margin-top: 10px;float: left;}
 25 #right_down h4{width: 554px;}
 26 #right_down p{width: 500px;height: 90px;background: #f4f4f0;border: 1px none #999;text-indent: 2em;line-height: 1.5em;overflow: hidden;} 
 27 #photo {width: 756px;height: 176px;border: 1px solid #d9d7cb;margin-left: 10px;float: left;}
 28 #photo h4{width: 746px;}
 29 /*#photo_img{width: 700px;margin-left: 60px;margin-top: 10px;text-align: center;}
 30 #photo img{display: block;width: 100px;height: 100px;float: left;margin-right: 30px;border: 1px solid #d9d7cb;}
 31 #photo h5{width: 100px;margin-right: 30px;margin-top: 5px;font-size: 12px;float: left;}*/
 32 
 33 style>
 34 head>
 35 <body>
 36 <div id="top">
 37     <div id="top_txt"><a href="#" target="_self"> 收藏本页 a>|<a href="#" target="_self"> 联系站长a>div>
 38 div>
 39 <div id="vi">
 40     <div id="tt">没有白走的路<br>每一步都算数<br>div>
 41 div> 
 42 <div id="nav">
 43     <ul>
 44         <li><a href="#" target="_self">  首页a>li>
 45         <li class="bar">|li>
 46         <li><a href="#" target="_self">自我介绍a>li>
 47         <li class="bar">|li>
 48         <li><a href="#" target="_self">我的大学a>li>
 49         <li class="bar">|li>
 50         <li><a href="#" target="_self">社团经历a>li>
 51         <li class="bar">|li>
 52         <li><a href="#" target="_self">最新照片a>li>
 53         <li class="bar">|li>
 54     ul>
 55 div>
 56 <div id="main">
 57     <div id="left">
 58         <h4>|社团经历h4>
 59         <ul>
 60             <li>◆参加各院校举办的新生编程赛li>
 61             <li>◆参加第九届河南省蓝桥杯大赛li>
 62             <li>◆参加第十届河南省蓝桥杯大赛li>
 63             <li>◆组织升达ACM宣讲会和新生培训li>
 64             <li>◆参加第十届河南省ACM大学生程序设计竞赛li>
 65             <li>◆参加第十一届河南省ACM大学生程序设计竞赛li>
 66             <li>◆参加2018ACM亚洲区域赛青岛站li>
 67             <li>◆参加2018ACM亚洲区域赛焦作站li>
 68         ul>
 69     div>
 70 
 71     <div id="right_up">
 72         <h4>|自我介绍h4>
 73         <p>  我叫温飞飞，来自牡丹花城洛阳，现在是郑州升达经贸管理学院的一名在校大三学生，专业是物联网工程。为人真诚，性格沉稳，踏实肯干。喜欢互联网行业，在校期间热衷算法编程竞赛，如果志同道合，不妨交个朋友吧（hhhh）p>
 74     div>
 75     <div id="right_down">
 76         <h4>|我的大学h4>
 77         <p>  郑州升达经贸管理学院（Zhengzhou Shengda University Of Economics,Business & Management，ZSDU）简称“升达学院”，位于河南省新郑市，是豫籍台湾著名教育家王广亚博士捐资创办的一所全日制民办普通本科院校。
 78 学校建于1993年，前身为郑州大学升达经贸管理学院，2011年4月更为现名。p>
 79     div>
 80 
 81     <div id="photo">
 82         <h4>|最新照片h4>
 83         <div id="picslide" class="picslide05">
 84             <div class="slides">
 85                 <ul class="frame"> <li>li><li>li><li>li> ul>
 86             div>
 87             <ul class="content" style="display:none;">
 88                   <li><a href="#" target="_self"><img src="slide/img/tu1.png" alt="Happy Bokeh Thursday!" />a>li>    
 89                   <li><a href="#" target="_self"><img src="slide/img/tu2.png" alt="Save my love for loneliness" />a>li>    
 90                   <li><a href="#" target="_self"><img src="slide/img/tu3.png" alt="Happy Bokeh raining Day" />a>li>  
 91                   <li><a href="#" target="_self"><img src="slide/img/tu4.png" alt="We Eat Light" />a>li>  
 92                   <li><a href="#" target="_self"><img src="slide/img/tu5.png" alt="“I must go down to the sea again, to the lonely sea and the sky...”" />a>li>  
 93              ul>
 94              <div class="next">div>
 95                     <div class="pre">div>
 96                     <ul class="pointer">
 97                         <li class="on">li>
 98                         <li>li><li>li><li>li><li>li>
 99                     ul>
100              div>
101 
102              <script type="text/javascript">
103                     $(function () {
104                         $("#picslide").picslide05();
105                     });
106              script>
107     div>
108 div>
109 <div id="bt">© 本网站版权为温飞飞所有div>
110 body>
111 html>
View Code

　　CSS代码：

 1 /*公共部分样式*/
 2 *{margin: 0px;padding: 0px;}
 3 ul{list-style: none;}
 4 body{background: #d9d7cb url(../img/body_bg.PNG) repeat-y center;font-size: 12px;}
 5 #top,#vi,#nav,#main,#bt{width: 779px;margin: 0px auto;}
 6 #top,#bt{background: #000;}
 7 
 8 #top{height: 18px;padding-top: 5px;text-align: right;color: #fff;}
 9 #top_txt{margin-right: 5px;}
10 #top_txt a{color: #fff;text-decoration: none;}
11 #top_txt a:visited{color: #fff;}
12 #top_txt a:hover{color: #ddd;}
13 #vi{height: 110px;
14     background-color: 98a363;
15     background-image: url(../img/top_bg.PNG);
16     opacity: 0.7;
17     background-repeat: no-repeat;
18     background-size: 779px 130px;
19 }
20 #tt{margin-left: 120px;text-indent:-40px;line-height: 1.8em;font-size: 14px;font-weight: bold; }
21 
22 #nav{height: 35px;background: e6e4db;}
23 #nav ul{margin-left: 30px;}
24 #nav ul li{float: left;}
25 #nav ul a{display: block;width: 120px;height: 25px;padding-top: 10px;text-decoration: none;letter-spacing: 8px;text-align: center;
26     color: #000;font-size: 15px;font-weight: bold; }
27 #nav ul a:visited{color: #000;}
28 #nav ul a:hover{color: 98a363;background: #fff;}
29 #nav ul li.bar{width: 6px;padding-top: 12px;}
30 #main{height: 600px;background: #fff;}
31 
32 /*主题内容*/
33 #bt{margin-top: 0px; height: 30px;padding-top: 34px;text-align: center;color: #fff;}
View Code

 

你可能感兴趣的:(Web前端课程设计——个人主页)

  • 为什么学习Web前端一定要掌握JavaScript？ web前端学习指南
    为什么学习Web前端一定要掌握JavaScript？在前端的世界里，没有什么是JavaScript实现不了的，关于JS有一句话：凡是可以用JavaScript来写的应用，最终都会用JavaScript，JavaScript可运行在所有主要平台的所有主流浏览器上，也可运行在每一个主流操作系统的服务器端上。现如今我们在为网站写任何一个主要功能的时候都需要有懂能够用JavaScript写前端的开发人员。
  • 学苑教育杂志《学苑教育》杂志社学苑教育编辑部2025年第21期目录 QQ296078736 人工智能
    专题研究推进“教-学-评”一体化，打造小学语文高效课堂刘月兰;4-6教育管理新高考制度下普通高中生涯教育课程设计的研究霍亚贞;马玲;7-9课堂教学核心素养下小学数学深度学习课堂的构建策略康贵景;10-12“双减”背景下初中英语教学的课堂模式高燕;13-15小学低年级数学说理课堂构建策略玉洁;16-18基于法治观念培育的道法课项目式教学策略许静;19-21“双师课堂”在初中语文写作教学中的实践孙巧玲
  • MySQL笔记上 程程呀是小白 毕业季mysql数据库
    本文是本人以前笔记，如果说是在掘金上看到的话没错，还是本人程程呀的个人主页-动态-掘金只有这一个。如果有哪里不对的话欢迎各位大佬指出问题，本人是一个小白。特殊情况（倘若在终端win+r输入mysql-uroot-p进入SQL）MySQL的下载与安装：按照安装流程步骤安装即可配置环境变量，方便命令行操作：步骤：右键“我的电脑”，选择“属性”，选择“高级”窗口中的“环境变量”，设置“系统变量”中的pa
  • Web前端交互利用Python跟大模型操作 哥本哈士奇 前端交互python
    Web前端交互利用Python跟大模型操作一个简单的演示，如何把大模型应用集成到自己的应用场景当中。这里的场景我们模拟的是在吃鸡游戏中，一个作战计划，是否符合老六的行为规范。吃鸡游戏已经风靡很多年，游戏里每个人的游戏风格都不一样，有喜欢钢枪的，有喜欢随机应变的，也有喜欢当老六苟分的。每种风格的游戏方式以及游戏里的行为都不同，所以这里将演示如何应用大模型，去判断一个人的游戏方式，是否符合一个老六的行
  • Rust 全栈应用框架 Dioxus：从前端到桌面再到 WASM 的统一开发体验 掘金安东尼 字节阿里rust前端wasm
    如果你正在寻找一个能用Rust写前端、桌面应用、移动应用甚至WebAssembly的统一框架，Dioxus是目前生态中最具潜力的选择之一。为什么需要Dioxus？随着WebAssembly（WASM）与Rust的发展，越来越多开发者开始思考：Rust是否能做“全栈”？是否能有像React一样的组件模型？是否可以用Rust写桌面GUI，甚至Web前端？Dioxus正是这个愿景下的产物。它是一个受Re
  • 20190623“母亲节”听读绘说小课程设计 在水一方198158
    “母亲节”听读绘说小课程设计一、这个课程包括哪几个绘本？“母亲节”听读绘说小课程包括三个绘本：《我妈妈》《猜猜我有多爱你》《朱家故事》。二、这个课程包括哪几首诗歌？“母亲节”听读绘说小课程包括三个儿歌：《妈妈的礼物》《妈妈和我》《我的好妈妈》。三、为什么设计这个课程？对于小学低年级的学生来说，安全感是重要的。而小孩儿的安全感绝大部分是来自于妈妈。所以，利用母亲节，对孩子进行有关母爱的教育，应景也更
  • 【图像增强】基于Retinex模型和多尺度融合的低光照图像增强附Matlab代码 Matlab科研辅导帮 matlab开发语言
    ✅作者简介：热爱科研的Matlab仿真开发者，擅长数据处理、建模仿真、程序设计、完整代码获取、论文复现及科研仿真。往期回顾关注个人主页：Matlab科研工作室个人信条：格物致知,完整Matlab代码及仿真咨询内容私信。内容介绍在我们的日常生活中，低光照环境下拍摄的图像常常让我们感到困扰。想象一下，当你在夜晚漫步于城市街头，想要捕捉那璀璨的夜景，或是在室内光线较暗的角落记录下温馨的瞬间，拍出来的照片
  • web前端总复习（一）：http和https 做一个暴躁的开发 web前端总复习http网络https
    http和https的基本概念http：超文本传输协议，是互联网上应用最为广泛的一种网络协议，是一种用于从服务器传输超文本到本地浏览器的传输协议。它可以使得浏览器更加高效，减少网络传输。https：是http的安全版。是一种以安全为目标的http通道。http和https的区别①http传输信息不加密，https传输信息加密。②端口不同，http为80端口，https为443端口。③https协议
  • 多维时序 | Matlab实现GA-LSTM-Attention遗传算法优化长短期记忆神经网络融合注意力机制多变量时间序列预测 天天Matlab代码科研顾问 预测模型神经网络matlablstm
    ✅作者简介：热爱科研的Matlab仿真开发者，擅长数据处理、建模仿真、程序设计、完整代码获取、论文复现及科研仿真。往期回顾关注个人主页：Matlab科研工作室个人信条：格物致知,完整Matlab代码及仿真咨询内容私信。内容介绍风力发电是一种清洁能源，越来越受到人们的关注和重视。然而，由于风力发电的不稳定性和不可控性，风电预测成为了一个至关重要的问题。为了更精准地预测风电发电量，许多研究者开始尝试利
  • 小输入框，大讲究：Table 数字输入框 debounce 实战分享 陈三心 vue前端vue.js
    前言大家好，我是陈三心，热爱技术和分享，欢迎大家交流，一起学习进步！个人主页：陈三心Table表格在前端开发中是十分常见的，用于展示结构化数据，如商品列表、用户信息等。本文分享一下自己在表格开发中遇到的一个奇葩问题，以及采取的解决方法。目录背景编辑数量极端情况闭包结语背景项目中使用AntDesignVue进行表格的开发，允许用户直接在表格内编辑数量，如下：上述就是本次任务需要实现的目标，是的，你没
  • 基于核心素养下的单元新教学——例谈“新教学”新特征新策略 ca47a5f238a4
    例谈“新教学”新特征——读“新时代新课程新教学”倡导大单元教学设计的崔允漷教授，在党的十九大倡导的立德树人，发展核心素养的人才培养评价方式形势下，推文华师大集体“新时代新课程新教学”简要研究成果，连读数遍深受启发。下面以代数式一章微课程设计教学为例，谈谈个人对“新教学”粗浅认识。1.立足数学学科素养，进行本位单元设计代数式一章育人目标：把握整体认知结构，理解用字母表示数的简明一般性，感受表达数量变
  • 【语音去噪】基于IIR+FIR+自适应滤波LMS语音去噪附Matlab代码 天天Matlab代码科研顾问 matlab语音识别开发语言
    ✅作者简介：热爱科研的Matlab仿真开发者，擅长数据处理、建模仿真、程序设计、完整代码获取、论文复现及科研仿真。个人主页：Matlab科研工作室个人信条：格物致知，求助可私信。内容介绍语音去噪是语音信号处理领域中的一个核心问题，其目标是从含噪语音信号中有效地去除噪声成分，从而提高语音质量和可懂度。传统的语音去噪方法，如谱减法、维纳滤波等，存在诸多不足，例如音乐噪声、残余噪声等问题。近年来，基于I
  • 【无人机】基于强化学习的多无人机移动边缘计算与路径规划研究Matlab代码 Matlab科研工作室 无人机边缘计算matlab
    ✅作者简介：热爱科研的Matlab仿真开发者，修心和技术同步精进，代码获取、论文复现及科研仿真合作可私信。个人主页：Matlab科研工作室个人信条：格物致知。更多Matlab完整代码及仿真定制内容点击智能优化算法神经网络预测雷达通信无线传感器电力系统信号处理
  • 前端“武林”争“盟主”？我有我的看法！ 秋风_bdfd
    了解过web前端的都知道前端的三大框架，这也是前端攻城狮们向来争论的话题。下面就由小编来发表一下自己的一点小小的看法，如有别的看法，轻喷~前端这三大框架的争议那么大，就是因为使用的人太多了。对于小白来说，一开始接触前端，学习的都是HTML、CSS、JS。但是你学完这3样之后，你还得深入的往后期学，那么要学什么呢？当然就是我们今天所说的框架啦。因为在实际工作中，基本都是直接在框架上构建网站的，很少会
  • 数据挖掘实战-基于随机森林算法的空气质量污染预测模型 艾派森 数据挖掘实战合集信息可视化人工智能python数据挖掘随机森林
    ‍♂️个人主页：@艾派森的个人主页✍作者简介：Python学习者希望大家多多支持，我们一起进步！如果文章对你有帮助的话，欢迎评论点赞收藏加关注+目录1.项目背景2.数据集介绍3.技术工具4.实验过程
  • 计算机视觉算法实现——汽车漆面缺陷检测
    ✨个人主页欢迎您的访问✨期待您的三连✨✨个人主页欢迎您的访问✨期待您的三连✨✨个人主页欢迎您的访问✨期待您的三连✨1.领域介绍：工业质检的革命性突破1.1传统检测方法痛点分析汽车漆面作为车身的第一道防护层，其质量直接影响整车耐腐蚀性和美观度。传统检测依赖质检员目视检查（VT检测），存在三大核心问题：效率瓶颈：经验丰富的质检员完成单台整车检测需15-20分钟（数据来源：丰田2021年质检报告）主观偏
  • LightGBM+Transformer-LSTM多变量回归交通流量预测,附模型研究报告(Matlab) matlab科研助手 transformerlstm回归
    ✅作者简介：热爱科研的Matlab仿真开发者，擅长数据处理、建模仿真、程序设计、完整代码获取、论文复现及科研仿真。往期回顾关注个人主页：Matlab科研工作室个人信条：格物致知,完整Matlab代码及仿真咨询内容私信。内容介绍交通流量预测作为智能交通系统（ITS）的核心组成部分，对城市规划、交通管理、交通诱导和出行决策具有至关重要的意义。准确、可靠的流量预测能够有效缓解交通拥堵，提高道路利用率，降
  • 【自动化测试】web前端组件测试范围梳理 阿槿吃糖 前端自动化测试前端
    测试组件范围划分按钮文字链接单选框多选框输入框计数器选择器级联选择器开关日期选择器上传分页弹窗导航菜单表格富文本编辑器前端组件测试范围梳理-png
  • 学习web前端开发的经验分享 小猿圈加加
    我们不管学习什么，必不可缺少的一定是恒心和毅力，学习web也一样，更需要不断地学习和练习，因为语言嘛，就是不断地练习才能说得更好，所以不要偷懒，偷懒一定学不会，这就是计算机语言，下面看一下小编的分享吧。感想：1.学习一个技术，不是一看见源代码就是copy，而是仔细阅读后，找到自己想要的，并且自己写出来，自己理解了，下次遇到同样的问题，自己才能解决。2.在电脑上学习的过程中，我总是先建立一个txt，
  • 【MySQL】深入浅出事务：保证数据一致性的核心武器 ♡喜欢做梦 mysql数据库
    个人主页：♡喜欢做梦欢迎点赞➕关注❤️收藏评论目录一、什么是事务？1.定义2.事务的ACID特性原子性（Atomicity）一致性（Consistency）隔离性（Isolation）持久性（Durablity）3.如何使用事务？事务的控制的核心语句事务的使用回滚的使用提交的使用保存点的使用自动/手动提交事务查看事务提交是自动/手动设置事务自动/手动手动的使用手动和自动的区别：二、事务的隔离级别1
  • c语言程序设计猜拳小游戏答辩,C语言课程设计-猜拳游戏 weixin_39558221 c语言程序设计猜拳小游戏答辩
    C语言课程设计-猜拳游戏C语言课程设计-猜拳游戏|c语言程序代码编程小程序设计|c语言课程设计报告课程案例enump_r_s{paper,rock,scissors,game,help,instructions,quit};#includemain(){enump_r_splayer,machine;enump_r_sselection_by_player(),selection_by_machi
  • 大学生HTML期末大作业——HTML+CSS+JavaScript音乐网站（爱莫） 无·糖 Web前端期末大作业html课程设计css大学生前端javascript网页设计
    HTML+CSS+JS【音乐网站】网页设计期末课程大作业web前端开发技术web课程设计网页规划与设计文章目录一、网站题目二、网站描述三、网站介绍四、网站效果五、️网站代码六、️‍如何学习进步七、‍☠️更多干货文章目录一、网站题目音乐网站7页含网页设计报告二、网站描述总结了一些学生网页制作的经验：一般的网页需要融入以下知识点：div+css布局、浮动、定位、高级css、表格、表单及验证、js轮播图
  • Python贪吃蛇游戏开发全解析 上 我才六年级 python后端游戏程序游戏
    由于要分析的代码太多了，所以我分了上中下三部分来分析代码，完整版在下里面，可以去我个人主页去找。写一篇好文章不容易所以------------------------------》求赞求关注六年级毕业有点伤心。如果你不想让一片好的文章被埋没，那就把他免费共享出来。正文开始1.导入模块要编写这个程序前我们要导入这三个模块。importturtleimporttimeimportrandomturtl
  • HTML5和SVG篝火动画实战：月亮下的野营炊烟效果 申增浩
    本文还有配套的精品资源，点击获取简介：HTML5是网页标记语言的最新标准，支持更加动态和丰富的用户体验。本项目源码展示了如何使用HTML5的SVG来绘制篝火和炊烟动画，通过CSS3动画、JavaScript交互、Canvas与SVG的选择以及Web动画性能优化，实现了一个月亮下的篝火和野营炊烟效果。项目还考虑了响应式设计和数据结构的使用，为开发者提供了一个学习Web前端开发的实践案例。1.HTML
  • 视频号涨1000粉套餐，怎么增加粉丝视频号的粉怎么买 桃朵APP
    在这个短视频时代，视频号已成为不少创作者展示才华、积累粉丝的重要平台。对于新手而言，达到一千粉丝似乎是道难以逾越的门槛。但你知道吗？视频号近期推出的一项“王炸”功能，能帮你轻松解决这一难题。今天，就让我们一起揭开这项神奇功能的面纱吧！四步走，轻松涨粉第一步：打开群发助手首先，在微信聊天列表页面右下角点击【我】，进入个人主页后找到【设置】，接着点击【通用】，最后找到【辅助功能】中的【群发助手】。第二
  • OpenCV —— contours_matrix_()_[] 大魔王（已黑化） visionopencv人工智能计算机视觉
    ‍️‍️‍️‍️Takeyourtime!‍️‍️‍️‍️个人主页：大魔王所属专栏：魔王的修炼之路–Computervision如果你觉得这篇文章对你有帮助，请在文章结尾处留下你的点赞和关注，支持一下博主。同时记得收藏✨这篇文章，方便以后重新阅读。文章目录检测轮廓numpy创建矩阵与数组三种图像的区别及转换()与[]应用检测轮廓importcv2importnumpyasnpcv2.namedWi
  • OpenCV —— color_matrix_numpy_mat_reshape 大魔王（已黑化） visionopencvnumpy人工智能
    ‍️‍️‍️‍️Takeyourtime!‍️‍️‍️‍️个人主页：大魔王所属专栏：魔王的修炼之路–Computervision如果你觉得这篇文章对你有帮助，请在文章结尾处留下你的点赞和关注，支持一下博主。同时记得收藏✨这篇文章，方便以后重新阅读。文章目录颜色空间解释numpy与颜色空间图像的本质三种图像总结numpy本质Matnp.ndarray彩色图像灰度图像二值图像NumPy主要能干啥？re
  • 网络安全基础作业三 Csxyzj web安全javascript安全
    回顾web前端的代码用户登录body{font-family:'Arial',sans-serif;background-color:#f0f2f5;display:flex;justify-content:center;align-items:center;height:100vh;margin:0;}.login-container{background-color:white;padding
  • 计算机视觉算法实战——车辆速度检测 喵了个AI 计算机视觉实战项目计算机视觉算法人工智能
    ✨个人主页欢迎您的访问✨期待您的三连✨✨个人主页欢迎您的访问✨期待您的三连✨✨个人主页欢迎您的访问✨期待您的三连✨1.引言随着智能交通系统和自动驾驶技术的快速发展，车辆速度检测成为了计算机视觉领域的一个重要研究方向。车辆速度检测不仅可以帮助交通管理部门实时监控道路状况，还可以为自动驾驶汽车提供关键的环境感知能力。本文将深入探讨车辆速度检测的相关算法、数据集、代码实现以及未来的研究方向。2.当前相关
  • 【数据结构课设】稀疏矩阵的三元组存储和转置 C语言 Littlewith 随便教点C语言矩阵数据结构c语言
    注：着急想要源代码的请自取哦，项目地址在https://github.com/littlewith/Matrix-transpose个人主页：https://littlewith.top博客：https://littlewith.github.io程序设计：1.1课程设计课题：利用稀疏矩阵的三元组表示法求其转置矩阵，并输出转置后的矩阵和其三元组的表示。（限一人完成）1.2课程设计程序需求分析：（1
  • mondb入手 木zi_鸣 mongodb
    windows 启动mongodb  编写bat文件， mongod --dbpath D:\software\MongoDBDATA mongod --help  查询各种配置 配置在mongob 打开批处理，即可启动，27017原生端口，shell操作监控端口  扩展28017，web端操作端口 启动配置文件配置， 数据更灵活 
  • 大型高并发高负载网站的系统架构 bijian1013 高并发负载均衡
            扩展Web应用程序 一.概念         简单的来说，如果一个系统可扩展，那么你可以通过扩展来提供系统的性能。这代表着系统能够容纳更高的负载、更大的数据集，并且系统是可维护的。扩展和语言、某项具体的技术都是无关的。扩展可以分为两种：         1.
  • DISPLAY变量和xhost(原创) czmmiao display
    DISPLAY 在Linux/Unix类操作系统上, DISPLAY用来设置将图形显示到何处. 直接登陆图形界面或者登陆命令行界面后使用startx启动图形, DISPLAY环境变量将自动设置为:0:0, 此时可以打开终端, 输出图形程序的名称(比如xclock)来启动程序, 图形将显示在本地窗口上, 在终端上输入printenv查看当前环境变量, 输出结果中有如下内容:DISPLAY=:0.0
  • 获取B/S客户端IP 周凡杨 java编程jspWeb浏览器
       最近想写个B/S架构的聊天系统，因为以前做过C/S架构的QQ聊天系统，所以对于Socket通信编程只是一个巩固。对于C/S架构的聊天系统，由于存在客户端Java应用，所以直接在代码中获取客户端的IP，应用的方法为：    String ip = InetAddress.getLocalHost().getHostAddress(); 然而对于WEB
  • 浅谈类和对象 朱辉辉33 编程
        类是对一类事物的总称，对象是描述一个物体的特征，类是对象的抽象。简单来说，类是抽象的，不占用内存，对象是具体的， 占用存储空间。     类是由属性和方法构成的，基本格式是public  class 类名{ //定义属性 private/public 数据类型 属性名； //定义方法 publ
  • android activity与viewpager+fragment的生命周期问题 肆无忌惮_ viewpager
    有一个Activity里面是ViewPager，ViewPager里面放了两个Fragment。 第一次进入这个Activity。开启了服务，并在onResume方法中绑定服务后，对Service进行了一定的初始化，其中调用了Fragment中的一个属性。 super.onResume(); bindService(intent, conn, BIND_AUTO_CREATE);
  • base64Encode对图片进行编码 843977358 base64图片encoder
    /** * 对图片进行base64encoder编码 * * @author mrZhang * @param path * @return */ public static String encodeImage(String path) { BASE64Encoder encoder = null; byte[] b = null; I
  • Request Header简介 aigo servlet
    当一个客户端(通常是浏览器)向Web服务器发送一个请求是，它要发送一个请求的命令行，一般是GET或POST命令，当发送POST命令时，它还必须向服务器发送一个叫“Content-Length”的请求头(Request   Header)   用以指明请求数据的长度，除了Content-Length之外，它还可以向服务器发送其它一些Headers，如：    
  • HttpClient4.3 创建SSL协议的HttpClient对象 alleni123 httpclient爬虫ssl
    public class HttpClientUtils { public static CloseableHttpClient createSSLClientDefault(CookieStore cookies){ SSLContext sslContext=null; try { sslContext=new SSLContextBuilder().l
  • java取反 -右移-左移-无符号右移的探讨 百合不是茶 位运算符 位移
    取反： 在二进制中第一位，1表示符数，0表示正数 byte a = -1; 原码：10000001 反码：11111110 补码：11111111 //异或: 00000000 byte b = -2; 原码：10000010 反码：11111101 补码：11111110 //异或: 00000001
  • java多线程join的作用与用法 bijian1013 java多线程
            对于JAVA的join，JDK 是这样说的：join public final void join （long millis ）throws InterruptedException Waits at most millis milliseconds for this thread to die. A timeout of 0 means t
  • Java发送http请求(get 与post方法请求) bijian1013 javaspring
    PostRequest.java package com.bijian.study; import java.io.BufferedReader; import java.io.DataOutputStream; import java.io.IOException; import java.io.InputStreamReader; import java.net.HttpURL
  • 【Struts2二】struts.xml中package下的action配置项默认值 bit1129 struts.xml
    在第一部份，定义了struts.xml文件，如下所示：   <!DOCTYPE struts PUBLIC "-//Apache Software Foundation//DTD Struts Configuration 2.3//EN" "http://struts.apache.org/dtds/struts
  • 【Kafka十三】Kafka Simple Consumer bit1129 simple
    代码中关于Host和Port是割裂开的，这会导致单机环境下的伪分布式Kafka集群环境下，这个例子没法运行。 实际情况是需要将host和port绑定到一起，   package kafka.examples.lowlevel; import kafka.api.FetchRequest; import kafka.api.FetchRequestBuilder; impo
  • nodejs学习api ronin47 nodejs api
    NodeJS基础 什么是NodeJS JS是脚本语言，脚本语言都需要一个解析器才能运行。对于写在HTML页面里的JS，浏览器充当了解析器的角色。而对于需要独立运行的JS，NodeJS就是一个解析器。 每一种解析器都是一个运行环境，不但允许JS定义各种数据结构，进行各种计算，还允许JS使用运行环境提供的内置对象和方法做一些事情。例如运行在浏览器中的JS的用途是操作DOM，浏览器就提供了docum
  • java-64.寻找第N个丑数 bylijinnan java
    public class UglyNumber { /** * 64.查找第N个丑数 具体思路可参考 [url] http://zhedahht.blog.163.com/blog/static/2541117420094245366965/[/url] * 题目：我们把只包含因子 2、3和5的数称作丑数（Ugly Number）。例如6、8都是丑数，但14
  • 二维数组（矩阵）对角线输出 bylijinnan 二维数组
    /** 二维数组 对角线输出 两个方向 例如对于数组： { 1, 2, 3, 4 }, { 5, 6, 7, 8 }, { 9, 10, 11, 12 }, { 13, 14, 15, 16 }, slash方向输出： 1 5 2 9 6 3 13 10 7 4 14 11 8 15 12 16 backslash输出： 4 3
  • [JWFD开源工作流设计]工作流跳跃模式开发关键点(今日更新) comsci 工作流
       既然是做开源软件的,我们的宗旨就是给大家分享设计和代码,那么现在我就用很简单扼要的语言来透露这个跳跃模式的设计原理    大家如果用过JWFD的ARC-自动运行控制器,或者看过代码,应该知道在ARC算法模块中有一个函数叫做SAN(),这个函数就是ARC的核心控制器,要实现跳跃模式,在SAN函数中一定要对LN链表数据结构进行操作,首先写一段代码,把
  • redis常见使用 cuityang redis常见使用
    redis 通常被认为是一个数据结构服务器，主要是因为其有着丰富的数据结构 strings、map、 list、sets、 sorted sets 引入jar包 jedis-2.1.0.jar  (本文下方提供下载) package redistest; import redis.clients.jedis.Jedis; public class Listtest
  • 配置多个redis dalan_123 redis
    配置多个redis客户端 <?xml version="1.0" encoding="UTF-8"?><beans xmlns="http://www.springframework.org/schema/beans"       xmlns:xsi=&quo
  • attrib命令 dcj3sjt126com attr
      attrib指令用于修改文件的属性.文件的常见属性有:只读.存档.隐藏和系统.    只读属性是指文件只可以做读的操作.不能对文件进行写的操作.就是文件的写保护.    存档属性是用来标记文件改动的.即在上一次备份后文件有所改动.一些备份软件在备份的时候会只去备份带有存档属性的文件. 
  • Yii使用公共函数 dcj3sjt126com yii
    在网站项目中，没必要把公用的函数写成一个工具类，有时候面向过程其实更方便。 在入口文件index.php里添加 require_once('protected/function.php'); 即可对其引用，成为公用的函数集合。 function.php如下：   <?php /**   * This is the shortcut to D
  • linux 系统资源的查看（free、uname、uptime、netstat） eksliang netstatlinux unamelinux uptimelinux free
    linux 系统资源的查看 转载请出自出处：http://eksliang.iteye.com/blog/2167081   http://eksliang.iteye.com 一、free查看内存的使用情况 语法如下：   free [-b][-k][-m][-g] [-t] 参数含义 -b:直接输入free时，显示的单位是kb我们可以使用b(bytes),m
  • JAVA的位操作符 greemranqq 位运算JAVA位移<<>>>
    最近几种进制，加上各种位操作符，发现都比较模糊，不能完全掌握，这里就再熟悉熟悉。   1.按位操作符 ：    按位操作符是用来操作基本数据类型中的单个bit,即二进制位，会对两个参数执行布尔代数运算，获得结果。    与（&）运算：    1&1 = 1, 1&0 = 0, 0&0 &
  • Web前段学习网站 ihuning Web
      Web前段学习网站 菜鸟学习：http://www.w3cschool.cc/   JQuery中文网：http://www.jquerycn.cn/   内存溢出：http://outofmemory.cn/#csdn.blog   http://www.icoolxue.com/   http://www.jikexue
  • 强强联合：FluxBB 作者加盟 Flarum justjavac r
    原文：FluxBB Joins Forces With Flarum作者：Toby Zerner译文：强强联合：FluxBB 作者加盟 Flarum译者：justjavac FluxBB 是一个快速、轻量级论坛软件，它的开发者是一名德国的 PHP 天才 Franz Liedke。FluxBB 的下一个版本(2.0)将被完全重写，并已经开发了一段时间。FluxBB 看起来非常有前途的，
  • java统计在线人数（session存储信息的） macroli javaWeb
    这篇日志是我写的第三次了 前两次都发布失败！郁闷极了！   由于在web开发中常常用到这一部分所以在此记录一下，呵呵，就到备忘录了！ 我对于登录信息时使用session存储的，所以我这里是通过实现HttpSessionAttributeListener这个接口完成的。 1、实现接口类，在web.xml文件中配置监听类，从而可以使该类完成其工作。 public class Ses
  • bootstrp carousel初体验 快速构建图片播放 qiaolevip 每天进步一点点学习永无止境bootstrap纵观千象
    img{ border: 1px solid white; box-shadow: 2px 2px 12px #333; _width: expression(this.width > 600 ? "600px" : this.width + "px"); _height: expression(this.width &
  • SparkSQL读取HBase数据，通过自定义外部数据源 superlxw1234 sparksparksqlsparksql读取hbasesparksql外部数据源
    关键字：SparkSQL读取HBase、SparkSQL自定义外部数据源     前面文章介绍了SparSQL通过Hive操作HBase表。   SparkSQL从1.2开始支持自定义外部数据源(External DataSource)，这样就可以通过API接口来实现自己的外部数据源。这里基于Spark1.4.0，简单介绍SparkSQL自定义外部数据源，访
  • Spring Boot 1.3.0.M1发布 wiselyman spring boot
        Spring Boot 1.3.0.M1于6.12日发布，现在可以从Spring milestone repository下载。这个版本是基于Spring Framework 4.2.0.RC1,并在Spring Boot 1.2之上提供了大量的新特性improvements and new features。主要包含以下：   1.提供一个新的sprin
按字母分类： ABCDEFGHIJKLMNOPQRSTUVWXYZ其他