无懈可击的Web设计--巧妙的浮动

1、img标签，在IE下默认有一个2px蓝色的border，但是在firefox下却没有，所以要设定 border:0;

2、浮动清楚，推荐阅读：http://www.complexspiral.com/publications/containing-floats/

　　让我们来看一下实现自清楚的三种方法：

　　A.设置float来解决浮动中的问题。次方法通常依赖于页面上容器后面所跟随的对象，但这个可以跨浏览器的方法易于实现。

　　B.使用overflow属性的“简单清除浮动法”，次方法可能是最简单的方法了，但可能会产生副作用。SitePoint上对它有详细介绍：

　　　　http://www.sitepoint.com/simple-clearing-of-floats/  

　　C.使用内容生成的“简单清除法”   http://positioniseverything.net/easyclearing.html

3、IE6双边距的问题：

　　当为浮动对象添加一个左侧或者右侧的边距时，IE6就会有一个不正确的举动，它会双倍处理与浮动方向相同的那一侧边距

　　如下图：

   IE6下：

无懈可击的Web设计--巧妙的浮动

正常情况：

    无懈可击的Web设计--巧妙的浮动

 

　　推荐： http://positioniseverything.net/explorer/doubled-margin.html

　　解决办法：  对浮动对象增加规则  display:inline;这个时候IE6就能正确显示边距了。

 

    实践代码如下：

 

View Code 
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">

<html xmlns="http://www.w3.org/1999/xhtml">

    <head>

        <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />

        <title>无标题文档</title>

 

         <style type="text/css">

             body,div,ul,li,p,a,img,dd,dl,dt{

                 margin:0;

                 padding:0;

             }

             body{

                 font-family:微软雅黑,"Microsoft YaHei",Helvetica,Arial;

                 font-size:1em;

                 text-align:center;

         

             }

            img{

                border: 0;

            }

            #sina{

                position:absolute;

                float:left;

                margin-left:-250px;

                left:50%;

                top:0;

                padding:10px 0;

                width:500px;

                border: 2px solid #C8CDD2;

            }

            

            #sina dl{

                float:left;

                margin:10px 20px;

                display:inline;

            }

            

            #sina dt{

                float:right;

                width:260px;

                font-size:130%;

                letter-spacing: 1px;

                text-align:left;

                color:#627081;

            }

            

            #sina dd{

                font-size:85%;

                line-height:1.5em;

                color:#666;

                text-align: left;

            }

            

            .img img{

                float:left;

                margin:0 8px 0 0;

                padding:4px;

                border: 1px solid #D9E0E6;

                border-bottom-color:#C8CDD2;

                border-right-color:#C8CDD2;

                background: #fff;

            }

            

            #sina .alt dt{

                float:left;

            }

            

            #sina .alt img{

                float:right;

                margin:0 0 0 8px;

            }

         </style>

    </head>

    <body>

        <div id="sina">

            <dl>

                <dt>海螺一枚</dt>

                <dd class="img"> <a href="http://weibo.com/csimple"><img src="ccg.jpg" alt="ccg" /></a></dd>

                <dd>细水长流~@小小纳爱斯 生日快乐[蛋糕]希望以后你的每一个生日我都陪你过</dd>

            </dl>

            <dl class="alt">

                <dt>我不是小朱朱</dt>

                <dd class="img"><a href="http://weibo.com/u/1738691932"> <img src="zjn.jpg" alt="zjn" /></a></dd>

                <dd>我要快乐。刚刚传照片，发现我好像拍到亲吻的情侣了[阴险] 不好意思咯，不过还是挺浪漫的，祝你们有情人终成眷属~ [喜]</dd>

            </dl>

            <dl >

                <dt>小小纳爱斯</dt>

                <dd class="img"><a href="http://weibo.com/u/1626950820"> <img src="xxnas.jpg" alt="xxnas" /></a></dd>

                <dd>  做一个内心温暖的人。等得我花儿都谢了…三面都过了，还要来个神马综合评审，评审人还不知道干嘛去了[泪][泪][泪]折磨死了，明天我就该干嘛干嘛去，不等了。</dd>

            </dl>

        </div>



    </body>

</html>

 

 

你可能感兴趣的:(web设计)

  • 《响应式 Web 设计：纯 HTML 和 CSS 的实现技巧》 陈在天box 前端htmlcss
    一、引言在当今数字化时代，人们使用各种不同的设备访问网页，包括台式电脑、笔记本电脑、平板电脑和智能手机等。为了确保网页在不同设备上都能提供良好的用户体验，响应式Web设计变得至关重要。响应式Web设计是一种能够根据设备屏幕大小和分辨率自动调整布局和样式的设计方法。本文将深入探讨如何使用纯HTML和CSS实现响应式Web设计，分享一些实用的技巧和最佳实践。二、响应式Web设计的重要性（一）满足不同设
  • 《响应式 Web 设计：纯 HTML 和 CSS 的实现技巧》 陈在天box 前端htmlcss
    一、引言在当今数字化时代，人们使用各种不同的设备访问互联网，包括台式电脑、笔记本电脑、平板电脑、智能手机等。为了确保网站在不同设备上都能呈现出良好的用户体验，响应式Web设计变得至关重要。响应式Web设计是一种能够使网页根据不同设备的屏幕尺寸和分辨率自动调整布局和样式的设计方法。本文将重点介绍如何使用纯HTML和CSS实现响应式Web设计的技巧。二、响应式Web设计的基本原则移动优先在设计响应式网
  • 响应式Web设计：纯HTML和CSS的实现技巧 丁爸 web前端html
    1.简介1.1.概述响应式Web设计（ResponsiveWebDesign，简称RWD）是一种网络页面设计布局，它能够根据访问设备的屏幕尺寸、分辨率和其他特性动态地调整布局、图片和内容，以提供更好的用户体验。这种设计理念的核心在于“移动优先”，即首先考虑移动用户的体验，然后再扩展到桌面和其他设备。1.2.主要特点响应式Web设计的主要特点包括：弹性布局：使用流体网格和灵活的图片来创建响应式布局，
  • 响应式Web设计：纯HTML和CSS的实现技巧 vvvae1234 html
    互联网已经成为人们日常生活中不可或缺的一部分，随着移动设备的普及，用户访问网站的方式也发生了巨大变化。因此，响应式Web设计（ResponsiveWebDesign,RWD）应运而生。它的目标是使Web页面能够根据不同设备屏幕的大小和分辨率自动调整布局，以提供最佳的用户体验。本文将深入探讨响应式Web设计的基本概念、实现技巧，并通过实际操作案例来展示如何使用纯HTML和CSS构建一个响应式网页。1
  • 响应式Web设计：纯HTML和CSS的实现技巧 Min_nna ai分析csshtml
    响应式Web设计（ResponsiveWebDesign，RWD）是指网站能够根据不同设备的屏幕大小和分辨率自动调整布局和样式，以提供良好的用户体验。使用纯HTML和CSS实现响应式设计的技巧包括以下几个方面：使用流式布局百分比宽度：使用百分比代替固定宽度，使元素根据父容器的宽度调整大小。.container{width:100%;}.column{width:50%;/*每列占父容器的50%*/
  • 响应式Web设计（Responsive Web Design, RWD） hong161688 前端
    响应式Web设计（ResponsiveWebDesign,RWD）是一种网页设计策略，旨在确保网站能够在不同设备和屏幕尺寸上提供良好且一致的用户体验。通过纯HTML和CSS实现响应式设计，主要依赖于媒体查询（MediaQueries）、灵活的布局、流式布局、相对单位、图片和字体的响应式处理等技巧。以下将详细探讨这些技巧及其在响应式Web设计中的应用。一、媒体查询（MediaQueries）媒体查询
  • 响应式 Web 设计：纯 HTML 和 CSS 的实现技巧 清水白石008 csshtmlWEB设计html
    响应式Web设计：纯HTML和CSS的实现技巧引言随着移动设备的普及，响应式Web设计（ResponsiveWebDesign,RWD）已成为现代网页开发的标准。响应式设计的目标是使网页在不同设备上（如手机、平板和桌面）都能良好显示，提供一致的用户体验。本文将深入探讨如何使用纯HTML和CSS实现响应式Web设计，提供实用的技巧和示例，帮助开发者构建灵活且美观的网页。一、响应式设计的基本概念响应式
  • 响应式 Web 设计：纯 HTML 和 CSS 的实现技巧 柯迪 edgehtml
    在当今多设备、多屏幕的网络环境中，响应式Web设计（ResponsiveWebDesign,RWD）已经成为构建用户友好网站的标准方法。响应式设计确保网站能够在各种设备和屏幕尺寸上提供一致的用户体验。虽然现代开发者常用JavaScript和框架来实现响应式设计，但本文将重点介绍如何使用纯HTML和CSS技术来实现这一目标。1.使用灵活的布局流式布局是响应式设计的基础，它允许页面布局根据屏幕宽度动态
  • 响应式Web设计：纯HTML和CSS的实现技巧-1 Dingdangr html
    响应式Web设计（ResponsiveWebDesign,RWD）是一种旨在确保网站在不同设备和屏幕尺寸下都能良好运行的网页设计策略。通过纯HTML和CSS实现响应式设计，主要依赖于媒体查询（MediaQueries）、灵活的布局、可伸缩的图片和字体、以及适当的视口设置等技术。1.视口元标签（ViewportMetaTag）在HTML文档的部分添加视口元标签是响应式设计的基础。这个标签告诉浏览器如
  • 响应式Web设计：纯HTML和CSS的实现技巧-2 Dingdangr 前端htmlcss
    0px){body{font-size:16px;}}@media(min-width:1201px){body{font-size:18px;}}###6.响应式导航菜单导航菜单是网站中非常重要的一部分，特别是在移动设备上，传统的水平导航菜单可能会占用太多空间，导致页面内容被压缩或遮挡。因此，创建一个响应式的导航菜单对于提升用户体验至关重要。你可以使用媒体查询和CSS来控制导航菜单的显示方式，如
  • [总结]CSS/CSS3常用样式与web移动端资源 weixin_30662011 移动开发javascript前端ViewUI
    CSS/CSS3常用样式与知识点IE条件注释条件注释简介IE中的条件注释（Conditionalcomments）对IE的版本和IE非IE有优秀的区分能力，是WEB设计中常用的hack方法。条件注释只能用于IE5以上，IE10以上不支持。如果你安装了多个IE，条件注释将会以最高版本的IE为标准。条件注释的基本结构和HTML的注释()是一样的。因此IE以外的浏览器将会把它们看作是普通的注释而完全忽略
  • CSS/CSS3常用样式与web移动端资源 weixin_33994444 移动开发javascript前端ViewUI
    CSS/CSS3常用样式与知识点IE条件注释条件注释简介IE中的条件注释（Conditionalcomments）对IE的版本和IE非IE有优秀的区分能力，是WEB设计中常用的hack方法。条件注释只能用于IE5以上，IE10以上不支持。如果你安装了多个IE，条件注释将会以最高版本的IE为标准。条件注释的基本结构和HTML的注释()是一样的。因此IE以外的浏览器将会把它们看作是普通的注释而完全忽略
  • 推荐十四款常见的Web前端开发框架 Java学习之平凡之路 资源收集
    在做web开发的时候经常会遇到一个问题，那就是，选择什么样的框架来做前端开发。下面封程中把目前常用的一些前端的框架简单的给大家介绍一下.1.BootstrapBoostrap绝对是目前最流行用得最广泛的一款框架。它是一套优美，直观并且给力的web设计工具包，可以用来开发跨浏览器兼容并且美观大气的页面。它提供了很多流行的样式简洁的UI组件，栅格系统以及一些常用的JavaScript插件。Bootst
  • java SSM新闻管理系统myeclipse开发mysql数据库springMVC模式java编程计算机网页设计 qq_251836457 java类java数据库myeclipse
    一、源码特点javaSSM新闻管理系统是一套完善的web设计系统（系统采用SSM框架进行设计开发，spring+springMVC+mybatis），对理解JSPjava编程开发语言有帮助，系统具有完整的源代码和数据库，系统主要采用B/S模式开发。开发环境为TOMCAT7.0,Myeclipse8.5开发，数据库为Mysql5.0，使用java语言开发。javassm新闻管理系统下载地址https
  • 如何开始自由开发业务 xiaoshun007～ 副业副业
    许多想尝试自由职业的人认为，他们需要有多年的经验才能成功。但这是一个常见的误解，许多自由职业者已经推翻了这个误解。无论你从事哪个行业，一个有用的蓝图可以成为你快速获得自由职业成功的全部条件。这篇文章强调了开始自由职业者网络开发业务所需要知道的东西。成为自由开发者及其优势开始成为一名自由职业者的Web设计师可能是一项具有挑战性的壮举。但如果你成功了，你可以在你的领域中处于高价值的地位。作为一个自由职
  • Ps：直接从图层生成文件（图像资源） MediaTea
    通过Ps菜单：文件/导出/将图层导出到文件LayerstoFiles命令，我们可以快速地将当前文档中的每个图层导出为同一类型、相同大小和选项的独立文件。Photoshop还提供了一个功能，可以基于文档中的图层或图层组的名称，自动生成指定大小和品质的图像资源ImageAssets（JPEG、PNG、GIF以及SVG等类型的文件）。从PSD文件生成图像资源对于多设备Web设计来说尤其有用。Ps菜单：文
  • java Servlet 云平台教学系统myeclipse定制开发SQLServer数据库网页模式java编程jdbc qq_251836457 java类java数据库servlet
    一、源码特点JSP云平台教学系统是一套完善的web设计系统，对理解JSPjava编程开发语言有帮助系统采用serlvet+dao+bean，系统具有完整的源代码和数据库，系统主要采用B/S模式开发。开发环境为TOMCAT7.0,Myeclipse8.5开发，数据库为SQLServer2008，使用java语言开发。javaWeb云平台教学系统1下载地址https://download.csdn.n
  • html的拖放api,HTML5 拖放Drag & Drop API Sparkmlib html的拖放api
    曾几何时，不能判断拖放行为使得很多人抨击Web，认为这是Web较之桌面客户端程序的明显弱点之一。实际上，哪怕是IE6如此老旧的浏览器，它也是支持拖放行为的，只是缺乏更进一步的程序方法支持而已，很多Web设计爱好者在吹牛的时候应该注意到这一点。HTML5为拖放行为提供了Drag&DropAPI，Drag代表拖动，Drop代表放下，用于帮助开发者方便地处理此类事件。今后，我们在浏览器里处理拖放行为就像
  • Chakra UI：构建 Web 设计的未来 爱编程的鱼 物联网网站建设网络安全游戏交互游戏引擎算法web
    ChakraUI：构建Web设计的未来在当今的Web开发领域，构建现代、可访问的用户界面是一个重要的任务。为了满足这一需求，开发者需要一个强大而易用的UI组件库。而ChakraUI作为一个基于React的开源组件库，正是为了解决这个问题而诞生的本文将介绍ChakraUI的特点、使用方法以及它在Web开发中的应用场景，帮助读者了解并掌握这个强大的UI组件库。ChakraUI是什么？ChakraUI是
  • jsp课程资源网站系统Myeclipse开发mysql数据库web结构java编程计算机网页项目 qq_251836457 java类java数据库mysql
    一、源码特点JSP课程资源网站系统是一套完善的web设计系统，对理解JSPjava编程开发语言有帮助，系统具有完整的源代码和数据库，系统主要采用B/S模式开发。开发环境为TOMCAT7.0,Myeclipse8.5开发，数据库为Mysql，使用java语言开发。jsp课程资源网站系统Myeclipse开发mysql数据库二、功能介绍前台功能包括1.用户注册、登录本系统2.新闻浏览，查看课程资料相关
  • jsp 校园相册管理系统Myeclipse开发mysql数据库web结构java编程计算机网页项目 qq_251836457 java类javamyeclipse数据库
    一、源码特点jsp校园相册管理系统是一套完善的web设计系统，对理解JSPjava编程开发语言有帮助，系统采用web模式开发，系统具有完整的源代码和数据库，系统主要采用B/S模式开发。开发环境为TOMCAT7.0,Myeclipse8.5开发，数据库为Mysql，使用java语言开发。jsp校园相册管理系统Myeclipse开发mysql数据二、功能介绍主要是实现互联网上流行的相册系统的大部分功能
  • JSP仓储管理系统myeclipse定制开发SQLServer数据库网页模式java编程jdbc qq_251836457 java类java数据库myeclipse
    一、源码特点JSP仓储管理系统系统是一套完善的web设计系统，对理解JSPjava编程开发语言有帮助，系统具有完整的源代码和数据库，系统主要采用B/S模式开发。开发环境为TOMCAT7.0,Myeclipse8.5开发，数据库为SQLServer2008，使用java语言开发。javaweb零售仓储管理系统代码地址：https://download.csdn.net/download/qq_412
  • 2011年软件研发十大关键词盘点 junsure2012 转载专区html5node.jsjqueryadobejavascriptasynchronous
    [CSDN年末专稿]导语：2011年即将过去，和往年一样，这是纠结的一年。不平凡的一年，这也是技术领域精彩缤纷的一年。不管你愿不愿意，时间又来到了年末，又到了该做年度盘点和回顾的时候。CSDN软件研发频道将以十大关键词的形式来为您盘点今年技术领域的重点内容，本文是《CSDN2011年软件研发十大关键词盘点》的上篇：HTML5、jQueryMobile、Github、响应式Web设计(Respons
  • Android学习之路(25) Theme和Style 星如雨ｸﾞｯ!(๑•̀ㅂ•́)و✧ 安卓android学习
    1、官方详细解读样式和主题背景|Android开发者|AndroidDevelopers2、应用场景类似web设计中css样式。将应用设计的细节与界面的结构和行为分开。样式style：应用于单个View的外观。样式可以指定字体颜色、字号、背景颜色等属性主题theme：虽然他可以像style一样应用于某个view，但规范使用的话还是在整个app、单独的activity、某个视图层次结构layout3
  • JSP在线阅读系统myeclipse定制开发SQLServer数据库网页模式java编程jdbc qq_251836457 java类java数据库myeclipse
    一、源码特点JSP小说在线阅读系统是一套完善的web设计系统，对理解JSPjava编程开发语言有帮助，系统具有完整的源代码和数据库，系统主要采用B/S模式开发。开发环境为TOMCAT7.0,Myeclipse8.5开发，数据库为SQLServer2008，使用java语言开发。jsp小说在线阅读系统(1)二、功能介绍前台功能：系统首页浏览网站介绍浏览图书浏览小说浏览小说评价用户注册、登录后台管理：
  • PS CC版逆天神技生成图像资源教程 93091cdf8ebb
    PS怎么自动导出自定义大小、格式、名称的文件。Web设计图片分层导出的有效工具！我们可以让Photoshop自己随时导出我们设置大小、格式、压缩品质的图像。☆☆☆往期精彩推荐☆☆☆2018年能让你4个月内成为UI设计师的机会！14个最具创意的广告设计，你一定想不到。小白如何成为年薪30万的UI设计师（纯干货）
  • javaWebssh宠物基地管理系统myeclipse开发mysql数据库MVC模式java编程计算机网页设计 qq_251836457 java类数据库java宠物
    一、源码特点javassh宠物基地管理系统是一套完善的web设计系统（系统采用ssh框架进行设计开发），对理解JSPjava编程开发语言有帮助，系统具有完整的源代码和数据库，系统主要采用B/S模式开发。开发环境为TOMCAT7.0,Myeclipse8.5开发，数据库为Mysql5.0，使用java语言开发。ssh宠物基地系统代码下载https://download.csdn.net/downlo
  • javaWebssh运动会管理系统myeclipse开发mysql数据库MVC模式java编程计算机网页设计 qq_251836457 java类数据库javamyeclipse
    一、源码特点javassh运动会管理系统是一套完善的web设计系统（系统采用ssh框架进行设计开发），对理解JSPjava编程开发语言有帮助，系统具有完整的源代码和数据库，系统主要采用B/S模式开发。开发环境为TOMCAT7.0,Myeclipse8.5开发，数据库为Mysql5.0，使用java语言开发。ssh运动会成绩管理系统1代码下载https://download.csdn.net/dow
  • 老项目整合activiti5.18工作流引擎 owen_he
    最近公司想用流程引擎，记得13年的时候用过，现在去看，我去都到5.22版本了，而且web设计器汉化版了，做的非常的漂亮，但是没用过，只是用eclipse进行画流程图，那下面就说说一下花了一天的时间整理的过程吧。遇到的几个问题：1.老项目使用的是老版本的ibatis，而activiti用的是mybatis，这样我得弄一个数据源给流程引擎用：2.幸好老项目集成了spring，这样我就可以用spring
  • java SSM自助快递服务平台myeclipse开发mysql数据库springMVC模式java编程计算机网页设计 qq_251836457 java类java数据库myeclipse
    一、源码特点javaSSM自助快递服务平台是一套完善的web设计系统（系统采用SSM框架进行设计开发，spring+springMVC+mybatis），对理解JSPjava编程开发语言有帮助，系统具有完整的源代码和数据库，系统主要采用B/S模式开发。开发环境为TOMCAT7.0,Myeclipse8.5开发，数据库为Mysql5.0，使用java语言开发。ssm自助快递服务平台二、功能介绍（1）
  • html页面js获取参数值 0624chenhong html
    1.js获取参数值js function GetQueryString(name) {      var reg = new RegExp("(^|&)"+ name +"=([^&]*)(&|$)");      var r = windo
  • MongoDB 在多线程高并发下的问题 BigCat2013 mongodbDB高并发重复数据
    最近项目用到 MongoDB , 主要是一些读取数据及改状态位的操作. 因为是结合了最近流行的 Storm进行大数据的分析处理，并将分析结果插入Vertica数据库，所以在多线程高并发的情境下, 会发现 Vertica 数据库中有部分重复的数据. 这到底是什么原因导致的呢？笔者开始也是一筹莫 展，重复去看 MongoDB 的 API , 终于有了新发现 ： com.mongodb.DB 这个类有
  • c++ 用类模版实现链表(c++语言程序设计第四版示例代码) CrazyMizzz 数据结构C++
    #include<iostream> #include<cassert> using namespace std; template<class T> class Node { private: Node<T> * next; public: T data;
  • 最近情况 麦田的设计者 感慨考试生活
       在五月黄梅天的岁月里，一年两次的软考又要开始了。到目前为止，我已经考了多达三次的软考，最后的结果就是通过了初级考试（程序员）。人啊，就是不满足，考了初级就希望考中级，于是，这学期我就报考了中级，明天就要考试。感觉机会不大，期待奇迹发生吧。这个学期忙于练车，写项目，反正最后是一团糟。后天还要考试科目二。这个星期真的是很艰难的一周，希望能快点度过。   
  • linux系统中用pkill踢出在线登录用户 被触发 linux
    由于linux服务器允许多用户登录，公司很多人知道密码，工作造成一定的障碍所以需要有时踢出指定的用户 1/#who   查出当前有那些终端登录（用 w 命令更详细） # who root     pts/0        2010-10-28 09:36 (192
  • 仿QQ聊天第二版 肆无忌惮_ qq
    在第一版之上的改进内容:  第一版链接: http://479001499.iteye.com/admin/blogs/2100893   用map存起来号码对应的聊天窗口对象,解决私聊的时候所有消息发到一个窗口的问题. 增加ViewInfo类,这个是信息预览的窗口,如果是自己的信息,则可以进行编辑.   信息修改后上传至服务器再告诉所有用户,自己的窗口
  • java读取配置文件 知了ing
    1，java读取.properties配置文件 InputStream in; try { in = test.class.getClassLoader().getResourceAsStream("config/ipnetOracle.properties");//配置文件的路径 Properties p = new Properties()
  • __attribute__ 你知多少？ 矮蛋蛋 C++gcc
    原文地址: http://www.cnblogs.com/astwish/p/3460618.html GNU C 的一大特色就是__attribute__ 机制。__attribute__ 可以设置函数属性（Function Attribute ）、变量属性（Variable Attribute ）和类型属性（Type Attribute ）。 __attribute__ 书写特征是：
  • jsoup使用笔记 alleni123 java爬虫JSoup
    <dependency> <groupId>org.jsoup</groupId> <artifactId>jsoup</artifactId> <version>1.7.3</version> </dependency> 2014/08/28 今天遇到这种形式，
  • JAVA中的集合 Collectio 和Map的简单使用及方法 百合不是茶 listmapset
             List ,set ,map的使用方法和区别 java容器类类库的用途是保存对象，并将其分为两个概念：     Collection集合：一个独立的序列，这些序列都服从一条或多条规则;List必须按顺序保存元素  ，set不能重复元素；Queue按照排队规则来确定对象产生的顺序（通常与他们被插入的
  • 杀LINUX的JOB进程 bijian1013 linuxunix
    今天发现数据库一个JOB一直在执行，都执行了好几个小时还在执行，所以想办法给删除掉   系统环境：    ORACLE 10G    Linux操作系统   操作步骤如下： 第一步.查询出来那个job在运行，找个对应的SID字段 select * from dba_jobs_running--找到job对应的sid &n
  • Spring AOP详解 bijian1013 javaspringAOP
            最近项目中遇到了以下几点需求，仔细思考之后，觉得采用AOP来解决。一方面是为了以更加灵活的方式来解决问题，另一方面是借此机会深入学习Spring AOP相关的内容。例如，以下需求不用AOP肯定也能解决，至于是否牵强附会，仁者见仁智者见智。 1.对部分函数的调用进行日志记录，用于观察特定问题在运行过程中的函数调用
  • [Gson六]Gson类型适配器(TypeAdapter) bit1129 Adapter
    TypeAdapter的使用动机  Gson在序列化和反序列化时，默认情况下，是按照POJO类的字段属性名和JSON串键进行一一映射匹配，然后把JSON串的键对应的值转换成POJO相同字段对应的值，反之亦然，在这个过程中有一个JSON串Key对应的Value和对象之间如何转换(序列化/反序列化)的问题。   以Date为例，在序列化和反序列化时，Gson默认使用java.
  • 【spark八十七】给定Driver Program， 如何判断哪些代码在Driver运行，哪些代码在Worker上执行 bit1129 driver
    Driver Program是用户编写的提交给Spark集群执行的application，它包含两部分 作为驱动： Driver与Master、Worker协作完成application进程的启动、DAG划分、计算任务封装、计算任务分发到各个计算节点(Worker)、计算资源的分配等。 计算逻辑本身，当计算任务在Worker执行时，执行计算逻辑完成application的计算任务
  • nginx 经验总结 ronin47 nginx 总结
    　　　深感nginx的强大，只学了皮毛，把学下的记录。 　　　获取Header 信息，一般是以$http_XX（ＸＸ是小写）            获取body,通过接口，再展开，根据Ｋ取Ｖ 　　　获取uri,以$arg_XX      &n
  • 轩辕互动-1.求三个整数中第二大的数2.整型数组的平衡点 bylijinnan 数组
    import java.util.ArrayList; import java.util.Arrays; import java.util.List; public class ExoWeb { public static void main(String[] args) { ExoWeb ew=new ExoWeb(); System.out.pri
  • Netty源码学习-Java-NIO-Reactor bylijinnan java多线程netty
    Netty里面采用了NIO-based Reactor Pattern 了解这个模式对学习Netty非常有帮助 参考以下两篇文章： http://jeewanthad.blogspot.com/2013/02/reactor-pattern-explained-part-1.html http://gee.cs.oswego.edu/dl/cpjslides/nio.pdf
  • AOP通俗理解 cngolon springAOP
    1.我所知道的aop     初看aop,上来就是一大堆术语，而且还有个拉风的名字，面向切面编程，都说是OOP的一种有益补充等等。一下子让你不知所措，心想着：怪不得很多人都和 我说aop多难多难。当我看进去以后，我才发现：它就是一些java基础上的朴实无华的应用，包括ioc，包括许许多多这样的名词，都是万变不离其宗而 已。 2.为什么用aop&nb
  • cursor variable 实例 ctrain variable
    create or replace procedure proc_test01 as type emp_row is record( empno emp.empno%type, ename emp.ename%type, job emp.job%type, mgr emp.mgr%type, hiberdate emp.hiredate%type, sal emp.sal%t
  • shell报bash: service: command not found解决方法 daizj linuxshellservicejps
    今天在执行一个脚本时，本来是想在脚本中启动hdfs和hive等程序，可以在执行到service hive-server start等启动服务的命令时会报错，最终解决方法记录一下：   脚本报错如下： ./olap_quick_intall.sh: line 57: service: command not found ./olap_quick_intall.sh: line 59
  • 40个迹象表明你还是PHP菜鸟 dcj3sjt126com 设计模式PHP正则表达式oop
    你是PHP菜鸟，如果你：1. 不会利用如phpDoc 这样的工具来恰当地注释你的代码2. 对优秀的集成开发环境如Zend Studio 或Eclipse PDT 视而不见3. 从未用过任何形式的版本控制系统，如Subclipse4. 不采用某种编码与命名标准 ，以及通用约定，不能在项目开发周期里贯彻落实5. 不使用统一开发方式6. 不转换（或）也不验证某些输入或SQL查询串（译注：参考PHP相关函
  • Android逐帧动画的实现 dcj3sjt126com android
    一、代码实现： private ImageView iv; private AnimationDrawable ad; @Override protected void onCreate(Bundle savedInstanceState) { super.onCreate(savedInstanceState); setContentView(R.layout
  • java远程调用linux的命令或者脚本 eksliang linuxganymed-ssh2
    转载请出自出处： http://eksliang.iteye.com/blog/2105862        Java通过SSH2协议执行远程Shell脚本(ganymed-ssh2-build210.jar)   使用步骤如下： 1.导包 官网下载: http://www.ganymed.ethz.ch/ssh2/ ma
  • adb端口被占用问题 gqdy365 adb
    最近重新安装的电脑，配置了新环境，老是出现： adb server is out of date. killing... ADB server didn't ACK * failed to start daemon * 百度了一下，说是端口被占用，我开个eclipse，然后打开cmd，就提示这个，很烦人。 一个比较彻底的解决办法就是修改
  • ASP.NET使用FileUpload上传文件 hvt .netC#hovertreeasp.netwebform
    前台代码： <asp:FileUpload ID="fuKeleyi" runat="server" /> <asp:Button ID="BtnUp" runat="server" onclick="BtnUp_Click" Text="上 传" />
  • 代码之谜（四）- 浮点数（从惊讶到思考） justjavac 浮点数精度代码之谜IEEE
    在『代码之谜』系列的前几篇文章中，很多次出现了浮点数。 浮点数在很多编程语言中被称为简单数据类型，其实，浮点数比起那些复杂数据类型（比如字符串）来说， 一点都不简单。 单单是说明 IEEE浮点数 就可以写一本书了，我将用几篇博文来简单的说说我所理解的浮点数，算是抛砖引玉吧。 一次面试 记得多年前我招聘 Java 程序员时的一次关于浮点数、二分法、编码的面试， 多年以后，他已经称为了一名很出色的
  • 数据结构随记_1 lx.asymmetric 数据结构笔记
    第一章   1.数据结构包括数据的 逻辑结构、数据的物理/存储结构和数据的逻辑关系这三个方面的内容。 2.数据的存储结构可用四种基本的存储方法表示，它们分别是 顺序存储、链式存储 、索引存储 和 散列存储。 3.数据运算最常用的有五种，分别是  查找/检索、排序、插入、删除、修改。 4.算法主要有以下五个特性：  输入、输出、可行性、确定性和有穷性。 5.算法分析的
  • linux的会话和进程组 网络接口 linux
    会话： 一个或多个进程组。起于用户登录，终止于用户退出。此期间所有进程都属于这个会话期。会话首进程：调用setsid创建会话的进程1.规定组长进程不能调用setsid，因为调用setsid后，调用进程会成为新的进程组的组长进程.如何保证？ 先调用fork，然后终止父进程，此时由于子进程的进程组ID为父进程的进程组ID，而子进程的ID是重新分配的，所以保证子进程不会是进程组长，从而子进程可以调用se
  • 二维数组 元素的连续求解 1140566087 二维数组ACM
    import java.util.HashMap; public class Title { public static void main(String[] args){ f(); } // 二位数组的应用 //12、二维数组中，哪一行或哪一列的连续存放的0的个数最多，是几个0。注意，是“连续”。 public static void f(){
  • 也谈什么时候Java比C++快 windshome javaC++
      刚打开iteye就看到这个标题“Java什么时候比C++快”，觉得很好笑。   你要比，就比同等水平的基础上的相比，笨蛋写得C代码和C++代码，去和高手写的Java代码比效率，有什么意义呢？   我是写密码算法的，深刻知道算法C和C++实现和Java实现之间的效率差，甚至也比对过C代码和汇编代码的效率差，计算机是个死的东西，再怎么优化，Java也就是和C
按字母分类： ABCDEFGHIJKLMNOPQRSTUVWXYZ其他