u013263923
u013263923

HTML——博客网页布局

HTML——博客网页布局_第1张图片HTML——博客网页布局_第2张图片


HTML文件

<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01//EN"
"http://www.w3.org/TR/html4/strict.dtd">

<html xmlns="http://www.w3.org/1999/xhtml" lang="en">
	<head>
		<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
		<title>HTML blog</title>
		<link href="css/blog.css" rel="stylesheet" type="text/css" />
	</head>
	<body>
		<div class="container">
			<div class="header">
				<h1>KSC 工作室</h1>
				<p>http://blog.csdn.net/sunshumin</p>
			</div>
			<div class="content">
				<div class="navBar">
					<ul>
						<li><a href="#">首页</a></li>
						<li><a href="#">博客</a></li>
						<li><a href="#">文章</a></li>
						<li><a href="#">帮助</a></li>
					</ul>
				</div>
				<div class="sidebarLeft">
					<div class="frame">
						<div class="title">个人资料</div>
						<div style="text-align: center;">
							<img src="img/psb.jpg"  width="80px"/>
							<p style="font-size: 1.2em;color: #aaf;font-weight: bold;">黄某某</p>
						</div>
					</div>
					<div class="frame">
						<div class="title">博客文章</div>
						<ul class="list">
							<li>HTML 简介</li>
							<li>HTML 基本概念</li>
							<li>HTML 文档结构</li>
							<li>HTML 编辑器介绍</li>
							<li>基本元素介绍</li>
							<li>超链接图片</li>
							<li>图片元素</li>
						</ul>
					</div>
				</div>
				<div class="sidebarRight">
					<div class="frame">
						<div class="title">我的好友</div>
						<ul class="list">
							<li>张琨</li>
							<li>黄超</li>
							<li>戴敏</li>
							<li>李梅</li>
							<li>刘娜</li>
							<li>王月</li>
						</ul>
					</div>
					<div class="frame">
						<div class="title">友情链接</div>
						<ul class="list">
							<li>张琨的博客</li>
							<li>黄超的博客</li>
							<li>戴敏的博客</li>
							<li>李梅的博客</li>
							<li>刘娜的博客</li>
							<li>王月的博客</li>							
						</ul>
					</div>
					<div class="frame">
						<div class="title">访客统计</div>
						<ul class="list">
							<li>总共访问量：21310 人</li>
							<li>今日访问量：    340 人</li>
						</ul>
					</div>
				</div>
				<div class="mainContent">
					<div class="frame">
						<div class="title">博文</div>
						<div style="padding: 5px;">
							<h3>大家好，这是我的第一篇博客</h3>
							<p style="text-indent: 2em;">我已经在BLOG安家了，欢迎你“常过来看看”，大家多多交流哦。我们可以一起把这里变成共同的心灵家园，像家一样温暖的地方。</p>
							<p style="text-indent: 2em;">我会把一些有趣的东西记录下来。我会把一些有趣的东西记录下来。我会把一些有趣的东西记录下来。我会把一些有趣的东西记录下来。我会把一些有趣的东西记录下来。我会把一些有趣的东西记录下来。我会把一些有趣的东西记录下来。
							我会把一些有趣的东西记录下来。我会把一些有趣的东西记录下来。我会把一些有趣的东西记录下来。我会把一些有趣的东西记录下来。我会把一些有趣的东西记录下来。我会把一些有趣的东西记录下来。我会把一些有趣的东西记录下来。我会把一些有趣的东西记录下来。
							我会把一些有趣的东西记录下来。</p>
							<p style="text-indent: 2em;">我的BLOG地址：http://blog.csdn.net/sunshumin</p>
						</div>
					</div>
				</div>
				<div class="footer">
					<p>BLOG意见反馈留言板    不良信息反馈    电话：18865513351欢迎批评改正</p>
					<p>简介 |关于我们|广告服务|联系我们|招聘信息|网站律师|会员注册|产品答疑 </p>
					<p>Copyright &copy; 2013 - 2014 HTML Corporation,All Rights Reserveds</p>
					<p>KSC工作社           版权所有</p>
				</div>
			</div>
		</div>
	</body>
</html>

CSS文件 

@charset "utf-8";
body{
	margin: 0;
	padding: 0;
	text-align: center;
	font-size: 13px;
	background-image:url(../img/Default.jpg);
}

.container{
	width: 778px;
	margin: 0 auto;
	text-align: left;
}

.header{
	padding-top: 40px;
	padding-bottom: 20px;
	padding-left: 50px;
}

/*导航菜单*/
.navBar{
	position: relative;
	height: 30px;
	width: 100%;
}

.navBar ul{
	position: relative;
	margin: 0;
	padding: 0;
	height: 30px;
	background: url(../img/导航.png)  0px -30px repeat-x;
}

.navBar ul li{
	width: 15%;
	padding: 0;
	margin: 0;
	list-style: none;
	float: left;
	height: 30px;
	display: inline;/*设置显示方式*/
}

.navBar ul li a{
	font: 12px Arial;
	color: white;
	text-decoration: none;
	line-height: 30px;
	display: block;
	background-image: url(../img/导航.png) 100% -60px no-repeat;
	padding: 0 17px 0 15px;
}

.navBar ul li a:hover{
	text-decoration: underline;
}

.navBar .left{
	position: absolute;
	top: 0px;
	left: 0px;
	width: 10px;
	height: 30px;
	display: block;
	z-index: 1;
	background: url(../img/导航.png) 0% 0px no-repeat;
}

.navBar .right{
	position: absolute;
	top: 0px;
	right: 0px;
	width: 10px;
	height: 30px;
	display: block;
	z-index: 1;
	background: url(../img/导航.png) 100% -90px no-repeat;
}

/*侧边栏*/
.sidebarLeft{
	float: left;
	width: 200px;
}

.sidebarRight{
	float: right;
	width: 200px;
}

/*小面板*/
.frame{
	width: 100%;
	margin-bottom: 15px;
	background-color: white;
	border: solid 1px gray;
}

.title{
	margin: 1px;
	margin-bottom: 5px;
	padding: 4px;
	font-weight: bold;
	background-color: #66cccc;
}

/*文章、好友列表*/
.list{
	list-style-type: none;
	padding: 5px;
	margin: 0 auto;
}

.list li{
	padding: 3px;
	border-bottom: dotted 1px #aaf;
}

.mainContent{
	width: 370px;
	margin: 0 auto;
}

.footer{
	clear: both;
	position: relative;
	padding: 10px 0;
	text-align: center;
	color: #eee;
}






你可能感兴趣的:(html,css,布局)

  • 揭秘海外机房服务：为何它成为全球化时代的“必备神器” xjxijd 服务器云计算
    在全球化浪潮的推动下，海外机房服务逐渐崭露头角，成为众多企业和个人在数字化转型过程中的得力助手。今天，就让我们一起走进海外机房的世界，探索它为何能成为全球化时代的“必备神器”。一、全球化网络，触手可及你是否曾因为跨国数据传输速度慢、不稳定而烦恼？海外机房服务拥有全球化的网络布局，让数据传输不再受地域限制。无论你身处何地，都能轻松接入高速、稳定的网络环境，享受全球化的便捷服务。微软将在未来4年中，投
  • 使用 HTML CSS 和 JAVASCRIPT 的黑洞动画 谏君之 javascriptcsshtmljavascript
    使用HTMLCSS和JAVASCRIPT的黑洞动画BlackHoleAnimationbody{margin:0;overflow:hidden;background:radial-gradient(ellipseatcenter,black,#1a1a1a);height:100vh;display:flex;justify-content:center;align-items:center;}
  • 使用css实现镂空效果 gurenchang css前端
    前言：最近在公司完成小程序的新手引导中遇到了要将蒙层挖空，漏出后面内容的功能，找了各种资料之后，发现了一种就使用几行css代码就实现这个效果的方式，在这里分享给各位小伙伴们。功能描述：实现下图的镂空效果代码展示：.mask{position:absolute;bottom:20rpx;left:50%;transform:translateX(-50%);width:90%;height:500r
  • 对于简单的HTML、CSS、JavaScript前端，我们可以通过几种方式连接后端 昨今 前端htmlcss
    1.使用FetchAPI发送HTTP请求（最简单的方式）：//home.html//示例：提交表单数据到后端constsubmitForm=async(formData)=>{try{constresponse=awaitfetch('http://your-backend-url/api/submit',{method:'POST',headers:{'Content-Type':'applic
  • 高级前端工程师Vue面试题 盼盼盼 面试题前端前端
    HTML/CSS1.解释HTML5中的元素及其用途。元素用于通过JavaScript绘制图形，比如图表、图像处理等。它提供了一个图形上下文，可以进行2D图形绘制。2.CSS中display:none和visibility:hidden有什么区别？display:none会将元素从文档流中完全移除，不占据空间。而visibility:hidden则元素依然占据空间，只是变得不可见。3.描述CSSFl
  • mac+CLion+redis6.2本地源码调试 王冬的csdn redisredis
    1.下载安装CLion下载地址：https://www.jetbrains.com.cn/clion/download/other.html安装过程自行百度2.下载redis源码gitclonehttp://github.com/redis/redis.git3.添加CMakeLists.txt文件1、\redis-6.2\cmake_minimum_required(VERSION3.0FATA
  • html5 判断长按操作,移动端h5模拟长按事件 weixin_39933414 html5判断长按操作
    1、标志位vartimer='';varisLongTouch=false;//加个标志位，防止settimeout因为事件循环和实际时间有偏差vartarget=document.getElementById('target');target.addEventListener('touchstart',function(){timer=setTimeout(function(){isLongTo
  • electron-vue 安装环境、构建+打包（mac和windows）这一篇就够了 阿毛sky electronvue前端
    由于公司需要，下一个项目需要做CS开发，技术选型分析后，选择了electron（Electron是一个使用JavaScript,HTML和CSS等Web技术创建原生程序的框架）研究发现，electron与vue-cli3.0脚手架做了很好的融合，对于我们这种用惯了vue，以及elementUI这些UI框架的Web前端开发工程师来说，实在太友好了，不过，这是一门国外框架技术，不仅是环境搭建、安装、文
  • 【CSS】图片比例完整展示与滚动查看 Peter-Lu #CSS开发语言前端css
    文章目录一、问题背景二、问题分析为什么`100vh`会压缩图片高度？为什么固定像素高度有效？三、解决方案与改进1.页面布局代码2.样式代码3.核心点解读容器高度图片样式滚动支持在前端开发中，如何高效地展示多张图片，并确保图片保持原始比例，同时兼顾滚动查看的需求，是一个常见的问题。本文将通过一个实际案例，讲解如何解决100vh固定高度导致图片被压缩的问题，以及如何改进页面布局让滚动与展示兼顾。一、问
  • nodejs：express + js-mdict 网页查询英汉词典，能播放声音 belldeep nodejsweb服务nodejsexpressjs-mdict
    向DeepSeekR1提问：我想写一个Web前端网页，后台用nodejs+js-mdict,实现在线查询英语单词1.项目结构首先，创建一个项目目录，结构如下：mydict-app/├──public/│├──index.html│├──styles.css│└──script.js├──server/│└──server.js├──package.json└──README.md英汉词典文件（*.
  • nodejs：express + js-mdict 网页查询英汉词典，能显示图片 belldeep nodejsjavascriptnodejsjavascriptjs-mdictexpress
    向DeepSeekR1提问：我想写一个Web前端网页，后台用nodejs+js-mdict,实现在线查询英语单词，并能显示图片1.项目结构首先，创建一个项目目录，结构如下：mydict-app/├──public/│├──index.html│├──styles.css│└──script.js├──server/│└──server.js├──package.json└──README.md英汉
  • 基于vue3实现的课堂点名程序 zhouzhurong vue.jsjavascriptelementui
    设计思路采用vue3实现的课堂点名程序，模拟课堂座位布局，点击开始点名按钮后，一朵鲜花在座位间传递，直到点击结束点名按钮，鲜花停留的座位被点名。课堂点名座位组件seat.vue//组合式APIimport{ref,reactive,onMounted}from'vue';constseatImage=ref('/src/assets/desk.jpg')constprops=defineProps
  • 使用JavaScript设计一款简单的数字时钟 布啦啦李 javascript时钟
    本文目录使用JavaScript设计一款带日期显示的数字时钟效果预览1.项目概述2.HTML结构代码说明3.CSS样式代码说明4.JavaScript逻辑代码说明5.运行效果使用JavaScript设计一款带日期显示的数字时钟本文将详细介绍如何使用HTML、CSS和JavaScript设计一款带日期显示的数字时钟。我们将逐步讲解每一行代码的作用，帮助你理解如何实现一个实时更新的时钟，并扩展功能以显
  • android listpreference 自定义,android – 自定义布局ListPreference 呼呼啦啦就瘸了 androidlistpreference自定义
    在您的preference.xml文件中,您可以通过类的全名来引用自定义ListPreference,即com.example.MyPreferenceandroid:key="pref_wifi_key"android:title="@string/settings">android:key="pref_wifi_remove"android:title="@string/remove_wifi
  • DPlayer + vue3 使用 是晓周哦 javascriptvue.js前端视频typescript
    帮助文档https://dplayer.diygod.dev/zh/guide.html#special-thanks安装pnpminstalldplayer--savepnpminstall@types/dplayer--save-dev使用方法import{ref,onMounted,onBeforeUnmount}from'vue';importDPlayerfrom'dplayer';im
  • qt 使用qss控制界面外观 yaofei2006 qt开发语言ui
    在Qt中，QSS（QtStyleSheets）是一种基于CSS（CascadingStyleSheets）的样式表语言，用于自定义Qt应用程序的外观。通过QSS，你可以轻松地修改控件的颜色、字体、边框、背景等属性，而无需修改代码。以下是使用QSS的详细指南：1.基本语法QSS的语法与CSS类似，由选择器和声明块组成：选择器{属性:值;属性:值;}示例QPushButton{background-c
  • Bootstrap4 信息提示框 lsx202406 开发语言
    Bootstrap4信息提示框Bootstrap是一个流行的前端框架，它提供了一系列的工具和组件来帮助开发者快速搭建响应式网站。在Bootstrap4中，信息提示框（Tooltip）是一个非常有用的组件，它可以帮助用户更好地理解页面上的元素。本文将详细介绍Bootstrap4的信息提示框组件，包括其基本用法、配置选项以及与实际应用的结合。一、基本用法1.1HTML结构要使用Bootstrap4的信
  • Qt中多ui使用及简单布局实现交互界面 liangyunshan123 Qt开发技巧1024程序员节qtuic++
    系列文章目录第一章Qt中C++代码搭配UI文件实现交互界面第二章Qt中多ui使用及简单布局实现交互界面文章目录前言一、新增两个新UI文件二、使用这两个新增的UI及简单布局三.添加简单联动逻辑四.编译运行及动态效果展示总结前言前一段时间，写了一篇关于Qt中C++代码搭配UI文件实现简单的交互界面的文章，当时是计划作为一个系列来写的，希望交流一下循序渐进的学习和使用Qt心得。前几天评论中有人催更了，所
  • 鸿蒙HarmonyOS NEXT开发：位置设置（ArkTS组件事件） 「已注销」 鸿蒙ArkTSharmonyos华为鸿蒙android驱动开发
    位置设置设置组件的对齐方式、布局方向和显示位置。说明：从APIVersion7开始支持。后续版本如有新增内容，则采用上角标单独标记该内容的起始版本。alignalign(value:Alignment)设置容器元素绘制区域内的子元素的对齐方式。卡片能力：从APIversion9开始，该接口支持在ArkTS卡片中使用。原子化服务API：从APIversion11开始，该接口支持在原子化服务中使用。系
  • i510300h和i78750h参数对比哪个好 妙龙 笔记本
    i510300H是笔记本平台的标准电压处理器，为四核心八线程，主频2.5GHz，睿频4.5GHz，45WTDP，8M三级缓存，passmark跑分为9026分。我的笔记本就是活动时8折抢购的https://list.jd.com/list.html?i7-8750H的规格是6核心12线程，coffcelake架构，主频2.2GHz，单核最大睿频4.1GHz，六核最大睿频3.9GHz，L3缓存9MB
  • 腾讯云通过API怎样调用deepseek ZhangJiQun&MXP 2024大模型以及算力教学智能合约语言模型人工智能自然语言处理深度学习
    腾讯云通过API怎样调用deepseek目录腾讯云通过API怎样调用deepseekhtml方式curl方式重点说明：不需要SK，仅仅使用ip和端口号html方式<metacharset=
  • Pinia入门 qincjun 前端学习指南pinia
    一、铺垫pinia官网：https://pinia.vuejs.org/zh/getting-started.html以下的内容全部来自官网；只不过有时候访问官网上不去；只能自己扒下来；pinia的前端使用非常简单；只需要掌握几个步骤就可以二、套路1.用你喜欢的包管理器安装pinia：yarnaddpinia#或者使用npmnpminstallpinia2.创建一个pinia实例(根store)并
  • 前端开发：CSS选择器 qincjun css前端
    一、基础选择器1.1标签选择器通用型，一次将所有的同类型标签设置成相同属性；p{color:red;}div{color:green;}1.2类选择器类名用.(点)开头的.eat{color:red;}.sleep{color:blue;}.play{color:black;font-size:30px;}吃饭//给段落赋予一个class类名；是此类名的是一样的CSS格式睡觉//一个元素可以赋予多
  • 前端框架Vue内容回顾 GISer_Jinger JavascriptVue前端框架vue.js前端
    前端面试Vue必备内容详解如果你正在准备Vue相关的前端面试，这份详细指南将帮助你掌握Vue核心知识，助你高效备战面试。1.Vue基础知识1.1Vue的核心概念声明式渲染：Vue采用数据驱动视图的方式，通过{{}}语法或v-bind绑定数据，无需手动操作DOM。组件化开发：Vue提供了单文件组件（SFC），支持HTML、CSS、JS组合在.vue文件中，提高代码复用性和可维护性。数据驱动：Vue采
  • 鸿蒙Next开发-添加水印以及点击穿透设置 Android技术之家
    在鸿蒙Next中，为App全局添加水印可以通过以下方式实现，其中通过窗口添加水印是一种常见且高效的方式。以下是具体方案和实现细节：一、全局水印的实现方式1.窗口叠加水印（首选、推荐）原理：在应用的主窗口（Window）上叠加一个半透明的水印层，覆盖所有页面内容。优势：实现简单、性能较好，无需侵入业务逻辑。实现步骤：(1)创建全局水印组件通过Stack布局在主页面内容上叠加水印层，通过设置hitTe
  • python自动化框架pytest_全功能Python测试框架：pytest weixin_39637646
    python通用测试框架大多数人用的是unittest+HTMLTestRunner，这段时间看到了pytest文档，发现这个框架和丰富的plugins很好用，所以来学习下pytest.image.pngpytest是一个非常成熟的全功能的Python测试框架，主要有以下几个特点：简单灵活，容易上手支持参数化能够支持简单的单元测试和复杂的功能测试，还可以用来做selenium/appnium等自动
  • print不起作用 pytest_全功能Python测试框架：pytest 吕欲知 print不起作用pytest
    python通用测试框架大多数人用的是unittest+HTMLTestRunner，这段时间看到了pytest文档，发现这个框架和丰富的plugins很好用，所以来学习下pytest.pytest是一个非常成熟的全功能的Python测试框架，主要有以下几个特点：简单灵活，容易上手支持参数化能够支持简单的单元测试和复杂的功能测试，还可以用来做selenium/appnium等自动化测试、接口自动化
  • 【从0带做】基于Springboot3+Vue3的高校食堂点餐系统 ADFVBM 面试学习路线阿里巴巴java
    大家好，我是武哥，最近给大家手撸了一个基于SpringBoot3+Vue3的高校食堂点餐系统，可用于毕业设计、课程设计、练手学习，系统全部原创，如有遇到网上抄袭站长的，欢迎联系博主~详细介绍https://www.javaxm.cn/star/gxstdc.html项目在线体验地址体验地址：（请电脑端浏览器访问）：http://43.142.9.148:81/用户账号：aaa密码：123456系统
  • Python满屏飘字代码 Want595 趣味编程python开发语言
    系列专栏《Python趣味编程》《C/C++趣味编程》《HTML趣味编程》《Java趣味编程》系列文章序号直达链接Tkinter1Python李峋同款可写字版跳动的爱心2Python跳动的双爱心3Python蓝色跳动的爱心4Python动漫烟花5Python粒子烟花Turtle1Python满屏飘字2Python蓝色流星雨3Python金色流星雨4Python漂浮爱心5Python爱心光波①6Py
  • HTML5(十二)——一文读懂 WebSocket 原理 m0_70646989 Web前端经验分享前端前端框架
    二、WebSocket通信过程================WebSocket协议可分为两部分：握手阶段和数据通信阶段。WebSocket为应用层协议，定义在TCP/IP协议栈之上，连接服务器的url是以ws或wss开头的。ws开头的默认TCP端口为80，wss开头的默认端口为443。ws（websocket）是不安全的，容易被窃听，只要别人知道你的ip和端口号，任何人都可以去连接通讯。wss（
  • java杨辉三角 3213213333332132 java基础
    package com.algorithm; /** * @Description 杨辉三角 * @author FuJianyong * 2015-1-22上午10:10:59 */ public class YangHui { public static void main(String[] args) { //初始化二维数组长度 int[][] y
  • 《大话重构》之大布局的辛酸历史 白糖_ 重构
    《大话重构》中提到“大布局你伤不起”，如果企图重构一个陈旧的大型系统是有非常大的风险，重构不是想象中那么简单。我目前所在公司正好对产品做了一次“大布局重构”，下面我就分享这个“大布局”项目经验给大家。   背景         公司专注于企业级管理产品软件，企业有大中小之分，在2000年初公司用JSP/Servlet开发了一套针对中
  • 电驴链接在线视频播放源码 dubinwei 源码电驴播放器视频ed2k
    本项目是个搜索电驴（ed2k）链接的应用,借助于磁力视频播放器（官网： http://loveandroid.duapp.com/ 开放平台），可以实现在线播放视频，也可以用迅雷或者其他下载工具下载。 项目源码： http://git.oschina.net/svo/Emule,动态更新。也可从附件中下载。 项目源码依赖于两个库项目，库项目一链接： http://git.oschina.
  • Javascript中函数的toString()方法 周凡杨 JavaScriptjstoStringfunctionobject
    简述     The toString() method returns a string representing the source code of the function.     简译之，Javascript的toString()方法返回一个代表函数源代码的字符串。 句法     function.
  • struts处理自定义异常 g21121 struts
    很多时候我们会用到自定义异常来表示特定的错误情况，自定义异常比较简单，只要分清是运行时异常还是非运行时异常即可，运行时异常不需要捕获，继承自RuntimeException，是由容器自己抛出，例如空指针异常。 非运行时异常继承自Exception，在抛出后需要捕获，例如文件未找到异常。 此处我们用的是非运行时异常，首先定义一个异常LoginException: /** * 类描述：登录相
  • Linux中find常见用法示例 510888780 linux
    Linux中find常见用法示例 ·find   path   -option   [   -print ]   [ -exec   -ok   command ]   {} \; find命令的参数；
  • SpringMVC的各种参数绑定方式 Harry642 springMVC绑定表单
    1. 基本数据类型(以int为例，其他类似)： Controller代码： @RequestMapping("saysth.do") public void test(int count) { } 表单代码： <form action="saysth.do" method="post&q
  • Java 获取Oracle ROWID aijuans javaoracle
    A ROWID is an identification tag unique for each row of an Oracle Database table. The ROWID can be thought of as a virtual column, containing the ID for each row. The oracle.sql.ROWID class i
  • java获取方法的参数名 antlove javajdkparametermethodreflect
    reflect.ClassInformationUtil.java package reflect; import javassist.ClassPool; import javassist.CtClass; import javassist.CtMethod; import javassist.Modifier; import javassist.bytecode.CodeAtt
  • JAVA正则表达式匹配 查找 替换 提取操作 百合不是茶 java正则表达式替换提取查找
    正则表达式的查找;主要是用到String类中的split();       String str;      str.split();方法中传入按照什么规则截取,返回一个String数组   常见的截取规则: str.split("\\.")按照.来截取 str.
  • Java中equals()与hashCode()方法详解 bijian1013 javasetequals()hashCode()
    一.equals()方法详解     equals()方法在object类中定义如下：  public boolean equals(Object obj) { return (this == obj); }    很明显是对两个对象的地址值进行的比较（即比较引用是否相同）。但是我们知道，String 、Math、I
  • 精通Oracle10编程SQL(4)使用SQL语句 bijian1013 oracle数据库plsql
    --工资级别表 create table SALGRADE ( GRADE NUMBER(10), LOSAL NUMBER(10,2), HISAL NUMBER(10,2) ) insert into SALGRADE values(1,0,100); insert into SALGRADE values(2,100,200); inser
  • 【Nginx二】Nginx作为静态文件HTTP服务器 bit1129 HTTP服务器
     Nginx作为静态文件HTTP服务器 在本地系统中创建/data/www目录，存放html文件(包括index.html) 创建/data/images目录，存放imags图片 在主配置文件中添加http指令   http { server { listen 80; server_name
  • kafka获得最新partition offset blackproof kafkapartitionoffset最新
    kafka获得partition下标，需要用到kafka的simpleconsumer   import java.util.ArrayList; import java.util.Collections; import java.util.Date; import java.util.HashMap; import java.util.List; import java.
  • centos 7安装docker两种方式 ronin47
          第一种是采用yum 方式              yum install -y docker           
  • java-60-在O(1)时间删除链表结点 bylijinnan java
    public class DeleteNode_O1_Time { /** * Q 60 在O(1)时间删除链表结点 * 给定链表的头指针和一个结点指针(!!)，在O(1)时间删除该结点 * * Assume the list is: * head->...->nodeToDelete->mNode->nNode->..
  • nginx利用proxy_cache来缓存文件 cfyme cache
    user  zhangy users; worker_processes 10; error_log  /var/vlogs/nginx_error.log  crit; pid        /var/vlogs/nginx.pid; #Specifies the value for ma
  • [JWFD开源工作流]JWFD嵌入式语法分析器负号的使用问题 comsci 嵌入式
        假如我们需要用JWFD的语法分析模块定义一个带负号的方程式，直接在方程式之前添加负号是不正确的，而必须这样做：     string str01 = "a=3.14;b=2.71;c=0;c-((a*a)+(b*b))"     定义一个0整数c,然后用这个整数c去
  • 如何集成支付宝官方文档 dai_lm android
    官方文档下载地址 https://b.alipay.com/order/productDetail.htm?productId=2012120700377310&tabId=4#ps-tabinfo-hash 集成的必要条件 1. 需要有自己的Server接收支付宝的消息 2. 需要先制作app，然后提交支付宝审核，通过后才能集成 调试的时候估计会真的扣款，请注意
  • 应该在什么时候使用Hadoop datamachine hadoop
    原帖地址：http://blog.chinaunix.net/uid-301743-id-3925358.html 存档，某些观点与我不谋而合，过度技术化不可取，且hadoop并非万能。 --------------------------------------------万能的分割线-------------------------------- 有人问我，“你在大数据和Hado
  • 在GridView中对于有外键的字段使用关联模型进行搜索和排序 dcj3sjt126com yii
    在GridView中使用关联模型进行搜索和排序 首先我们有两个模型它们直接有关联: class Author extends CActiveRecord { ... } class Post extends CActiveRecord { ... function relations() { return array( '
  • 使用NSString 的格式化大全 dcj3sjt126com Objective-C
    格式定义The format specifiers supported by the NSString formatting methods and CFString formatting functions follow the IEEE printf specification; the specifiers are summarized in Table 1. Note that you c
  • 使用activeX插件对象object滚动有重影 蕃薯耀 activeX插件滚动有重影
      使用activeX插件对象object滚动有重影   <object style="width:0;" id="abc" classid="CLSID:D3E3970F-2927-9680-BBB4-5D0889909DF6" codebase="activex/OAX339.CAB#
  • SpringMVC4零配置 hanqunfeng springmvc4
    基于Servlet3.0规范和SpringMVC4注解式配置方式，实现零xml配置，弄了个小demo，供交流讨论。     项目说明如下： 1.db.sql是项目中用到的表，数据库使用的是oracle11g 2.该项目使用mvn进行管理，私服为自搭建nexus,项目只用到一个第三方 jar，就是oracle的驱动； 3.默认项目为零配置启动，如果需要更改启动方式，请
  • 《开源框架那点事儿16》：缓存相关代码的演变 j2eetop 开源框架
    问题引入 上次我参与某个大型项目的优化工作，由于系统要求有比较高的TPS，因此就免不了要使用缓冲。 该项目中用的缓冲比较多，有MemCache，有Redis，有的还需要提供二级缓冲，也就是说应用服务器这层也可以设置一些缓冲。 当然去看相关实现代代码的时候，大致是下面的样子。 [java] view plain copy print ? public vo
  • AngularJS浅析 kvhur JavaScript
    概念 AngularJS is a structural framework for dynamic web apps. 了解更多详情请见原文链接：http://www.gbtags.com/gb/share/5726.htm Directive 扩展html，给html添加声明语句，以便实现自己的需求。对于页面中html元素以ng为前缀的属性名称，ng是angular的命名空间
  • 架构师之jdk的bug排查(一)---------------split的点号陷阱 nannan408 split
    1.前言.    jdk1.6的lang包的split方法是有bug的,它不能有效识别A.b.c这种类型,导致截取长度始终是0.而对于其他字符,则无此问题.不知道官方有没有修复这个bug. 2.代码 String[] paths = "object.object2.prop11".split("'"); System.ou
  • 如何对10亿数据量级的mongoDB作高效的全表扫描 quentinXXZ mongodb
      本文链接:  http://quentinXXZ.iteye.com/blog/2149440 一、正常情况下，不应该有这种需求 首先，大家应该有个概念，标题中的这个问题，在大多情况下是一个伪命题，不应该被提出来。要知道，对于一般较大数据量的数据库，全表查询，这种操作一般情况下是不应该出现的，在做正常查询的时候，如果是范围查询，你至少应该要加上limit。 说一下，
  • C语言算法之水仙花数 qiufeihu c算法
    /** * 水仙花数 */ #include <stdio.h> #define N 10 int main() { int x,y,z; for(x=1;x<=N;x++) for(y=0;y<=N;y++) for(z=0;z<=N;z++) if(x*100+y*10+z == x*x*x
  • JSP指令 wyzuomumu jsp
    jsp指令的一般语法格式： <%@ 指令名 属性 =”值 ” %> 常用的三种指令： page,include,taglib page指令语法形式： <%@ page 属性 1=”值 1” 属性 2=”值 2”%> include指令语法形式： <%@include file=”relative url”%> (jsp可以通过 include
按字母分类： ABCDEFGHIJKLMNOPQRSTUVWXYZ其他