Fuego801
Fuego801

11---页面布局网站首页设计实例__终极版（仿csdn首页）

1. firstPage.html文件：



	
		
		
			标准的页面布局首页
		
		
		
	
	
		

			
			
	
			

			

				

					

						
极客头条
						

						
01 再别康桥---徐志摩
						

						
02 再别康桥---徐志摩
						

						
03 再别康桥---徐志摩
						

						
04 再别康桥---徐志摩
						

						
05 再别康桥---徐志摩
						

						
06 再别康桥---徐志摩
						

					

					

						
滚动
						

						
01 再别康桥---徐志摩
						

						
02 再别康桥---徐志摩
						

						
03 再别康桥---徐志摩
						

						
04 再别康桥---徐志摩
						

						
05 再别康桥---徐志摩
						

						
06 再别康桥---徐志摩
						

						
07 再别康桥---徐志摩
						

						
08 再别康桥---徐志摩
						

						
09 再别康桥---徐志摩
						

						
10 再别康桥---徐志摩
						

						
11 再别康桥---徐志摩
						

						
12 再别康桥---徐志摩
						

					

					
					
	
					

					
					

						
极客头条
						

						
01 再别康桥---徐志摩
						

						
02 再别康桥---徐志摩
						

						
03 再别康桥---徐志摩
						

						
04 再别康桥---徐志摩
						

						
05 再别康桥---徐志摩
						

						
06 再别康桥---徐志摩
						

					

					

						
滚动
						

						
01 再别康桥---徐志摩
						

						
02 再别康桥---徐志摩
						

						
03 再别康桥---徐志摩
						

						
04 再别康桥---徐志摩
						

						
05 再别康桥---徐志摩
						

						
06 再别康桥---徐志摩
						

						
07 再别康桥---徐志摩
						

						
08 再别康桥---徐志摩
						

						
09 再别康桥---徐志摩
						

						
10 再别康桥---徐志摩
						

						
11 再别康桥---徐志摩
						

						
12 再别康桥---徐志摩
						

					

				

				

					
精品课程

					
01 操作系统---北京大学
					

					
02 操作系统---北京大学
					

					
03 操作系统---北京大学
					

					
04 操作系统---北京大学
					

					
05 操作系统---北京大学
					

					
06 操作系统---北京大学
					

					
07 操作系统---北京大学
					

					
08 操作系统---北京大学
					

					
09 操作系统---北京大学
					

					
10 操作系统---北京大学
					

					
11 操作系统---北京大学
					

					
12 操作系统---北京大学
					

					
13 操作系统---北京大学
					

				
				

				
	
				

				

				
				

				
				

					

						
极客头条
						

						
01 再别康桥---徐志摩
						

						
02 再别康桥---徐志摩
						

						
03 再别康桥---徐志摩
						

						
04 再别康桥---徐志摩
						

						
05 再别康桥---徐志摩
						

						
06 再别康桥---徐志摩
						

					

					

						
滚动
						

						
01 再别康桥---徐志摩
						

						
02 再别康桥---徐志摩
						

						
03 再别康桥---徐志摩
						

						
04 再别康桥---徐志摩
						

						
05 再别康桥---徐志摩
						

						
06 再别康桥---徐志摩
						

						
07 再别康桥---徐志摩
						

						
08 再别康桥---徐志摩
						

						
09 再别康桥---徐志摩
						

						
10 再别康桥---徐志摩
						

						
11 再别康桥---徐志摩
						

						
12 再别康桥---徐志摩
						

					

					
					
	
					

					
					

						
极客头条
						

						
01 再别康桥---徐志摩
						

						
02 再别康桥---徐志摩
						

						
03 再别康桥---徐志摩
						

						
04 再别康桥---徐志摩
						

						
05 再别康桥---徐志摩
						

						
06 再别康桥---徐志摩
						
						
					

					

						
滚动
						

						
01 再别康桥---徐志摩
						

						
02 再别康桥---徐志摩
						

						
03 再别康桥---徐志摩
						

						
04 再别康桥---徐志摩
						

						
05 再别康桥---徐志摩
						

						
06 再别康桥---徐志摩
						

						
07 再别康桥---徐志摩
						

						
08 再别康桥---徐志摩
						

						
09 再别康桥---徐志摩
						

						
10 再别康桥---徐志摩
						

						
11 再别康桥---徐志摩
						

						
12 再别康桥---徐志摩
						

					

					
					
	
					

					
					

						
极客头条
						

						
01 再别康桥---徐志摩
						

						
02 再别康桥---徐志摩
						

						
03 再别康桥---徐志摩
						

						
04 再别康桥---徐志摩
						

						
05 再别康桥---徐志摩
						

						
06 再别康桥---徐志摩
						

					

					

						
滚动
						

						
01 再别康桥---徐志摩
						

						
02 再别康桥---徐志摩
						

						
03 再别康桥---徐志摩
						

						
04 再别康桥---徐志摩
						

						
05 再别康桥---徐志摩
						

						
06 再别康桥---徐志摩
						

						
07 再别康桥---徐志摩
						

						
08 再别康桥---徐志摩
						

						
09 再别康桥---徐志摩
						

						
10 再别康桥---徐志摩
						

						
11 再别康桥---徐志摩
						

						
12 再别康桥---徐志摩
						

					

				

				
				

					
活动在线

						
					

						
2016/3/29         上海

								
						
LinkSprite全球硬创马拉松CSDN专场（基于开源硬件）

					

					

						
2016/3/29         上海

							
						
LinkSprite全球硬创马拉松CSDN专场（基于开源硬件）

					

					

						
2016/3/29         上海

							
						
LinkSprite全球硬创马拉松CSDN

					

					

						
2016/3/29         上海

							
						
LinkSprite全球硬创马拉松CSDN专场（基于开源硬件）

					

					

						
2016/3/29         上海

							
						
LinkSprite全球硬创马拉松CSDN专场（基于开源硬件）

					

					

						
2016/3/29         上海

							
						
LinkSprite全球硬创马拉松CSDN专场（基于开源硬件）

					

				

				
	
				

				

				
				

				
				

					

						
极客头条
						

						
01 再别康桥---徐志摩
						

						
02 再别康桥---徐志摩
						

						
03 再别康桥---徐志摩
						

						
04 再别康桥---徐志摩
						

						
05 再别康桥---徐志摩
						

						
06 再别康桥---徐志摩
						

					

					

						
滚动
						

						
01 再别康桥---徐志摩
						

						
02 再别康桥---徐志摩
						

						
03 再别康桥---徐志摩
						

						
04 再别康桥---徐志摩
						

						
05 再别康桥---徐志摩
						

						
06 再别康桥---徐志摩
						

						
07 再别康桥---徐志摩
						

						
08 再别康桥---徐志摩
						

						
09 再别康桥---徐志摩
						

						
10 再别康桥---徐志摩
						

						
11 再别康桥---徐志摩
						

						
12 再别康桥---徐志摩
						

					

					
					
	
					

					
					

						
极客头条
						

						
01 再别康桥---徐志摩
						

						
02 再别康桥---徐志摩
						

						
03 再别康桥---徐志摩
						

						
04 再别康桥---徐志摩
						

						
05 再别康桥---徐志摩
						

						
06 再别康桥---徐志摩
						

					

					

						
滚动
						

						
01 再别康桥---徐志摩
						

						
02 再别康桥---徐志摩
						

						
03 再别康桥---徐志摩
						

						
04 再别康桥---徐志摩
						

						
05 再别康桥---徐志摩
						

						
06 再别康桥---徐志摩
						

						
07 再别康桥---徐志摩
						

						
08 再别康桥---徐志摩
						

						
09 再别康桥---徐志摩
						

						
10 再别康桥---徐志摩
						

						
11 再别康桥---徐志摩
						

						
12 再别康桥---徐志摩
						

					

					
					
	
					

					
					

						
极客头条
						

						
01 再别康桥---徐志摩
						

						
02 再别康桥---徐志摩
						

						
03 再别康桥---徐志摩
						

						
04 再别康桥---徐志摩
						

						
05 再别康桥---徐志摩
						

						
06 再别康桥---徐志摩
						

					

					

						
滚动
						

						
01 再别康桥---徐志摩
						

						
02 再别康桥---徐志摩
						

						
03 再别康桥---徐志摩
						

						
04 再别康桥---徐志摩
						

						
05 再别康桥---徐志摩
						

						
06 再别康桥---徐志摩
						

						
07 再别康桥---徐志摩
						

						
08 再别康桥---徐志摩
						

						
09 再别康桥---徐志摩
						

						
10 再别康桥---徐志摩
						

						
11 再别康桥---徐志摩
						

						
12 再别康桥---徐志摩
						

					

				

				

					
行业热点

					
01 JetBrains全套工具包，超值超乎你想象！
					

					
02 JetBrains全套工具包，超值超乎你想象！
					

					
03 JetBrains全套工具包，超值超乎你想象！
					

					
04 JetBrains全套工具包，超值超乎你想象！
					

					
05 JetBrains全套工具包，超值超乎你想象！
					

					
06 JetBrains全套工具包，超值超乎你想象！
					

					
07 JetBrains全套工具包，超值超乎你想象！
					

					
08 JetBrains全套工具包，超值超乎你想象！
					

					
09 JetBrains全套工具包，超值超乎你想象！
					

					
10 JetBrains全套工具包，超值超乎你想象！
					

				

				
	
				

				

				
				

				

				
				

					

						
极客头条
						

						
01 再别康桥---徐志摩
						

						
02 再别康桥---徐志摩
						

						
03 再别康桥---徐志摩
						

						
04 再别康桥---徐志摩
						

						
05 再别康桥---徐志摩
						

						
06 再别康桥---徐志摩
						

					

					

						
滚动
						

						
01 再别康桥---徐志摩
						

						
02 再别康桥---徐志摩
						

						
03 再别康桥---徐志摩
						

						
04 再别康桥---徐志摩
						

						
05 再别康桥---徐志摩
						

						
06 再别康桥---徐志摩
						

						
07 再别康桥---徐志摩
						

						
08 再别康桥---徐志摩
						

						
09 再别康桥---徐志摩
						

						
10 再别康桥---徐志摩
						

						
11 再别康桥---徐志摩
						

						
12 再别康桥---徐志摩
						

					

					
					
	
					

					
					

						
极客头条
						

						
01 再别康桥---徐志摩
						

						
02 再别康桥---徐志摩
						

						
03 再别康桥---徐志摩
						

						
04 再别康桥---徐志摩
						

						
05 再别康桥---徐志摩
						

						
06 再别康桥---徐志摩
						

					

					

						
滚动
						

						
01 再别康桥---徐志摩
						

						
02 再别康桥---徐志摩
						

						
03 再别康桥---徐志摩
						

						
04 再别康桥---徐志摩
						

						
05 再别康桥---徐志摩
						

						
06 再别康桥---徐志摩
						

						
07 再别康桥---徐志摩
						

						
08 再别康桥---徐志摩
						

						
09 再别康桥---徐志摩
						

						
10 再别康桥---徐志摩
						

						
11 再别康桥---徐志摩
						

						
12 再别康桥---徐志摩
						

					

				

				

					
下载专辑

					
01 Android项目源码用例
					

					
02 Android项目源码用例
					

					
03 Android项目源码用例
					

					
04 Android项目源码用例
					

					
05 Android项目源码用例
					

					
06 Android项目源码用例
					

					
07 Android项目源码用例
					

					
08 Android项目源码用例
					

					
09 Android项目源码用例
					

					
10 Android项目源码用例
					

					
11 Android项目源码用例
					

					
12 Android项目源码用例
					

					
13 Android项目源码用例

2. style.css:布局文件 

body {
	margin:0;
	padding:0;
	text-align:center;
}

.space {
	width:650px;
	height:10px;
	overflow:hidden;
}

#container {
	width:900px;
	margin:0 auto;
}

#header {
	width:900px;
	height:150px;
}

.dot {
	padding-left:6px;
	margin:auto;
	font-size:13.3px;
	font-weight:bold;
	color:#6D22DD;
}

.style_li {
	width:100px;
	height:18px;
	float:left;
	margin:17.5px auto;
}

.gap {
	width:2px;
	height:20px;
	background:#000;
	margin:15px 0;
	float:left;
	overflow:hidden;
}

.date_loc {
	width:100%;
	float:left;
	text-align:left;
	padding-top:15px;
}

.con_sidebar {
	width:100%;
	float:left;
	text-align:left;
	padding-top:15px;
	margin-bottom:13px;
}

.one_sidebar {
	float:left;
	width:100%;
	height:21px;
	text-align:left;
	margin:3.9px 0;
	border-bottom:1px dotted lightgray;
}

.three_sidebar {
	width:100%;
	height:48px;
	text-align:left;
	margin:10px 0;
	border-bottom:1px dotted lightgray;
}

.four_sidebar {
	float:left;
	width:100%;
	height:21px;
	text-align:left;
	margin:3.9px 0;
	border-bottom:1px dotted lightgray;
}

.bottom_tit {
	width:100%;
	height:15px;
	text-align:left;
	padding:5px;
	float:left;
	margin-bottom:5px;
	//border-bottom:1px solid;
}

.bottom_gap {
	width:100%;
	float:left;
	border-bottom:1px solid gray;
}

.bottom_li {
	//width:20px;
	height:15px;
	float:left;
	margin:3px 11px;	
}

#content {
	width:900px;
}

.ad {
	float:left;
}

.main {
	width:650px;
	float:left;
	border-right:1px solid lightgray;
}

.main_left {
	width:250px;
	height:200px;
	float:left;
	//border:1px dotted;
}

.main_right {
	width:390px;
	height:200px;
	//border:1px dotted;
	float:right;
}

.tit {
	width:97%;
	height:30px;
	text-align:left;
	margin-bottom:2px;
	border-bottom:2px solid;
}

.con {
	float:left;
	width:48.5%;
	height:21px;
	text-align:left;
	border-bottom:1px dotted lightgray;
	margin:3.9px 0;
}

.con_1 {
	width:97%;
}

.sidebar {
	width:240px;
	//border:1px dotted black;
	float:right;
}

.activity_1 {
	width:100%;
	float:left;
	border-bottom:1px dotted lightgray;
}

.activity_2 {
	width:100%;
	float:left;
	background:lightgreen;
	border-bottom:1px dotted lightgray;
}

.sidebar_1 {
	height:412px;
	float:right;
}

.sidebar_2 {
	height:624px;
	float:right;
}

#logo {
	width:230px;
	height:100px;
	float:left;
}

#bar {
	width:660px;
	height:100px;
	float:left;
	margin-left:10px;
}

#nav {
	width:900px;
	height:50px;
	background:#f0f8ff;
	float:left;
	margin-top:10px;
	
}

#bottomer {
	width:900px;
	height:150px;
	background:#f0f8ff;
}

3.content.css:具体内容样式文件：

img {
	padding:0;
	margin:0;
	border:0;
}

ul {
	padding:0;
	margin:0;
	border:0;
	font-size:15px;
	list-style:none;
}

#nav ul li a {
	text-decoration:none; //去除超链接a的下划线
	color:#0a0;
}

.tit a {
	padding-left:6px;
	color:#ea0000;
	font-family:"华文仿宋";
	font-size:20px;
	font-weight:bold;
	text-decoration:none;
	line-height:30px;
}

.con a {
	color:#0a0;
	font-family:KaiTi;
	text-decoration:none;
}



.logo_img {
	float:left;
	margin:4.5px auto;
}



.one_sidebar a {
	color:#0aa;
	font-size:13px;
	text-decoration:none;
}



.three_sidebar a {
	color:#0aa;
	font-size:13.6px;
	text-decoration:none;
}

.con_sidebar a {
	color:#0aa;
	text-decoration:none;
}


.four_sidebar a {
	color:#0aa;
	font-size:13.3px;
	text-decoration:none;
}



.bottom_tit a {
	font-family:"华文仿宋";
	font-weight:bold;
	color:black;
	text-decoration:none;
}

.bottom_li a {
	color:#a0a;
	text-decoration:none;
}

4.网站涉及图片：


11---页面布局网站首页设计实例__终极版（仿csdn首页）_第1张图片11---页面布局网站首页设计实例__终极版（仿csdn首页）_第2张图片11---页面布局网站首页设计实例__终极版（仿csdn首页）_第3张图片



 
 
 


                            

                        

                    

                    
                    

                    
                    
                    

                

                

                    
                

            

        

    

    

        
你可能感兴趣的:(11---页面布局网站首页设计实例__终极版（仿csdn首页）)

        

            

                
    
                    
  • QQ群采集助手，精准引流必备神器
                        2401_87347160
其他经验分享
                        
    功能概述微信群查找与筛选工具是一款专为微信用户设计的辅助工具，它通过关键词搜索功能，帮助用户快速找到相关的微信群，并提供筛选是否需要验证的群组的功能。主要功能关键词搜索：用户可以输入关键词，工具将自动查找包含该关键词的微信群。筛选功能：工具提供筛选机制，用户可以选择是否只显示需要验证或不需要验证的群组。精准引流：通过上述功能，用户可以更精准地找到目标群组，进行有效的引流操作。3.设备需求该工具可以
    
                    
    • 
                    
  • 【iOS】MVC设计模式
                        Magnetic_h
iosmvc设计模式objective-c学习ui
                        
    MVC前言如何设计一个程序的结构，这是一门专门的学问，叫做"架构模式"（architecturalpattern），属于编程的方法论。MVC模式就是架构模式的一种。它是Apple官方推荐的App开发架构，也是一般开发者最先遇到、最经典的架构。MVC各层controller层Controller/ViewController/VC（控制器）负责协调Model和View，处理大部分逻辑它将数据从Mod
    
                    
    • 
                    
  • OC语言多界面传值五大方式
                        Magnetic_h
iosui学习objective-c开发语言
                        
    前言在完成暑假仿写项目时，遇到了许多需要用到多界面传值的地方，这篇博客来总结一下比较常用的五种多界面传值的方式。属性传值属性传值一般用前一个界面向后一个界面传值，简单地说就是通过访问后一个视图控制器的属性来为它赋值，通过这个属性来做到从前一个界面向后一个界面传值。首先在后一个界面中定义属性@interfaceBViewController:UIViewController@propertyNSSt
    
                    
    • 
                    
  • 微服务下功能权限与数据权限的设计与实现
                        nbsaas-boot
微服务java架构
                        
    在微服务架构下，系统的功能权限和数据权限控制显得尤为重要。随着系统规模的扩大和微服务数量的增加，如何保证不同用户和服务之间的访问权限准确、细粒度地控制，成为设计安全策略的关键。本文将讨论如何在微服务体系中设计和实现功能权限与数据权限控制。1.功能权限与数据权限的定义功能权限：指用户或系统角色对特定功能的访问权限。通常是某个用户角色能否执行某个操作，比如查看订单、创建订单、修改用户资料等。数据权限：
    
                    
    • 
                    
  • 理解Gunicorn：Python WSGI服务器的基石
                        范范0825
ipythonlinux运维
                        
    理解Gunicorn：PythonWSGI服务器的基石介绍Gunicorn，全称GreenUnicorn，是一个为PythonWSGI（WebServerGatewayInterface）应用设计的高效、轻量级HTTP服务器。作为PythonWeb应用部署的常用工具，Gunicorn以其高性能和易用性著称。本文将介绍Gunicorn的基本概念、安装和配置，帮助初学者快速上手。1.什么是Gunico
    
                    
    • 
                    
  • c++ 的iostream 和 c++的stdio的区别和联系
                        黄卷青灯77
c++算法开发语言iostreamstdio
                        
    在C++中，iostream和C语言的stdio.h都是用于处理输入输出的库，但它们在设计、用法和功能上有许多不同。以下是两者的区别和联系：区别1.编程风格iostream（C++风格）：C++标准库中的输入输出流类库，支持面向对象的输入输出操作。典型用法是cin（输入）和cout（输出），使用>操作符来处理数据。更加类型安全，支持用户自定义类型的输入输出。#includeintmain(){in
    
                    
    • 
                    
  • 消息中间件有哪些常见类型
                        xmh-sxh-1314
java
                        
    消息中间件根据其设计理念和用途，可以大致分为以下几种常见类型：点对点消息队列（Point-to-PointMessagingQueues）：在这种模型中，消息被发送到特定的队列中，消费者从队列中取出并处理消息。队列中的消息只能被一个消费者消费，消费后即被删除。常见的实现包括IBM的MQSeries、RabbitMQ的部分使用场景等。适用于任务分发、负载均衡等场景。发布/订阅消息模型（Pub/Sub
    
                    
    • 
                    
  • 【一起学Rust | 设计模式】习惯语法——使用借用类型作为参数、格式化拼接字符串、构造函数
                        广龙宇
一起学Rust#Rust设计模式rust设计模式开发语言
                        
    提示：文章写完后，目录可以自动生成，如何生成可参考右边的帮助文档文章目录前言一、使用借用类型作为参数二、格式化拼接字符串三、使用构造函数总结前言Rust不是传统的面向对象编程语言，它的所有特性，使其独一无二。因此，学习特定于Rust的设计模式是必要的。本系列文章为作者学习《Rust设计模式》的学习笔记以及自己的见解。因此，本系列文章的结构也与此书的结构相同（后续可能会调成结构），基本上分为三个部分
    
                    
    • 
                    
  • Google earth studio 简介
                        陟彼高冈yu
旅游
                        
    GoogleEarthStudio是一个基于Web的动画工具，专为创作使用GoogleEarth数据的动画和视频而设计。它利用了GoogleEarth强大的三维地图和卫星影像数据库，使用户能够轻松地创建逼真的地球动画、航拍视频和动态地图可视化。网址为https://www.google.com/earth/studio/。GoogleEarthStudio是一个基于Web的动画工具，专为创作使用G
    
                    
    • 
                    
  • 四章-32-点要素的聚合
                        彩云飘过

                        
    本文基于腾讯课堂老胡的课《跟我学Openlayers--基础实例详解》做的学习笔记，使用的openlayers5.3.xapi。源码见1032.html，对应的官网示例https://openlayers.org/en/latest/examples/cluster.htmlhttps://openlayers.org/en/latest/examples/earthquake-clusters.
    
                    
    • 
                    
  • DIV+CSS+JavaScript技术制作网页（旅游主题网页设计与制作）云南大理
                        STU学生网页设计
网页设计期末网页作业html静态网页html5期末大作业网页设计web大作业
                        
    ️精彩专栏推荐作者主页:【进入主页—获取更多源码】web前端期末大作业：【HTML5网页期末作业(1000套)】程序员有趣的告白方式：【HTML七夕情人节表白网页制作(110套)】文章目录二、网站介绍三、网站效果▶️1.视频演示2.图片演示四、网站代码HTML结构代码CSS样式代码五、更多源码二、网站介绍网站布局方面：计划采用目前主流的、能兼容各大主流浏览器、显示效果稳定的浮动网页布局结构。网站程
    
                    
    • 
                    
  • GitHub上克隆项目
                        bigbig猩猩
github
                        
    从GitHub上克隆项目是一个简单且直接的过程，它允许你将远程仓库中的项目复制到你的本地计算机上，以便进行进一步的开发、测试或学习。以下是一个详细的步骤指南，帮助你从GitHub上克隆项目。一、准备工作1.安装Git在克隆GitHub项目之前，你需要在你的计算机上安装Git工具。Git是一个开源的分布式版本控制系统，用于跟踪和管理代码变更。你可以从Git的官方网站（https://git-scm.
    
                    
    • 
                    
  • 关于城市旅游的HTML网页设计——(旅游风景云南 5页)HTML+CSS+JavaScript
                        二挡起步
web前端期末大作业javascripthtmlcss旅游风景
                        
    ⛵源码获取文末联系✈Web前端开发技术描述网页设计题材，DIV+CSS布局制作,HTML+CSS网页设计期末课程大作业|游景点介绍|旅游风景区|家乡介绍|等网站的设计与制作|HTML期末大学生网页设计作业，Web大学生网页HTML：结构CSS：样式在操作方面上运用了html5和css3，采用了div+css结构、表单、超链接、浮动、绝对定位、相对定位、字体样式、引用视频等基础知识JavaScrip
    
                    
    • 
                    
  • HTML网页设计制作大作业（div+css） 云南我的家乡旅游景点 带文字滚动
                        二挡起步
web前端期末大作业web设计网页规划与设计htmlcssjavascriptdreamweaver前端
                        
    Web前端开发技术描述网页设计题材，DIV+CSS布局制作,HTML+CSS网页设计期末课程大作业游景点介绍|旅游风景区|家乡介绍|等网站的设计与制作HTML期末大学生网页设计作业HTML：结构CSS：样式在操作方面上运用了html5和css3，采用了div+css结构、表单、超链接、浮动、绝对定位、相对定位、字体样式、引用视频等基础知识JavaScript：做与用户的交互行为文章目录前端学习路线
    
                    
    • 
                    
  • 121. 买卖股票的最佳时机
                        薄荷糖的味道_fb40

                        
    给定一个数组，它的第i个元素是一支给定股票第i天的价格。如果你最多只允许完成一笔交易（即买入和卖出一支股票），设计一个算法来计算你所能获取的最大利润。注意你不能在买入股票前卖出股票。示例1:输入:[7,1,5,3,6,4]输出:5解释:在第2天（股票价格=1）的时候买入，在第5天（股票价格=6）的时候卖出，最大利润=6-1=5。注意利润不能是7-1=6,因为卖出价格需要大于买入价格。示例2:输入:
    
                    
    • 
                    
  • libyuv之linux编译
                        jaronho
Linuxlinux运维服务器
                        
    文章目录一、下载源码二、编译源码三、注意事项1、银河麒麟系统（aarch64）（1）解决armv8-a+dotprod+i8mm指令集支持问题（2）解决armv9-a+sve2指令集支持问题一、下载源码到GitHub网站下载https://github.com/lemenkov/libyuv源码，或者用直接用git克隆到本地，如：gitclonehttps://github.com/lemenko
    
                    
    • 
                    
  • pyecharts——绘制柱形图折线图
                        2224070247
信息可视化pythonjava数据可视化
                        
    一、pyecharts概述自2013年6月百度EFE(ExcellentFrontEnd）数据可视化团队研发的ECharts1.0发布到GitHub网站以来，ECharts一直备受业界权威的关注并获得广泛好评，成为目前成熟且流行的数据可视化图表工具，被应用到诸多数据可视化的开发领域。Python作为数据分析领域最受欢迎的语言，也加入ECharts的使用行列，并研发出方便Python开发者使用的数据
    
                    
    • 
                    
  • node.js学习
                        小猿L
node.jsnode.js学习vim
                        
    node.js学习实操及笔记温故node.js，node.js学习实操过程及笔记~node.js学习视频node.js官网node.js中文网实操笔记githubcsdn笔记为什么学node.js可以让别人访问我们编写的网页为后续的框架学习打下基础，三大框架vuereactangular离不开node.jsnode.js是什么官网：node.js是一个开源的、跨平台的运行JavaScript的运行
    
                    
    • 
                    
  • CX8836：小体积大功率升降压方案推荐（附Demo设计指南）
                        诚芯微科技
社交电子
                        
    CX8836是一颗同步四开关单向升降压控制器，在4.5V-40V宽输入电压范围内稳定工作，持续负载电流10A，能够在输入高于或低于输出电压时稳定调节输出电压，可适用于USBPD快充、车载充电器、HUB、汽车启停系统、工业PC电源等多种升降压应用场合，为大功率TYPE-CPD车载充电器提供最优解决方案。提供CX8836Demo测试、CX8836样品申请及CX8836方案开发技术支持。CX8836同升
    
                    
    • 
                    
  • Python 实现图片裁剪（附代码） | Python工具
                        剑客阿良_ALiang

                        
    前言本文提供将图片按照自定义尺寸进行裁剪的工具方法，一如既往的实用主义。环境依赖ffmpeg环境安装，可以参考我的另一篇文章：windowsffmpeg安装部署_阿良的博客-CSDN博客本文主要使用到的不是ffmpeg，而是ffprobe也在上面这篇文章中的zip包中。ffmpy安装：pipinstallffmpy-ihttps://pypi.douban.com/simple代码不废话了，上代码
    
                    
    • 
                    
  • 数据仓库——维度表一致性
                        墨染丶eye
背诵数据仓库
                        
    数据仓库基础笔记思维导图已经整理完毕，完整连接为：数据仓库基础知识笔记思维导图维度一致性问题从逻辑层面来看，当一系列星型模型共享一组公共维度时，所涉及的维度称为一致性维度。当维度表存在不一致时，短期的成功难以弥补长期的错误。维度时确保不同过程中信息集成起来实现横向钻取货活动的关键。造成横向钻取失败的原因维度结构的差别，因为维度的差别，分析工作涉及的领域从简单到复杂，但是都是通过复杂的报表来弥补设计
    
                    
    • 
                    
  • 高级 ECharts 技巧：自定义图表主题与样式
                        SnowMan1993
echarts信息可视化数据分析
                        
    ECharts是一个强大的数据可视化库，提供了多种内置主题和样式，但你也可以根据项目的设计需求，自定义图表的主题与样式。本文将介绍如何使用ECharts自定义图表主题，以提升数据可视化的吸引力和一致性。1.什么是ECharts主题？ECharts的主题是指定义图表样式的配置项，包括颜色、字体、线条样式等。通过预设主题，你可以快速更改图表的整体风格，而自定义主题则允许你在此基础上进行个性化设置。2.
    
                    
    • 
                    
  • Redis系列：Geo 类型赋能亿级地图位置计算
                        Ly768768
redisbootstrap数据库
                        
    1前言我们在篇深刻理解高性能Redis的本质的时候就介绍过Redis的几种基本数据结构，它是基于不同业务场景而设计的：动态字符串(REDIS_STRING)：整数(REDIS_ENCODING_INT)、字符串(REDIS_ENCODING_RAW)双端列表(REDIS_ENCODING_LINKEDLIST)压缩列表(REDIS_ENCODING_ZIPLIST)跳跃表(REDIS_ENCODI
    
                    
    • 
                    
  • Low Power概念介绍-Voltage Area
                        飞奔的大虎

                        
    随着智能手机，以及物联网的普及，芯片功耗的问题最近几年得到了越来越多的重视。为了实现集成电路的低功耗设计目标，我们需要在系统设计阶段就采用低功耗设计的方案。而且，随着设计流程的逐步推进，到了芯片后端设计阶段，降低芯片功耗的方法已经很少了，节省的功耗百分比也不断下降。芯片的功耗主要由静态功耗（staticleakagepower）和动态功耗(dynamicpower)构成。静态功耗主要是指电路处于等
    
                    
    • 
                    
  • 【无标题】达瓦达瓦
                        JhonKI
考研
                        
    博客主页：https://blog.csdn.net/2301_779549673欢迎点赞收藏⭐留言如有错误敬请指正！本文由JohnKi原创，首发于CSDN未来很长，值得我们全力奔赴更美好的生活✨文章目录前言111️‍111❤️111111111111111总结111前言111骗骗流量券，嘿嘿111111111111111111111111111️‍111❤️111111111111111总结11
    
                    
    • 
                    
  • 上图为是否色发
                        JhonKI
考研
                        
    博客主页：https://blog.csdn.net/2301_779549673欢迎点赞收藏⭐留言如有错误敬请指正！本文由JohnKi原创，首发于CSDN未来很长，值得我们全力奔赴更美好的生活✨文章目录前言111️‍111❤️111111111111111总结111前言111骗骗流量券，嘿嘿111111111111111111111111111️‍111❤️111111111111111总结11
    
                    
    • 
                    
  • 143234234123432
                        JhonKI
考研
                        
    博客主页：https://blog.csdn.net/2301_779549673欢迎点赞收藏⭐留言如有错误敬请指正！本文由JohnKi原创，首发于CSDN未来很长，值得我们全力奔赴更美好的生活✨文章目录前言111️‍111❤️111111111111111总结111前言111骗骗流量券，嘿嘿111111111111111111111111111️‍111❤️111111111111111总结11
    
                    
    • 
                    
  • 广州会刊小程序开发公司哪家好｜开发多少钱费用｜专业外包服务
                        红匣子实力推荐

                        
    在选择广州会刊小程序开发公司时，有几个关键因素需要考虑。首先，您应该确定自己的需求和目标，以便找到最合适的开发公司。其次，您需要考虑公司的经验和专业知识。最后，您还应该考虑公司的信誉和口碑。开发-联系电话：13642679953（微信同号）首先，您应该明确自己的需求和目标。会刊小程序是一种用于展示会议信息和日程安排的应用程序。在选择开发公司之前，您应该明确自己的需求，包括功能要求、设计风格和用户体
    
                    
    • 
                    
  • 南美洲的奇特艺术品【神秘档案馆·第三期】
                        清风小和尚

                        
    本期回答问题：1.复活节岛石像是谁建造的？2.复活节岛石像的建造方法与目的？3.纳斯卡线条的设计意义？南美洲是南亚美利加洲的简称，位于西半球的南部，东濒大西洋，西临太平洋，北滨加勒比海，南隔德雷克海峡与南极洲相望。对南美洲最简单的定位方法是：美国南面。南美洲是地球上第四大的大洲，有着种类繁多的物种和丰富的地形。在这片广袤的土地上，有两样奇特的艺术品---复活节岛摩艾石像与纳斯卡线条。摩艾石像（Mo
    
                    
    • 
                    
  • 一比一复刻手表哪里可以买到？推荐三个可靠渠道
                        腕表世界

                        
    在我国，提及一比一复刻手表，人们总是充满好奇与争议。这种高度仿真的复刻手表，凭借其精湛的工艺、时尚的设计，以及与正品相差无几的质感，深受一部分消费者的喜爱。但与此同时，其背后的侵权争议也一直不断。那么，究竟哪里可以买到这些令人心动的一比一复刻手表呢？腕表咨询微信：10428850一、何为一比一复刻手表？一比一复刻手表，指的是严格按照正版手表的设计、尺寸和工艺制作的仿制品。这些手表在材质、外观、功能
    
                    
    • 
                                
  • ASM系列六 利用TreeApi 添加和移除类成员
                                    lijingyao8206
jvm动态代理ASM字节码技术TreeAPI
                                    
        同生成的做法一样，添加和移除类成员只要去修改fields和methods中的元素即可。这里我们拿一个简单的类做例子，下面这个Task类，我们来移除isNeedRemove方法，并且添加一个int 类型的addedField属性。 
  
package asm.core;

/**
 * Created by yunshen.ljy on 2015/6/
    
                                
    • 
                                
  • Springmvc-权限设计
                                    bee1314
springWebjsp
                                    
     
 万丈高楼平地起。 
 
权限管理对于管理系统而言已经是标配中的标配了吧，对于我等俗人更是不能免俗。同时就目前的项目状况而言，我们还不需要那么高大上的开源的解决方案，如Spring Security，Shiro。小伙伴一致决定我们还是从基本的功能迭代起来吧。 
目标：  
1.实现权限的管理（CRUD）
2.实现部门管理 （CRUD)
3.实现人员的管理 （CRUD）
4.实现部门和权限
    
                                
    • 
                                
  • 算法竞赛入门经典（第二版）第2章习题
                                    CrazyMizzz
c算法
                                    
    2.4.1 输出技巧 
#include <stdio.h> 
 
int 
main() 
{ 
 int i, n; 
 
 scanf("%d", &n); 
 for (i = 1; i <= n; i++) 
 printf("%d\n", i); 
 return 0; 
} 
 
习题2-2 水仙花数(daffodil
    
                                
    • 
                                
  • struts2中jsp自动跳转到Action
                                    麦田的设计者
jspwebxmlstruts2自动跳转
                                    
    1、在struts2的开发中，经常需要用户点击网页后就直接跳转到一个Action，执行Action里面的方法，利用mvc分层思想执行相应操作在界面上得到动态数据。毕竟用户不可能在地址栏里输入一个Action（不是专业人士） 
  
2、＜jsp:forward page="xxx.action" /＞ ，这个标签可以实现跳转，page的路径是相对地址,不同与jsp和j
    
                                
    • 
                                
  • php 操作webservice实例
                                    IT独行者
PHPwebservice
                                    
    首先大家要简单了解了何谓webservice，接下来就做两个非常简单的例子，webservice还是逃不开server端与client端。我测试的环境为：apache2.2.11 php5.2.10做这个测试之前，要确认你的php配置文件中已经将soap扩展打开，即extension=php_soap.dll; 
OK 现在我们来体验webservice 
//server端 serve
    
                                
    • 
                                
  • Windows下使用Vagrant安装linux系统
                                    _wy_
windowsvagrant
                                    
    准备工作： 
下载安装 VirtualBox ：https://www.virtualbox.org/ 
下载安装 Vagrant ：http://www.vagrantup.com/ 
下载需要使用的 box ： 
官方提供的范例：http://files.vagrantup.com/precise32.box 
还可以在 http://www.vagrantbox.es/ 
    
                                
    • 
                                
  • 更改linux的文件拥有者及用户组(chown和chgrp)
                                    无量
clinuxchgrpchown
                                    
    本文（转）  
http://blog.163.com/yanenshun@126/blog/static/128388169201203011157308/   
http://ydlmlh.iteye.com/blog/1435157   
一、基本使用：    
使用chown命令可以修改文件或目录所属的用户： 
       命令
    
                                
    • 
                                
  • linux下抓包工具
                                    矮蛋蛋
linux
                                    
    原文地址： 
http://blog.chinaunix.net/uid-23670869-id-2610683.html 
tcpdump -nn -vv -X udp port 8888 
上面命令是抓取udp包、端口为8888 
netstat -tln 命令是用来查看linux的端口使用情况 
 
13 . 列出所有的网络连接 
lsof -i 
14. 列出所有tcp 网络连接信息 
l
    
                                
    • 
                                
  • 我觉得mybatis是垃圾！：“每一个用mybatis的男纸，你伤不起”
                                    alafqq
mybatis
                                    
    最近看了  
每一个用mybatis的男纸，你伤不起 
原文地址 ：http://www.iteye.com/topic/1073938 
发表一下个人看法。欢迎大神拍砖； 
 
个人一直使用的是Ibatis框架，公司对其进行过小小的改良； 
最近换了公司，要使用新的框架。听说mybatis不错；就对其进行了部分的研究； 
 
发现多了一个mapper层；个人感觉就是个dao； 
 
 
    
                                
    • 
                                
  • 解决java数据交换之谜
                                    百合不是茶
数据交换
                                    
    交换两个数字的方法有以下三种  ，其中第一种最常用
 
  
/*
输出最小的一个数
*/
public class jiaohuan1 {

	public static void main(String[] args) {
	int a =4;
	int b = 3;
		if(a<b){
         //  第一种交换方式
		int tmep =
    
                                
    • 
                                
  • 渐变显示
                                    bijian1013
JavaScript
                                    
    <style type="text/css">
 #wxf {
  FILTER: progid:DXImageTransform.Microsoft.Gradient(GradientType=0, StartColorStr=#ffffff, EndColorStr=#97FF98);
  height: 25px;
 }
</style>
    
                                
    • 
                                
  • 探索JUnit4扩展：断言语法assertThat
                                    bijian1013
java单元测试assertThat
                                    
    一.概述 
        JUnit 设计的目的就是有效地抓住编程人员写代码的意图，然后快速检查他们的代码是否与他们的意图相匹配。 JUnit 发展至今，版本不停的翻新，但是所有版本都一致致力于解决一个问题，那就是如何发现编程人员的代码意图，并且如何使得编程人员更加容易地表达他们的代码意图。JUnit 4.4 也是为了如何能够
    
                                
    • 
                                
  • 【Gson三】Gson解析{"data":{"IM":["MSN","QQ","Gtalk"]}}
                                    bit1129
gson
                                    
       
如何把如下简单的JSON字符串反序列化为Java的POJO对象? 
{"data":{"IM":["MSN","QQ","Gtalk"]}} 
  
下面的POJO类Model无法完成正确的解析： 
  
import com.google.gson.Gson;
    
                                
    • 
                                
  • 【Kafka九】Kafka High Level API vs. Low Level API
                                    bit1129
kafka
                                    
    1. Kafka提供了两种Consumer API 
 
 High Level Consumer API 
 Low Level Consumer API(Kafka诡异的称之为Simple Consumer API，实际上非常复杂) 
 
在选用哪种Consumer API时，首先要弄清楚这两种API的工作原理，能做什么不能做什么，能做的话怎么做的以及用的时候，有哪些可能的问题 
 
    
                                
    • 
                                
  • 在nginx中集成lua脚本：添加自定义Http头，封IP等
                                    ronin47
nginx lua
                                    
    Lua是一个可以嵌入到Nginx配置文件中的动态脚本语言，从而可以在Nginx请求处理的任何阶段执行各种Lua代码。刚开始我们只是用Lua 把请求路由到后端服务器，但是它对我们架构的作用超出了我们的预期。下面就讲讲我们所做的工作。 强制搜索引擎只索引mixlr.com 
Google把子域名当作完全独立的网站，我们不希望爬虫抓取子域名的页面，降低我们的Page rank。 
location /{
    
                                
    • 
                                
  • java-归并排序
                                    bylijinnan
java
                                    
    
import java.util.Arrays;


public class MergeSort {

	
	public static void main(String[] args) {

		int[] a={20,1,3,8,5,9,4,25};
		mergeSort(a,0,a.length-1);
		System.out.println(Arrays.to
    
                                
    • 
                                
  • Netty源码学习-CompositeChannelBuffer
                                    bylijinnan
javanetty
                                    
    CompositeChannelBuffer体现了Netty的“Transparent Zero Copy” 
 
查看API（ 
http://docs.jboss.org/netty/3.2/api/org/jboss/netty/buffer/package-summary.html#package_description） 
可以看到，所谓“Transparent Zero Copy”是通
    
                                
    • 
                                
  • Android中给Activity添加返回键
                                    hotsunshine
Activity
                                    
           
// this need android:minSdkVersion="11"
 getActionBar().setDisplayHomeAsUpEnabled(true);
 
 
 
   
 @Override
    public boolean onOptionsItemSelected(MenuItem item) {
        
    
                                
    • 
                                
  • 静态页面传参
                                    ctrain
静态
                                    
    
$(document).ready(function () {
	var request = {
		QueryString :
		function (val) {
			var uri = window.location.search;
			var re = new RegExp("" + val + "=([^&?]*)", &
    
                                
    • 
                                
  • Windows中查找某个目录下的所有文件中包含某个字符串的命令
                                    daizj
windows查找某个目录下的所有文件包含某个字符串
                                    
    findstr可以完成这个工作。 
     
[html]  
view plain 
copy       
 
 >findstr /s /i "string" *.*   
  
上面的命令表示，当前目录以及当前目录的所有子目录下的所有文件中查找"string&qu
    
                                
    • 
                                
  • 改善程序代码质量的一些技巧
                                    dcj3sjt126com
编程PHP重构
                                    
    有很多理由都能说明为什么我们应该写出清晰、可读性好的程序。最重要的一点，程序你只写一次，但以后会无数次的阅读。当你第二天回头来看你的代码 时，你就要开始阅读它了。当你把代码拿给其他人看时，他必须阅读你的代码。因此，在编写时多花一点时间，你会在阅读它时节省大量的时间。让我们看一些基本的编程技巧：    尽量保持方法简短    尽管很多人都遵
    
                                
    • 
                                
  • SharedPreferences对数据的存储
                                    dcj3sjt126com

                                    
    SharedPreferences简介：                                                   &nbs
    
                                
    • 
                                
  • linux复习笔记之bash shell (2) bash基础
                                    eksliang
bashbash shell
                                    
    转载请出自出处：
http://eksliang.iteye.com/blog/2104329  
1.影响显示结果的语系变量（locale） 
 1.1locale这个命令就是查看当前系统支持多少种语系，命令使用如下： 
[root@localhost shell]# locale
LANG=en_US.UTF-8
LC_CTYPE="en_US.UTF-8"

    
                                
    • 
                                
  • Android零碎知识总结
                                    gqdy365
android
                                    
    1、CopyOnWriteArrayList add(E) 和remove(int index)都是对新的数组进行修改和新增。所以在多线程操作时不会出现java.util.ConcurrentModificationException错误。 
所以最后得出结论：CopyOnWriteArrayList适合使用在读操作远远大于写操作的场景里，比如缓存。发生修改时候做copy，新老版本分离，保证读的高
    
                                
    • 
                                
  • HoverTree.Model.ArticleSelect类的作用
                                    hvt
Web.netC#hovertreeasp.net
                                    
    ArticleSelect类在命名空间HoverTree.Model中可以认为是文章查询条件类，用于存放查询文章时的条件，例如HvtId就是文章的id。HvtIsShow就是文章的显示属性，当为-1是，该条件不产生作用，当为0时，查询不公开显示的文章，当为1时查询公开显示的文章。HvtIsHome则为是否在首页显示。HoverTree系统源码完全开放，开发环境为Visual Studio 2013
    
                                
    • 
                                
  • PHP 判断是否使用代理 PHP Proxy Detector
                                    天梯梦
proxy
                                    
    1. php 类 
I found this class looking for something else actually but I remembered I needed some while ago something similar and I never found one. I'm sure it will help a lot of developers who try to 
    
                                
    • 
                                
  • apache的math库中的回归——regression（翻译）
                                    lvdccyb
Mathapache
                                    
    这个Math库，虽然不向weka那样专业的ML库，但是用户友好，易用。 
多元线性回归，协方差和相关性（皮尔逊和斯皮尔曼），分布测试（假设检验，t，卡方，G），统计。 
  
数学库中还包含，Cholesky，LU，SVD，QR，特征根分解，真不错。 
  
基本覆盖了：线代，统计，矩阵， 
最优化理论 
曲线拟合 
常微分方程 
遗传算法（GA）， 
还有3维的运算。。。 

    
                                
    • 
                                
  • 基础数据结构和算法十三：Undirected Graphs (2)
                                    sunwinner
Algorithm
                                    
      
Design pattern for graph processing.  
Since we consider a large number of graph-processing algorithms, our initial design goal is to decouple our implementations from the graph representation
    
                                
    • 
                                
  • 云计算平台最重要的五项技术
                                    sumapp
云计算云平台智城云
                                    
    云计算平台最重要的五项技术 
 
 
 
1、云服务器 
 
 
云服务器提供简单高效，处理能力可弹性伸缩的计算服务，支持国内领先的云计算技术和大规模分布存储技术，使您的系统更稳定、数据更安全、传输更快速、部署更灵活。 
 
 
特性 
 
机型丰富 
 
通过高性能服务器虚拟化为云服务器，提供丰富配置类型虚拟机，极大简化数据存储、数据库搭建、web服务器搭建等工作； 
 
仅需要几分钟，根据CP
    
                                
    • 
                                
  • 《京东技术解密》有奖试读获奖名单公布
                                    ITeye管理员
活动
                                    
    ITeye携手博文视点举办的12月技术图书有奖试读活动已圆满结束，非常感谢广大用户对本次活动的关注与参与。  
 
 
12月试读活动回顾： 
http://webmaster.iteye.com/blog/2164754 
 
 
本次技术图书试读活动获奖名单及相应作品如下： 
 
 
一等奖（两名） 
 
 
 Microhardest：http://microhardest.ite
    
                                
    • 
                

            

        

    




    

        

            按字母分类：
            ABCDEFGHIJKLMNOPQRSTUVWXYZ其他