山上一边边
山上一边边

H5网页布局+css代码美化

HTML5的结构化标签，对搜索引擎更友好

li 标签对不利于搜索引擎的收录，尽量少用

banner图片一般拥有版权，不需要搜索引擎收录，因此可以使用ul + li

可用于浅色副标题

display:inline-block; 每个导航块存在水平间隙，解决方法是在父元素上添加font-size:0;

 

sublime安装csscomb插件

选中css代码，ctrl+shift+c 自动整理好代码

排序前：

 

 排序后：

 

 此时存在多余的空行

解决方法：

安装cssformat插件，对代码执行edit->cssformat->expanded 即可删除空行

 

 

选中单句样式前面的空白部分（即tab空位）

然后alt+f3 会统一选中所有tab留白

按一次删除，再按一次删除，再空一格

此时这个效果：

 

 然后按向下箭头，按向左箭头，按删除一次，再加个空格

此时效果

 

 再向下箭头，再删除

此时效果

 

 css样式代码美化完毕。

新标签元素的浏览器兼容解决：

header,nav,section,aside,article,footer{display: block;}

最后晒出所有代码

index.html

DOCTYPE html>
<html lang="en" manifest="index.manifest">
<head>
<meta charset="UTF-8">
<title>Documenttitle>
<link rel="stylesheet" href="style.css">
head>
<body>
    <header>
        <div class="container">
            <a href="#"><img src="cat-little.jpg">a>
            <nav>
                <a href="#" class="active">导航a>
                <a href="#">导航a>
                <a href="#">导航a>
                <a href="#">导航a>
                <a href="#">导航a>
            nav>
        div>
    header>

    <section class="banner">
        <ul>
            <li class="left"><img src="banner1.jpg">li>
            <li class="active"><img src="banner3.jpg">li>
            <li class="right"><img src="banner2.jpg">li>
        ul>
    section>

    <section class="main">
        <aside>
            <h1>左边<samp>标题samp>h1>
            <dl>
                <dt>小标题dt>
                <dd class="text">文字内容哦~dd>
                <dd class="pic"><img src="p1.jpg">dd>
            dl>
            <dl>
                <dt>小标题dt>
                <dd class="text">文字内容哦~dd>
                <dd class="pic"><img src="p2.jpg">dd>
            dl>
            <dl>
                <dt>小标题dt>
                <dd class="text">文字内容哦~dd>
                <dd class="pic"><img src="p3.jpg">dd>
            dl>
        aside>
        <article>
            <h1>右边<samp>标题samp>h1>
            <p>这是右边文章内容哦~p>
            <img src="qrt.jpg">
            <p>这是右边文章内容哦~p>
        article>
    section>

    <footer>
        <div class="container">
            <p>版权信息p>
            <span>
                <img src="b1.jpg">
                <img src="b2.jpg">
                <img src="b3.jpg">
            span>
        div>        
    footer>
body>
html>

style.css

* { font-size: 14px; margin: 0; padding: 0; border: none;}
a { text-decoration: none;}
ul { list-style: none;}

/*浏览器兼容解决*/
header,nav,section,aside,article,footer{display: block;}

/*头部*/
header { width: 100%; height: 60px; background-color: #000;}
.container { width: 1200px; margin: 0 auto;}
.container > a { display: block; float: left; width: 150px; height: 60px; padding-left: 10px;}
.container > a img { height: 40px; padding-top: 10px;}
nav { font-size: 0; float: right; padding-right: 10px;}
nav > a { font-size: 16px; line-height: 60px; display: inline-block; width: 100px; height: 60px; cursor: pointer; text-align: center; color: #fff;}
nav > a:first-child { background: rgb(212, 1, 18);}
nav > a:nth-child(2) { background: rgb(254, 184, 0);}
nav > a:nth-child(3) { background: rgb(120, 185, 23);}
nav > a:nth-child(4) { background: rgb(242, 124, 1);}
nav > a:last-child { background: rgb(1, 127, 203);}
nav > a:hover, nav > a.active { padding-bottom: 5px;}

/*banner*/
.banner { background: #ccc;}
.banner ul { position: relative; width: 1200px; height: 400px; margin: 0 auto; padding-top: 100px;}
.banner ul li { position: absolute; z-index: 1; top: 0; bottom: 0; overflow: hidden; width: 500px; height: 250px; margin: auto;}
.banner ul li img { overflow: hidden; width: 100%;}
.banner ul li.active { z-index: 2; right: 0;    /*设置水平居中*/ left: 0; width: 600px; height: 300px;}
.banner ul li.left { /*设置在左边*/ left: 0;}
.banner ul li.right { /*设置在右边*/ right: 0;}

/*主体部分*/
.main { width: 1200px; height: 350px; margin: 0 auto;}
aside { float: left; width: 600px;}
article { float: right; width: 600px;}
.main h1 { font-size: 24px; font-weight: lighter; margin: 20px 0;}
.main h1 samp { color: #7d7d7d;}
aside img { height: 70px;}
aside dl { position: relative; margin-bottom: 10px;}
aside dl dt { position: absolute; top: 0; left: 90px;}
aside dd.pic { overflow: hidden; width: 70px; height: 70px;}
aside dd.text { position: absolute; top: 20px; left: 90px;}
article > img { overflow: hidden; height: 130px;}
article > p { margin-bottom: 10px;}

/*底部*/
footer { background-color: #000;}
footer > .container { width: 1200px; height: 60px; margin: 0 auto;}
footer > .container > p { line-height: 60px; float: left; color: #fff;}
footer > .container > span { float: right;}
footer > .container > span > img { width: 25px; height: 25px; margin-left: 10px; padding-top: 17px; cursor: pointer; opacity: .7;}
footer > .container > span > img:hover { opacity: 1;}
/*# sourceMappingURL=style.css.map */

效果图

 

你可能感兴趣的:(H5网页布局+css代码美化)

  • CSS 调试工具详解 人才程序员 杂谈css前端jsonhtml5javascriptfirefoxjquery
    文章目录CSS调试工具详解️1.浏览器开发者工具(DevTools)定义主要功能：示例：使用DevTools调试CSS亮点：2.使用CSSLint工具定义主要功能：使用方法：优点：3.PostCSS和CSS预处理器️定义主要功能：使用方法：优点：4.CSS预处理器调试工具定义4.1使用SASS的调试功能示例：4.2使用LESS的调试功能优点：5.使用CSSGrid和Flexbox的调试工具定义功能
  • 一个财务做的python代码--PDF发票文件信息提取 宾不可 pdfpython职场和发展
    一、引言（我为什么做）随着国家不断推行数字发票，现在工作中越来越多的电子发票被收取和开具。这给财务人员高效登记大量发票信息提供了充足的环境。日常中，手动从每张发票中提取关键信息并录入Excel表格不仅耗时费力，还容易出错。本文提出了一种基于Python的自动化解决方案，该方案利用pdfplumber库从PDF格式的电子发票中提取文本信息，并结合正则表达式进行信息匹配和清洗，最后将整理好的数据自动写
  • C# 面试问题高级：057 - 什么是过滤器 ？ caifox菜狐狸 C#面试问题高级c#开发语言设计模式面试过滤器Filters
    1.过滤器的基本概念过滤器（Filters）是ASP.NETCore框架中的一种机制，用于在应用程序处理请求和响应的不同阶段执行自定义逻辑。它们可以用来实现诸如身份验证、授权、异常处理等功能，从而简化控制器代码并提高代码的可重用性。过滤器的主要作用是在特定的时间点对请求或响应进行干预，例如在执行动作之前或之后，或者在结果生成之前或之后。过滤器可以通过多种方式应用到应用程序中，包括全局应用、控制器级
  • elementUI tree树形控件 根据数据动态设置禁用，全选时不可选中禁用数据 xuelong-ming elementUI前端elementui前端
    需求根据后端返回的数据禁用数据，将tree结构对应的数据设置为禁用状态，并且在点击全选后不可选中禁用数据。效果根据数据动态设置禁用全选时不可选中禁用数据代码...全部员工.........exportdefault{importAPIfrom'@/api.js'...data(){return{...checkAll:false,//是否全选filterText:'',//关键字过滤deptUse
  • 使用Elasticsearch和Kibana进行查询的语法和编程实践 一起去旅行Coding elasticsearch大数据搜索引擎编程
    Elasticsearch和Kibana是一对强大的组合，用于处理和可视化大规模数据集。Elasticsearch是一个分布式的搜索和分析引擎，而Kibana是一个用于数据可视化和分析的开源工具。在本文中，我们将详细介绍如何使用Elasticsearch和Kibana进行查询，并给出相应的源代码示例。连接到Elasticsearch在开始编写查询之前，我们首先需要连接到Elasticsearch。
  • C#代码异味检测与重构：3大步骤，90%的代码质量提升？ 墨瑾轩 C#乐园c#重构开发语言
    关注墨瑾轩，带你探索编程的奥秘！超萌技术攻略，轻松晋级编程高手技术宝库已备好，就等你来挖掘订阅墨瑾轩，智趣学习不孤单即刻启航，编程之旅更有趣在编程的世界里，代码就像一座城市，随着时间的推移和功能的增加，如果不加以妥善管理和维护，它可能会变得杂乱无章。当项目逐渐膨胀，代码库中开始出现“坏味道”，这些代码异味不仅影响了程序的可读性和可维护性，还可能隐藏着潜在的风险。今天，我们将一起探索如何通过有效的代
  • 【大模型】AI 辅助编程操作实战使用详解 小码农叔叔 AI大模型实战与应用AI辅助编程操作实战使用详解AI辅助编程AI编程使用详解AI编程AI代码编程
    目录一、前言二、AI编程介绍2.1AI编程是什么2.1.1为什么需要AI辅助编程2.2AI编程主要特点2.3AI编程底层核心技术2.4AI编程核心应用场景三、AI代码辅助编程解决方案3.1AI大模型平台3.1.1AI大模型平台代码生成优缺点3.2AI编码插件3.3AI编码工具产品CursorAITabnineGitHubCopilot通义灵码MarsCodeCodeGeeX腾讯云AI代码助手Ope
  • 实战代码优化：数组和Set遍历的时间复杂度 wujiada001 #实战优化java开发语言
    优化前代码publicstaticBooleanqueryParamContrast(Stringparams){if(params.length()>4){returnfalse;}for(Stringcity:cityArray){if(StringUtils.equals(city,params)){returntrue;}}returnfalse;}publicstaticString[]
  • 探索Python数组工具类 ArrayUtils：功能强大的数组操作助手 FinkGO小码 Pythonpython开发语言程序人生numpypycharm课程设计经验分享
    引言在Python编程的世界里，数组（通常以列表list形式呈现）是一种极为常用的数据结构。无论是数据处理、算法实现还是日常的编程任务，对数组进行高效且便捷的操作都是必不可少的。然而，Python内置的数组操作方法虽然丰富，但在实际开发中，我们可能需要将一些常用的操作封装起来，以提高代码的复用性和可维护性。今天，我们就来详细介绍一个自定义的Python数组工具类ArrayUtils，它将众多实用的
  • 什么是重绘？什么是回流？如何减少回流？ Ashy- 前端面试题前端笔记css3
    重绘是指当元素样式发生改变，但不影响其布局的情况下，浏览器重新绘制元素的过程。例如修改元素的背景色、字体颜色等回流是指元素布局属性发生改变，需要重新计算元素在页面中的布局位置时，浏览器重新进行布局的过程例如元素的宽度高度位置改变如何减少回流？适用css动画代替JavaScript动画css动画利用GPU加速，在性能方面通常比JavaScript动画更高效。使用css的transform和opaci
  • 干货：DeepSeek+SpringAI实现流式对话！ 液态不合群 deepseek
    前面一篇文章我们实现了《炸裂：SpringAI内置DeepSeek啦！》，但是大模型的响应速度通常是很慢的，为了避免用户用户能够耐心等待输出的结果，我们通常会使用流式输出一点点将结果输出给用户。那么问题来了，想要实现流式结果输出，后端和前端要如何配合？后端要使用什么技术实现流式输出呢？接下来本文给出具体的实现代码，先看最终实现效果：解决方案在SpringBoot中实现流式输出可以使用Sse（Ser
  • Python关键字终极指南：36个核心关键词详解+实战示例，带你彻底掌握 编程梦想记 python开发语言
    以下是Python中的关键字（基于Python3.11版本，共**36个**），按功能分类解释它们的核心用途和常见场景。每个关键字都会用通俗易懂的语言和代码示例说明。一、控制程序流程的关键字1.**`if`/`elif`/`else`**-**用途**：条件判断。-**示例**：```pythonage=18ifage=18andage<=60:print("成年人")```14.**`is`**
  • AIMv2：多模态自回归预训练的视觉新突破 人工智能
    AIMv2：多模态自回归预训练的视觉新突破阅读时长：19分钟发布时间：2025-02-17近日热文：全网最全的神经网络数学原理（代码和公式）直观解释欢迎关注知乎和公众号的专栏内容LLM架构专栏知乎LLM专栏知乎【柏企】公众号【柏企科技说】【柏企阅文】导言视觉模型在人工智能领域的地位愈发重要，从图像识别、目标检测到多模态理解，其应用场景不断拓展。在大规模数据集上进行预训练，能助力模型学习丰富的视觉特
  • 基于FastAPI使用JWT技术实现的OAuth2用户认证接口 火云牌神 fastapiAI编程实战jwtfastapi
    文章目录关于OAuth2关于JWT安装依赖准备用户数据库关于**user_dict处理用户密码和token/令牌关于hash/哈希实现登录和获取用户信息接口关于OAuth2PasswordRequestForm启动程序测试效果身份验证获取当前登录用户信息用未激活用户测试总结查看完整代码本文阐述了如何基于FastAPI框架实现OAuth2用户认证，其中使用哈希算法对密码进行了加密，使用JWT持有令牌
  • 图片绘制到Canvas上并能缩放和平移 canvashtml
    有时候我们需要预览图片，对图片进行缩放平移等操作，这时候发现用img标签就不好用了。这时候就可以用我这个帖子的代码实现你要的效果。格式支持：只要能在canvas上渲染的图片都能做缩放平移。如果想缩放后还能把图片下载到本地，请自己调用canvas的api即可。特性：小于canvas大小，则默认不缩放。大于canvas则以最长边为单位来缩放。效果如下：将下方代码新建一个html，在浏览器打开就能看到效
  • HarmonyOS开发宝典震撼来袭，卓越应用开发之旅一触即发，轻松启程！ harmonyos
    HarmonyOS赋能产品，全面护航开发者从HarmonyOS感知、学习进阶、开发实践至技术支持的全旅程，助力开发者高效开发！我们倾心打造了一个涵盖高频场景的最佳实践案例库，汇聚丰富实战经验，旨在大幅提升开发效率。此外，我们还提供场景化的开箱即用代码示例，让应用开发触手可及，轻松高效。更令人振奋的是，全新升级的《HarmonyOS第一课》现已震撼上线！该课程采用多维融合教学法，将直观代码讲解与即学
  • Python-OAuth2 教程 房耿园Hartley
    Python-OAuth2教程项目地址:https://gitcode.com/gh_mirrors/pyt/python-oauth21.项目目录结构及介绍在python-oauth2项目中，目录结构通常包括以下几个部分：src/:主要代码存放的地方，包含了OAuth2的核心模块和实现。tests/:测试用例，用于确保代码的功能正确性。docs/:文档目录，包含项目的README和其他相关说明。
  • MATLAB代码实现了一个图形用户界面（GUI）程序，主要用于处理与水的物理性质相关的计算和绘图任务 go5463158465 MATLAB专栏深度学习算法matlab前端javascript
    functionvarargout=ruanjian(varargin)%RUANJIANMATLABcodeforruanjian.fig%RUANJIAN,byitself,createsanewRUANJIANorraisestheexisting%singleton*.%%H=RUANJIANreturnsthehandletoanewRUANJIANorthehandleto%theex
  • Node.js 环境搭建指南（手动下载并安装Node.js） MAX_WT node.js服务器javascript
    在服务器上部署Node.js环境是开发全栈应用、运行JavaScript服务端代码的基础步骤。本文将详细介绍如何在Linux服务器上搭建Node.js环境，并验证其是否正常运行。本文适合初学者和有一定经验的开发者参考。一、服务器环境准备1.添加GitHubHosts由于某些网络环境下访问GitHub可能较慢或不稳定，我们可以通过修改/etc/hosts文件来加速访问。操作步骤：1.使用vi编辑器打
  • 解决 `‘npm‘ 不是内部或外部命令` 的步骤 王大师王文峰 Java基础到框架面经吐血整理编程利器IDEAnpm前端node.js
    本人详解作者：王文峰，参加过CSDN2020年度博客之星，《Java王大师王天师》公众号：JAVA开发王大师，专注于天道酬勤的Java开发问题中国国学、传统文化和代码爱好者的程序人生，期待你的关注和支持！本人外号：神秘小峯山峯转载说明：务必注明来源（注明：作者：王文峰哦）解决`'npm'不是内部或外部命令`的步骤学习教程（传送门）解决`'npm'不是内部或外部命令`的步骤1.**确认是否已安装No
  • 七个合法学习黑客技术的平台，让你从萌新成为大佬 黑客白帽子黑爷 学习php开发语言web安全网络
    href="https://csdnimg.cn/release/blogv2/dist/mdeditor/css/editerView/kdoc_html_views-1a98987dfd.css"rel="stylesheet"/>href="https://csdnimg.cn/release/blogv2/dist/mdeditor/css/editerView/ck_htmledit_v
  • 为什么选择产品版本管理工具提升团队效率？ 项目管理
    在当今快速发展的软件开发环境中，产品版本管理工具已成为团队提升效率的关键。这些工具不仅能够有效管理代码变更，还能协调团队成员之间的协作，确保产品开发过程的顺畅进行。随着项目规模的不断扩大和复杂度的增加，选择合适的产品版本管理工具变得尤为重要。产品版本管理工具能够帮助团队更好地追踪项目进度，管理代码版本，并实现高效的团队协作。通过使用这些工具，开发团队可以更容易地管理复杂的项目结构，减少错误和冲突，
  • Python的`turtle`库来模拟满屏烟花效果 go5463158465 pythonpython开发语言
    以下是使用Python的turtle库来模拟满屏烟花效果的代码示例，运行代码后会在一个图形窗口中呈现出不断绽放的烟花场景，希望你能喜欢哦。importturtleimportrandomimporttime#初始化屏幕screen=turtle.Screen()screen.bgcolor("black")screen.title("FireworksShow")screen.setup(widt
  • PyTorch实战深度学习——用CNN进行手写数字识别 一位小说男主 人工智能入门深度学习
    用CNN进行手写数字识别---计算机专业研究生的代码第一课，相当于”HelloWorld“，不管以后选择什么研究方向，都值得一看,欢迎大家留言交流学习！下面手把手教大家一步一步实现该任务：1.环境准备首先呢，您需要确保安装了PyTorch库。如果还没有安装，可以使用以下命令进行安装，这里默认您已经有Anaconda并创建好虚拟环境啦，如果还没有安装，可以参考其他更完整的安装pytorch的教程：p
  • JavaScript 简介 强强学习 javascript开发语言ecmascript
    JavaScript是互联网上最流行的脚本语言，这门语言可用于HTML和web，更可广泛用于服务器、PC、笔记本电脑、平板电脑和智能手机等设备。JavaScript是脚本语言JavaScript是一种轻量级的编程语言。JavaScript是可插入HTML页面的编程代码。JavaScript插入HTML页面后，可由所有的现代浏览器执行。JavaScript很容易学习。
  • Mac Golang 开发环境配置 武昌库里写JAVA 面试题汇总与解析java学习开发语言课程设计springboot
    MacGolang开发环境配置Golang介绍Go（又称Golang）是Google开发的一种静态强类型、编译型、并发型，并具有垃圾回收功能的编程语言。由罗伯特·格瑞史莫，罗勃·派克（RobPike）及肯·汤普逊于2007年9月开始设计Go，稍后IanLanceTaylor、RussCox加入项目。Go是基于Inferno操作系统所开发的。Go于2009年11月正式宣布推出，成为开放源代码项目，支
  • 计算机学习建议 qincjun 学习
    对于现代得计算机开发者而言；最快的是要见到成效；这是一个功利性的社会；对于99%的人来说，先保证自己可以在社会上活下去才是最重要的；而不是追求梦想；一、职业Web前端：HTML、CSS、JavaScript、Vue3框架、React框架等；客户端：C#后端：(C语言、C++)或者Java数据库：MySQL之类的数据库操作；算法工程师：算法相关书籍；架构师：Linux相关；并做过前后端请一定要想好去
  • 用C/C++手搓链表：从青铜到王者的进阶之路 暮乘白帝过重山 c语言c++链表开发语言区块链算法数据结构
    链表就像程序员的"俄罗斯套娃"——每个娃娃肚子里都藏着下一个娃娃的线索。今天我们将用纯手搓代码和灵魂比喻，带你彻底征服这个数据结构！一、链表的本质：程序员的"贪吃蛇"1.1核心结构解剖节点(Node)=贪吃蛇的关节数据域：当前关节吃的食物指针域：下一截蛇身的位置坐标头指针(Head)=蛇头GPS定位器尾节点(Tail)=蛇尾（指向NULL表示结束）1.2类型选择指南类型内存消耗适用场景经典案例单向
  • Java实习生常规技术面试题每日十题Java基础（五） 用户昵称23 面试阿里巴巴java开发语言jvmhtmlgolang
    目录1.启动一个线程是用run()还是start()?.?2.线程的基本状态以及状态之间的关系。3.Set和List的区别，List和Map的区别？4.同步方法、同步代码块区别？5.描述Java锁机制。6.Comparable和Comparator接口是干什么的？列出它们的区别7.Java集合类框架的最佳实践有哪些？8.HashMap和Hashtable的区别。
  • Redis数据类型有哪些 头孢头孢 零散面试相关的总结redis哈希算法数据库
    Redis底层数据类型及其实现原理详细解析Redis提供了多种底层数据类型，每种类型都基于不同的数据结构实现，适用于不同的应用场景。理解这些底层实现和它们的使用方式对于优化Redis性能至关重要。以下是Redis中常用的底层数据类型的详细介绍，包括底层实现原理以及一些常用的Java代码示例。1.字符串（String）1.1数据类型描述Redis中的字符串（String）是最基本的数据类型，它可以存
  • 深入浅出Java Annotation(元注解和自定义注解） Josh_Persistence Java Annotation元注解自定义注解
    一、基本概述     　　 Annontation是Java5开始引入的新特征。中文名称一般叫注解。它提供了一种安全的类似注释的机制，用来将任何的信息或元数据（metadata）与程序元素（类、方法、成员变量等）进行关联。   　　更通俗的意思是为程序的元素（类、方法、成员变量）加上更直观更明了的说明，这些说明信息是与程序的业务逻辑无关，并且是供指定的工具或
  • mysql优化特定类型的查询 annan211 java工作mysql
    本节所介绍的查询优化的技巧都是和特定版本相关的，所以对于未来mysql的版本未必适用。 1 优化count查询 对于count这个函数的网上的大部分资料都是错误的或者是理解的都是一知半解的。在做优化之前我们先来看看 真正的count()函数的作用到底是什么。 count()是一个特殊的函数，有两种非常不同的作用，他可以统计某个列值的数量，也可以统计行数。 在统
  • MAC下安装多版本JDK和切换几种方式 棋子chessman jdk
    环境： MAC AIR,OS X 10.10,64位   历史： 过去 Mac 上的 Java 都是由 Apple 自己提供，只支持到 Java 6，并且OS X 10.7 开始系统并不自带（而是可选安装）（原自带的是1.6）。 后来 Apple 加入 OpenJDK 继续支持 Java 6，而 Java 7 将由 Oracle 负责提供。   在终端中输入jav
  • javaScript （1） Array_06 JavaScriptjava浏览器
    JavaScript 1、运算符 　　运算符就是完成操作的一系列符号，它有七类： 　　赋值运算符（=,+=,-=,*=,/=,%=,<<=,>>=,|=,&=）、算术运算符(+,-,*,/,++,--,%)、比较运算符(>,<,<=,>=,==,===,!=,!==)、逻辑运算符(||,&&,!)、条件运算(?:)、位
  • 国内顶级代码分享网站 袁潇含 javajdkoracle.netPHP
           现在国内很多开源网站感觉都是为了利益而做的                  当然利益是肯定的,否则谁也不会免费的去做网站      &
  • Elasticsearch、MongoDB和Hadoop比较 随意而生 mongodbhadoop搜索引擎
      IT界在过去几年中出现了一个有趣的现象。很多新的技术出现并立即拥抱了“大数据”。稍微老一点的技术也会将大数据添进自己的特性，避免落大部队太远，我们看到了不同技术之间的边际的模糊化。假如你有诸如Elasticsearch或者Solr这样的搜索引擎，它们存储着JSON文档，MongoDB存着JSON文档，或者一堆JSON文档存放在一个Hadoop集群的HDFS中。你可以使用这三种配
  • mac os 系统科研软件总结 张亚雄 mac os
    1.1 Microsoft Office for Mac 2011      大客户版，自行搜索。      1.2 Latex （MacTex）:      系统环境：https://tug.org/mactex/     &nb
  • Maven实战（四）生命周期 AdyZhang maven
    1. 三套生命周期     Maven拥有三套相互独立的生命周期，它们分别为clean，default和site。 每个生命周期包含一些阶段，这些阶段是有顺序的，并且后面的阶段依赖于前面的阶段，用户和Maven最直接的交互方式就是调用这些生命周期阶段。 以clean生命周期为例，它包含的阶段有pre-clean, clean 和 post
  • Linux下Jenkins迁移 aijuans Jenkins
    1. 将Jenkins程序目录copy过去      源程序在/export/data/tomcatRoot/ofctest-jenkins.jd.com下面            tar -cvzf jenkins.tar.gz ofctest-jenkins.jd.com &
  • request.getInputStream()只能获取一次的问题 ayaoxinchao requestInputstream
    问题：在使用HTTP协议实现应用间接口通信时，服务端读取客户端请求过来的数据，会用到request.getInputStream()，第一次读取的时候可以读取到数据，但是接下来的读取操作都读取不到数据   原因： 1. 一个InputStream对象在被读取完成后，将无法被再次读取，始终返回-1； 2. InputStream并没有实现reset方法（可以重
  • 数据库SQL优化大总结之 百万级数据库优化方案 BigBird2012 SQL优化
    网上关于SQL优化的教程很多，但是比较杂乱。近日有空整理了一下，写出来跟大家分享一下，其中有错误和不足的地方，还请大家纠正补充。 这篇文章我花费了大量的时间查找资料、修改、排版，希望大家阅读之后，感觉好的话推荐给更多的人，让更多的人看到、纠正以及补充。 1.对查询进行优化，要尽量避免全表扫描，首先应考虑在 where 及 order by 涉及的列上建立索引。 2.应尽量避免在 where
  • jsonObject的使用 bijian1013 javajson
            在项目中难免会用java处理json格式的数据，因此封装了一个JSONUtil工具类。 JSONUtil.java package com.bijian.json.study; import java.util.ArrayList; import java.util.Date; import java.util.HashMap;
  • [Zookeeper学习笔记之六]Zookeeper源代码分析之Zookeeper.WatchRegistration bit1129 zookeeper
    Zookeeper类是Zookeeper提供给用户访问Zookeeper service的主要API，它包含了如下几个内部类     首先分析它的内部类，从WatchRegistration开始，为指定的znode path注册一个Watcher，   /** * Register a watcher for a particular p
  • 【Scala十三】Scala核心七：部分应用函数 bit1129 scala
    何为部分应用函数？ Partially applied function: A function that’s used in an expression and that misses some of its arguments.For instance, if function f has type Int => Int => Int, then f and f(1) are p
  • Tomcat Error listenerStart 终极大法 ronin47 tomcat
    Tomcat报的错太含糊了，什么错都没报出来，只提示了Error listenerStart。为了调试，我们要获得更详细的日志。可以在WEB-INF/classes目录下新建一个文件叫logging.properties，内容如下 Java代码  handlers = org.apache.juli.FileHandler, java.util.logging.ConsoleHa
  • 不用加减符号实现加减法 BrokenDreams 实现
            今天有群友发了一个问题，要求不用加减符号(包括负号)来实现加减法。         分析一下，先看最简单的情况，假设1+1，按二进制算的话结果是10，可以看到从右往左的第一位变为0，第二位由于进位变为1。    
  • 读《研磨设计模式》-代码笔记-状态模式-State bylijinnan java设计模式
    声明： 本文只为方便我个人查阅和理解，详细的分析以及源代码请移步 原作者的博客http://chjavach.iteye.com/ /* 当一个对象的内在状态改变时允许改变其行为，这个对象看起来像是改变了其类 状态模式主要解决的是当控制一个对象状态的条件表达式过于复杂时的情况 把状态的判断逻辑转移到表示不同状态的一系列类中，可以把复杂的判断逻辑简化 如果在
  • CUDA程序block和thread超出硬件允许值时的异常 cherishLC CUDA
    调用CUDA的核函数时指定block 和 thread大小，该大小可以是dim3类型的（三维数组），只用一维时可以是usigned int型的。 以下程序验证了当block或thread大小超出硬件允许值时会产生异常！！！GPU根本不会执行运算！！！ 所以验证结果的正确性很重要！！！ 在VS中创建CUDA项目会有一个模板，里面有更详细的状态验证。 以下程序在K5000GPU上跑的。
  • 诡异的超长时间GC问题定位 chenchao051 jvmcmsGChbaseswap
    HBase的GC策略采用PawNew+CMS, 这是大众化的配置，ParNew经常会出现停顿时间特别长的情况，有时候甚至长到令人发指的地步，例如请看如下日志： 2012-10-17T05:54:54.293+0800: 739594.224: [GC 739606.508: [ParNew: 996800K->110720K(996800K), 178.8826900 secs] 3700
  • maven环境快速搭建 daizj 安装mavne环境配置
    一 下载maven 安装maven之前，要先安装jdk及配置JAVA_HOME环境变量。这个安装和配置java环境不用多说。 maven下载地址：http://maven.apache.org/download.html，目前最新的是这个apache-maven-3.2.5-bin.zip，然后解压在任意位置，最好地址中不要带中文字符，这个做java 的都知道，地址中出现中文会出现很多
  • PHP网站安全，避免PHP网站受到攻击的方法 dcj3sjt126com PHP
    对于PHP网站安全主要存在这样几种攻击方式:1、命令注入(Command Injection)2、eval注入(Eval Injection)3、客户端脚本攻击(Script Insertion)4、跨网站脚本攻击(Cross Site Scripting, XSS)5、SQL注入攻击(SQL injection)6、跨网站请求伪造攻击(Cross Site Request Forgerie
  • yii中给CGridView设置默认的排序根据时间倒序的方法 dcj3sjt126com GridView
    public function searchWithRelated() {         $criteria = new CDbCriteria;         $criteria->together = true; //without th
  • Java集合对象和数组对象的转换 dyy_gusi java集合
        在开发中，我们经常需要将集合对象（List，Set）转换为数组对象，或者将数组对象转换为集合对象。Java提供了相互转换的工具，但是我们使用的时候需要注意，不能乱用滥用。 1、数组对象转换为集合对象     最暴力的方式是new一个集合对象，然后遍历数组，依次将数组中的元素放入到新的集合中，但是这样做显然过
  • nginx同一主机部署多个应用 geeksun nginx
    近日有一需求，需要在一台主机上用nginx部署2个php应用，分别是wordpress和wiki，探索了半天，终于部署好了，下面把过程记录下来。 1.   在nginx下创建vhosts目录，用以放置vhost文件。 mkdir vhosts   2.   修改nginx.conf的配置， 在http节点增加下面内容设置，用来包含vhosts里的配置文件 #
  • ubuntu添加admin权限的用户账号 hongtoushizi ubuntuuseradd
    ubuntu创建账号的方式通常用到两种：useradd 和adduser . 本人尝试了useradd方法，步骤如下： 1:useradd    使用useradd时，如果后面不加任何参数的话，如：sudo useradd sysadm 创建出来的用户将是默认的三无用户：无home directory ,无密码,无系统shell。 顾应该如下操作：  
  • 第五章 常用Lua开发库2-JSON库、编码转换、字符串处理 jinnianshilongnian nginxlua
      JSON库   在进行数据传输时JSON格式目前应用广泛，因此从Lua对象与JSON字符串之间相互转换是一个非常常见的功能；目前Lua也有几个JSON库，本人用过cjson、dkjson。其中cjson的语法严格（比如unicode \u0020\u7eaf），要求符合规范否则会解析失败（如\u002），而dkjson相对宽松，当然也可以通过修改cjson的源码来完成
  • Spring定时器配置的两种实现方式OpenSymphony Quartz和java Timer详解 yaerfeng1989 timerquartz定时器
    原创整理不易，转载请注明出处：Spring定时器配置的两种实现方式OpenSymphony Quartz和java Timer详解 代码下载地址：http://www.zuidaima.com/share/1772648445103104.htm 有两种流行Spring定时器配置：Java的Timer类和OpenSymphony的Quartz。 1.Java Timer定时 首先继承jav
  • Linux下df与du两个命令的差别？ pda158 linux
    　一、df显示文件系统的使用情况，与du比較，就是更全盘化。 　　最经常使用的就是 df -T，显示文件系统的使用情况并显示文件系统的类型。 　　举比例如以下： 　　[root@localhost ~]# df -T 　　Filesystem                   Type &n
  • [转]SQLite的工具类 ---- 通过反射把Cursor封装到VO对象 ctfzh VOandroidsqlite反射Cursor
    在写DAO层时，觉得从Cursor里一个一个的取出字段值再装到VO(值对象)里太麻烦了，就写了一个工具类，用到了反射，可以把查询记录的值装到对应的VO里，也可以生成该VO的List。   使用时需要注意： 考虑到Android的性能问题，VO没有使用Setter和Getter，而是直接用public的属性。 表中的字段名需要和VO的属性名一样，要是不一样就得在查询的SQL中
  • 该学习笔记用到的Employee表 vipbooks oraclesql工作
        这是我在学习Oracle是用到的Employee表，在该笔记中用到的就是这张表，大家可以用它来学习和练习。 drop table Employee; -- 员工信息表 create table Employee( -- 员工编号 EmpNo number(3) primary key, -- 姓
按字母分类： ABCDEFGHIJKLMNOPQRSTUVWXYZ其他