CSS3+HTML5学习笔记三-纯CSS3实现的瀑布布局

以前就觉得，Chinaz中图片瀑布布局很好看，以前也看过别人实现的一些方法，大部分是用js实现的，今天试了一下，用CSS3简单的实现了类似的布局效果，希望对大家有用！Chinaz中的效果：

CSS3+HTML5学习笔记三-纯CSS3实现的瀑布布局_第1张图片

我的代码：

<!DOCTYPE HTML>
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8">
<title>CSS3瀑布布局</title>
<style>
        .container{
                -webkit-column-width:160px;
                -moz-column-width:160px;
                -o-colum-width:160px;
                -webkit-column-gap:1px;
                -moz-column-gap:1px;
                -o-column-gap:1px;
        }
        div:not(.container){
                -webkit-border-radius:5px;
                -moz-border-radius:5px;
                border-radius:5px;
                background:#D9D9D9;
                border::#CCC 1px solid;
                display:inline-block;
                width:157px;
                position:relative;
                margin:2px;
        }
        .title{
                 line-height:80px; font-size:18px; color:#900;
                 text-align:center;
                 font-family:"Microsoft YaHei";
        }
</style>
</head>

<body>
<section>
        <div class="container">
            <div style="height:80px" class="title">纯CSS3瀑布布局</div>
        <div style="height:260px"></div>
        <div style="height:65px"></div>
        <div style="height:120px"></div>
        <div style="height:145px"></div>
        <div style="height:90px"></div>
        <div style="height:145px"></div>
        <div style="height:160px"></div>
        <div style="height:65px"></div>
        <div style="height:230px"></div>
        <div style="height:140px"></div>
        <div style="height:85px"></div>
        <div style="height:20px"></div>
        <div style="height:145px"></div>
        <div style="height:50px"></div>
              <div style="height:65px"></div>
        <div style="height:230px"></div>
        <div style="height:140px"></div>
        <div style="height:85px"></div>
        <div style="height:20px"></div>
        <div style="height:145px"></div>
        <div style="height:50px"></div>
        <div style="height:145px"></div>
        <div style="height:160px"></div>
        <div style="height:240px"></div>
    </div>
</section>
</body>
</html>

运行效果(FireFox，Google Chrome下测试通过，其他浏览器未做测试~~)：

CSS3+HTML5学习笔记三-纯CSS3实现的瀑布布局_第2张图片

 

 

你可能感兴趣的:(html5)

  • Vue3开发 vue-router的使用 CV菜鸟# 前端开发vue.jsjavascript前端
    1、vue-router简介官方介绍：VueRouter是Vue.js(opensnewwindow)官方的路由管理器。它和Vue.js的核心深度集成，让构建单页面应用变得易如反掌。包含的功能有：嵌套的路由/视图表模块化的、基于组件的路由配置路由参数、查询、通配符基于Vue.js过渡系统的视图过渡效果细粒度的导航控制带有自动激活的CSSclass的链接HTML5历史模式或hash模式，在IE9中自
  • vue-route shadouqi vue2vue.js前端javascript
    官方文档声明式导航比起写死的会好一些，理由如下：无论是HTML5history模式还是hash模式，它的表现行为一致，所以，当你要切换路由模式，或者在IE9降级使用hash模式，无须作任何变动。在HTML5history模式下，router-link会守卫点击事件，让浏览器不再重新加载页面。当你在HTML5history模式下使用base选项之后，所有的to属性都不需要写(基路径)了。编程式导航r
  • HTML 基础 磨十三 html前端
    一、HTML基本结构页面标题：声明文档类型为HTML5。：根标签，包裹所有HTML内容。：包含元数据（标题、CSS、字符集等）。：页面可见内容的容器。二、基础标签与属性1.文本标签标签说明示例~标题（1级最大，6级最小）主标题段落（自动换行）段落内容水平分割线（单标签）注释2.文本格式化标签效果示例/加粗（推荐用语义化）强调内容/斜体（推荐用语义化）强调文本删除线删除内容下划线下划线内容/上标/下
  • HTML5和CSS3 ningmengjing_ 前端html5css3前端
    一、CSS权重CSS权重指的是样式的优先级，有两条或多条样式作用于一个元素，权重高的那条样式对元素起作用，权重相同的，后写的样式会覆盖前面写的样式。1.权重的等级可以把样式的应用方式分为几个等级，按照等级来计算权重！important，加在样式属性值后，权重值为10000内联样式，如：style="",权重值为1000ID选择器，如：#content，权重值为100类，伪类和属性选择器，如：con
  • 14道web前端工程师面试题及答案解析 蚂蚁小搬运工 web前端
    1.什么是HTML5？它有哪些新特性？答案：HTML5是HTML的第五个版本，引入了很多新的语法和特性，如语义化标签、多媒体支持、Canvas、地理定位、离线存储等。2.什么是WebGL？它有什么作用？答案：WebGL是一种用于在浏览器中渲染3D图形的API。它可以在浏览器中展示流畅和高质量的3D游戏和应用程序。3.什么是Canvas？它有什么作用？答案：Canvas是一种HTML5标签，用于在浏
  • HTML5 Canvas制作雪花飘落动画 坚持坚持那些年
    本文还有配套的精品资源，点击获取简介：HTML5引入了Canvas元素，它赋予网页设计师丰富的绘图能力，允许通过JavaScript实现复杂的动画效果。本文将介绍如何结合HTML5的Canvas元素和JavaScript创建一个全屏的雪花飘落背景动画。通过定义雪花对象、创建雪花数组、编写主循环并利用requestAnimationFrame来绘制和更新雪花位置，我们能够实现一个逼真的雪花飘落动画效
  • Html5学习教程，从入门到精通， HTML5超链接应用的详细语法知识点和案例代码（18） 知识分享小能手 网页开发前端开发编程语言如门html5学习前端htmljava后端css3
    HTML5超链接应用的详细语法知识点和案例代码超链接（Hyperlink），也称为跃点链接，是互联网和文档编辑中的一种重要概念。超链接的定义超链接是指从一个网页指向一个目标的连接关系，这个目标可以是另一个网页，也可以是相同网页上的不同位置，还可以是一个图片、动画、程序、电子邮件地址、文件，甚至是一个音视频文件。如果点击了这个链接，当前页面的位置就会跳转到被链接的目标位置。在文档编辑中，超链接可以链
  • Canvas资源宝典：全面探索HTML5 Canvas技术 支然苹
    Canvas资源宝典：全面探索HTML5Canvas技术awesome-canvasAcuratedlistofawesomeHTML5Canvaswithexamples,relatedarticlesandposts.项目地址:https://gitcode.com/gh_mirrors/aw/awesome-canvas一、项目介绍项目概述awesome-canvas是由RaphaëlMor
  • 探索创新：CanvasParticles - 点燃你的网页动态效果 柏赢安Simona
    探索创新：CanvasParticles-点燃你的网页动态效果去发现同类优质开源项目:https://gitcode.com/是一个开源的JavaScript库，专注于在HTML5Canvas上创建引人入胜的粒子动画效果。如果你是Web开发者，正在寻找一种方法为你的网站增添独特的视觉吸引力，那么这个项目绝对值得你深入了解。项目简介CanvasParticles提供了一套简洁而强大的API，让你能够
  • 探索Coco-Web：一款强大的H5创作工具 岑晔含Dora
    探索Coco-Web：一款强大的H5创作工具去发现同类优质开源项目:https://gitcode.com/是一个开源的、基于Web的H5（HTML5）创作平台，旨在让开发者和设计师能够轻松地创建互动式的内容和应用。通过其直观的界面和丰富的功能，无论你是编程高手还是初学者，都能够利用Coco-Web制作出富有吸引力的数字内容。技术分析Coco-Web基于现代Web技术构建，包括：React.js:
  • 探索CoreHTML5Canvas：创作动态Web图形的新工具 郁英忆
    探索CoreHTML5Canvas：创作动态Web图形的新工具去发现同类优质开源项目:https://gitcode.com/是一个强大的JavaScript库，专为开发者设计，旨在简化和增强在Web上创建交互式和动画图形的能力。这个项目利用HTML5Canvas元素，提供了一个简洁且高效的API，让开发人员可以轻松地构建出丰富的2D渲染效果。技术分析HTML5Canvas是HTML5的一个重要特
  • 【一文学会 HTML5】 熬夜超级玩家 前端html前端
    目录HTML概述基本概念HTML发展历程HTML基本结构网页基本标签标题标签（``-``）段落标签（``）换行标签（``）水平线标签（``）注释（``）特殊符号图像标签基本语法主要属性图像的对齐和样式响应式图像链接标签基本语法重要属性`href`属性`target`属性`title`属性`rel`属性`download`属性链接样式示例代码特殊链接形式图像链接按钮链接块元素和行内元素块元素（Blo
  • cefsharp 加载完成_WinFrom 的 WebBrowser 替换为 CefSharp weixin_39672296 cefsharp加载完成cefsharp加载网页慢delphiwebbrowser对象不支持pythonwinform类似webbrowser显示控件
    一、WebBrowser是什么？WebBrowser是一种放在winform中的控件，控件可以实现相当于浏览器的功能，最终实现winform窗口中嵌套着一个网页，这样的效果。二、为什么放弃微软默认提供的WebBrowser呢？内核是IE7不支持HTML5新特性2.对触控支持不够好3.不稳定，据说容易闪退三、CefSharp是什么？CefSharp是一个使用谷歌浏览器/chrome内核的WebBro
  • html5表单属性的用法 TechFrontRunner html5
    文章目录HTML5表单详解与代码案例一、表单的基本结构二、表单元素及其属性三、表单的高级应用与验证四、表单布局与样式HTML5表单详解与代码案例HTML5表单是网页中用于收集用户输入并提交到服务器的重要元素，广泛应用于登录页面、客户留言、搜索产品等场景。本文将详细介绍HTML5表单的基本结构、常用元素及其属性，并通过代码案例进行解释。一、表单的基本结构HTML5表单的基本结构由标签定义，该标签包含
  • HTML5的新属性 crary,记忆 前端知识总结html5前端html
    pattern：用于指定输入字段的正则表达式模式。在提交表单前，输入将验证是否符合指定的模式。pattern属性是HTML5中用于表单验证的一个属性，它用于指定一个正则表达式，以验证输入字段中的值是否符合特定的模式。该属性通常与元素一起使用，并适用于text、password、email、search和tel等类型的输入字段。含义和用法：验证输入格式：pattern属性的值应该是一个有效的正则表达
  • HTML5——新增属性 野性的鬼 #htmlhtml5html前端
    除了html的基础标签，在html5中增加了一些新的属性，下边总结分类一下这些新的属性。有绿色背景的为以后可能的常用属性。目录1、新增语义元素2、被删元素3、新增表单控件4、新增输入类型新增的输入类型：新增的输入属性：5、新增图像6、新增媒介元素7、总结：1、新增语义元素——定义页面独立的内容区域。——定义页面的侧边栏内容。——定义section或document（文档）的页脚。——定义文档的头部
  • HTML5 表单属性 lly202406 开发语言
    HTML5表单属性引言HTML5作为新一代的网页标准，带来了许多新的特性和改进。在表单处理方面，HTML5引入了一系列新的表单属性，这些属性使得表单的创建和使用更加灵活和强大。本文将详细介绍HTML5表单属性，包括其功能、使用方法和注意事项。一、HTML5表单属性概述HTML5表单属性主要包括以下几类：表单控制属性：如required、pattern等，用于控制表单元素的输入格式和必填项。表单输入
  • 使用 JavaScript 和 HTML5 实现强大的表单验证 vvilkim JavaScriptjavascripthtml5开发语言
    表单验证是Web开发中不可或缺的一部分，它确保用户输入的数据符合预期格式和要求。通过客户端验证，我们可以提高用户体验，减少不必要的服务器请求。然而，客户端验证并不能替代服务器端验证，因为客户端验证可以被绕过。本文将介绍如何使用JavaScript和HTML5实现强大的表单验证。HTML5内置验证HTML5提供了一些内置的表单验证功能，例如required,min,max,pattern等。这些属性
  • HTML5+CSS3 weixin_34250709
    2019独角兽企业重金招聘Python工程师标准>>>第一课HTML5结构HTML5是新一代的HTMLDTD声明改变新的结构标签注意的地方ie8不兼容常用的一些新的结构标签删除的HTML标签纯表现的元素：basefontbigcenterfontsstrikettu对可用性产生负面影响的元素：frameframesetnoframes产生混淆的元素：acronymappletisindexdir重
  • React-Route的使用 zczlsy11 reactreact.jsjavascript前端
    申明式声明路由}/>}/>}/>}/>}>}/>}/>}/>}/>}/>}/>BrowserRouterBrowserRouter是ReactRouter提供的一个组件，利用HTML5的历史API来保持用户界面（UI）与URL的同步。下面详细解释这一机制是如何实现的。实现原理1.HTML5HistoryAPIBrowserRouter主要依赖于HTML5的history对象，该对象提供了以下几个重
  • 用python做一个简单的可以调用手机摄像头进行车牌识别的H5页面 mosquito_lover1 python计算机视觉
    步骤和工具：1.后端：使用Python的Flask框架来处理HTTP请求和响应。2.前端：使用HTML5和JavaScript来访问手机摄像头并捕获图像。3.车牌识别：使用OpenCV和TesseractOCR库来进行车牌识别。步骤1：设置Flask后端首先，安装Flask和其他必要的Python库：pipinstallflaskopencv-pythonpytesseract然后，创建一个简单的
  • 基于HTML5与CSS的青花瓷网站静态网页设计论文 IT实战课堂—x小凡同学 Java毕业设计项目html5css前端
    一、引言随着网络技术的快速发展，互联网已成为人们获取信息、交流思想的重要平台。在众多的网站中，具有独特文化魅力的网站总能吸引人们的目光。青花瓷，作为中国传统文化的瑰宝，其独特的色彩和造型深受人们喜爱。因此，设计一个以青花瓷为主题的网站，不仅能展示中国传统文化的魅力，还能为人们提供一个了解和学习青花瓷的平台。本文旨在探讨基于HTML5和CSS的青花瓷网站静态网页的设计与实践。二、需求分析在设计青花瓷
  • HTML5响应式网页模板：构建跨平台网站的完整解决方案 朱昆 iamkun
    本文还有配套的精品资源，点击获取简介：本资源包含一套完整的HTML5源码，用于创建适用于手机和电脑的跨平台网站，特别适合需要提供一致用户体验的开发者。资源特点包括：HTML5的新特性、响应式设计、前端页面基础框架、多种页面布局的网站模板。HTML5简化了开发过程并增强了网页交互性，响应式设计使得网站能在不同设备上自适应，而前端技术如CSS和JavaScript则负责页面的样式和动态功能。此外，还涵
  • html5 iframe实现页面预览pdf 十年 lius web前端html5
    一个可以把上传文件的绝对地址拿到的方法：//建立一个可存取到该file的urlfunctiongetObjectURL(file){varurl=null;//下面函数执行的效果是一样的，只是需要针对不同的浏览器执行不同的js函数而已if(window.createObjectURL!=undefined){//basicurl=window.createObjectURL(file);}else
  • uniapp websocket实现数据实时更新 jonychen1 websocketweb推送uniapp
    近期个人在使用uniapp开发一款实时图表的项目，因为涉及到数据的实时刷新，所以起初是考虑使用轮询来实现。不过一旦数据量大起来后，轮询对客户端和服务端的压力都比较大，导致使用轮询的扩展性不佳。搜索了一遍，很多开发者建议使用websocket来实现数据的实时更新。什么是websocketWebSocket是Html5定义的一个新协议，与传统的http协议不同，该协议可以实现服务器与客户端之间全双工通
  • HTML5 Canvas 智慧浩海 HTMLhtml5前端html
    标签定义图形，比如图表和其他图像，您必须使用脚本来绘制图形。在画布上（Canvas）画一个红色矩形，渐变矩形，彩色矩形，和一些彩色的文字。什么是canvas?HTML5元素用于图形的绘制，通过脚本(通常是JavaScript)来完成.标签只是图形容器，您必须使用脚本来绘制图形。你可以通过多种方法使用canvas绘制路径,盒、圆、字符以及添加图像。浏览器支持表格中的数字表示支持元素的第一个浏览器版本
  • HTML5新特性深度解析 longdong7889 前端学习html5前端html
    HTML5新特性深度解析HTML5作为现代Web开发的基石，其LivingStandard模式持续为开发者带来创新工具。本文将深入剖析2023年值得关注的最新特性，通过技术解析与实战示例展现其应用场景。一、革新性API赋能Web应用1.1PopoverAPI：原生交互革命显示详情悬浮内容支持自动关闭和层级管理浏览器原生实现弹窗系统支持auto/manual状态控制无需JavaScript实现显隐逻
  • 新手教程，小白学web前端开发—HTML5+css3 皆非本人 前端html5css3
    小白教程，一起来跟我学简单的网页制作吧！本书教材：web前端开发案例教程—HTML5+css3简介：2005年以后，互联网进入了web2.0的时代，各种类似的桌面软件的web应用大量涌现，网站的前端，由此发生了翻天覆地的变化。网站不再只承载单一的文字和图片，各种丰富的媒体让网页的内容更加生动，网页的各种交互形式为用户带来了更好的体验，都基于前端的技术实现，好了废话不多说，让我们简单的体验一下如何制
  • 在 Vue 2 项目中集成使用 WangEditor 富文本编辑器 VueVirtuoso 我的学习之路vue.js前端javascript
    WangEditor是一款轻量级、开源、简洁的Web富文本编辑器，支持HTML5和现代浏览器，适合用于简单的内容编辑场景。本文将介绍如何在Vue2项目中集成并使用WangEditor，帮助你快速构建一个支持富文本编辑的应用。一、项目初始化首先，确保你已经安装了VueCLI，如果还未安装，可以通过以下命令全局安装：npminstall-gvue-cli接着，使用VueCLI初始化一个Vue2项目：v
  • Html5学习教程，从入门到精通，HTML 5 图像语法知识点语法知识点及案例代码（9） 知识分享小能手 前端开发网页开发编程语言如门htmlhtml5学习前端java编辑器开发语言
    HTML5图像语法知识点在HTML5中，图像是通过标签来嵌入的。以下是关于标签的详细知识点：基本语法：src：指定图像的URL或路径。alt：为图像提供替代文本，当图像无法显示时，浏览器会显示这个文本。可选属性：width和height：指定图像的宽度和高度（以像素为单位）。title：为图像提供额外的提示信息，当用户将鼠标悬停在图像上时会显示。loading：指定图像的加载方式，lazy表示延迟
  • 用MiddleGenIDE工具生成hibernate的POJO（根据数据表生成POJO类） AdyZhang POJOeclipseHibernateMiddleGenIDE
    推荐:MiddlegenIDE插件,   是一个Eclipse   插件.     用它可以直接连接到数据库,   根据表按照一定的HIBERNATE规则作出BEAN和对应的XML ，用完后你可以手动删除它加载的JAR包和XML文件!     今天开始试着使用
  • .9.png Cb123456 android
      “点九”是andriod平台的应用软件开发里的一种特殊的图片形式，文件扩展名为：.9.png 　　智能手机中有自动横屏的功能,同一幅界面会在随着手机(或平板电脑)中的方向传感器的参数不同而改变显示的方向,在界面改变方向后,界面上的图形会因为长宽的变化而产生拉伸,造成图形的失真变形。 　　我们都知道android平台有多种不同的分辨率，很多控件的切图文件在被放大拉伸后，边
  • 算法的效率 天子之骄 算法效率复杂度最坏情况运行时间大O阶平均情况运行时间
    算法的效率 效率是速度和空间消耗的度量。集中考虑程序的速度，也称运行时间或执行时间，用复杂度的阶(O)这一标准来衡量。空间的消耗或需求也可以用大O表示，而且它总是小于或等于时间需求。   以下是我的学习笔记：   1.求值与霍纳法则，即为秦九韶公式。   2.测定运行时间的最可靠方法是计数对运行时间有贡献的基本操作的执行次数。运行时间与这个计数成正比。
  • java数据结构 何必如此 java数据结构
    Java 数据结构 Java工具包提供了强大的数据结构。在Java中的数据结构主要包括以下几种接口和类： 枚举（Enumeration） 位集合（BitSet） 向量（Vector） 栈（Stack） 字典（Dictionary） 哈希表（Hashtable） 属性（Properties） 以上这些类是传统遗留的，在Java2中引入了一种新的框架-集合框架(Collect
  • MybatisHelloWorld 3213213333332132
    //测试入口TestMyBatis package com.base.helloworld.test; import java.io.IOException; import org.apache.ibatis.io.Resources; import org.apache.ibatis.session.SqlSession; import org.apache.ibat
  • Java|urlrewrite|URL重写|多个参数 7454103 javaxmlWeb工作
     个人工作经验！ 如有不当之处，敬请指点 1.0  web -info 目录下建立     urlrewrite.xml  文件 类似如下： <?xml version="1.0" encoding="UTF-8" ?>   <!DOCTYPE u
  • 达梦数据库+ibatis darkranger sqlmysqlibatisSQL Server
    --插入数据方面 如果您需要数据库自增... 那么在插入的时候不需要指定自增列. 如果想自己指定ID列的值, 那么要设置 set identity_insert  数据库名.模式名.表名; ----然后插入数据; example: create table zhabei.test( id bigint identity(1,1) primary key, nam
  • XML 解析 四种方式 aijuans android
    XML现在已经成为一种通用的数据交换格式,平台的无关性使得很多场合都需要用到XML。本文将详细介绍用Java解析XML的四种方法。 XML现在已经成为一种通用的数据交换格式,它的平台无关性,语言无关性,系统无关性,给数据集成与交互带来了极大的方便。对于XML本身的语法知识与技术细节,需要阅读相关的技术文献,这里面包括的内容有DOM(Document Object
  • spring中配置文件占位符的使用 avords
    1.类 <?xml version="1.0" encoding="UTF-8"?><!DOCTYPE beans PUBLIC "-//SPRING//DTD BEAN//EN" "http://www.springframework.o
  • 前端工程化-公共模块的依赖和常用的工作流 bee1314 webpack
    题记： 一个人的项目，还有工程化的问题嘛？   我们在推进模块化和组件化的过程中，肯定会不断的沉淀出我们项目的模块和组件。对于这些沉淀出的模块和组件怎么管理？另外怎么依赖也是个问题？ 你真的想这样嘛？   var BreadCrumb = require(‘../../../../uikit/breadcrumb’); //真心ugly。  
  • 上司说「看你每天准时下班就知道你工作量不饱和」，该如何回应？ bijian1013 项目管理沟通IT职业规划
    问题：上司说「看你每天准时下班就知道你工作量不饱和」，如何回应         正常下班时间6点，只要是6点半前下班的，上司都认为没有加班。   Eno-Bea回答，注重感受，不一定是别人的         虽然我不知道你具体从事什么工作与职业，但是我大概猜测，你是从事一项不太容易出现阶段性成果的工作
  • TortoiseSVN，过滤文件 征客丶 SVN
    环境： TortoiseSVN 1.8 配置： 在文件夹空白处右键 选择  TortoiseSVN -> Settings 在 Global ignote pattern 中添加要过滤的文件： 多类型用英文空格分开 *name ： 过滤所有名称为 name 的文件或文件夹 *.name ： 过滤所有后缀为 name 的文件或文件夹 --------
  • 【Flume二】HDFS sink细说 bit1129 Flume
    1. Flume配置   a1.sources=r1 a1.channels=c1 a1.sinks=k1 ###Flume负责启动44444端口 a1.sources.r1.type=avro a1.sources.r1.bind=0.0.0.0 a1.sources.r1.port=44444 a1.sources.r1.chan
  • The Eight Myths of Erlang Performance bookjovi erlang
    erlang有一篇guide很有意思： http://www.erlang.org/doc/efficiency_guide 里面有个The Eight Myths of Erlang Performance： http://www.erlang.org/doc/efficiency_guide/myths.html   Myth: Funs are sl
  • java多线程网络传输文件(非同步)-2008-08-17 ljy325 java多线程socket
    利用 Socket 套接字进行面向连接通信的编程。客户端读取本地文件并发送；服务器接收文件并保存到本地文件系统中。 使用说明:请将TransferClient, TransferServer, TempFile三个类编译，他们的类包是FileServer. 客户端: 修改TransferClient: serPort, serIP, filePath, blockNum,的值来符合您机器的系
  • 读《研磨设计模式》-代码笔记-模板方法模式 bylijinnan java设计模式
    声明： 本文只为方便我个人查阅和理解，详细的分析以及源代码请移步 原作者的博客http://chjavach.iteye.com/ import java.sql.Connection; import java.sql.DriverManager; import java.sql.PreparedStatement; import java.sql.ResultSet;
  • 配置心得 chenyu19891124 配置
    时间就这样不知不觉的走过了一个春夏秋冬，转眼间来公司已经一年了，感觉时间过的很快，时间老人总是这样不停走，从来没停歇过。 作为一名新手的配置管理员，刚开始真的是对配置管理是一点不懂，就只听说咱们公司配置主要是负责升级，而具体该怎么做却一点都不了解。经过老员工的一点点讲解，慢慢的对配置有了初步了解，对自己所在的岗位也慢慢的了解。 做了一年的配置管理给自总结下： 1.改变 从一个以前对配置毫无
  • 对“带条件选择的并行汇聚路由问题”的再思考 comsci 算法工作软件测试嵌入式领域模型
    2008年上半年，我在设计并开发基于”JWFD流程系统“的商业化改进型引擎的时候，由于采用了新的嵌入式公式模块而导致出现“带条件选择的并行汇聚路由问题”(请参考2009-02-27博文)，当时对这个问题的解决办法是采用基于拓扑结构的处理思想，对汇聚点的实际前驱分支节点通过算法预测出来，然后进行处理，简单的说就是找到造成这个汇聚模型的分支起点，对这个起始分支节点实际走的路径数进行计算，然后把这个实际
  • Oracle 10g 的clusterware 32位 下载地址 daizj oracle
    Oracle 10g 的clusterware 32位 下载地址 http://pan.baidu.com/share/link?shareid=531580&uk=421021908 http://pan.baidu.com/share/link?shareid=137223&uk=321552738 http://pan.baidu.com/share/l
  • 非常好的介绍：Linux定时执行工具cron dongwei_6688 linux
    Linux经过十多年的发展，很多用户都很了解Linux了，这里介绍一下Linux下cron的理解，和大家讨论讨论。cron是一个Linux 定时执行工具，可以在无需人工干预的情况下运行作业，本文档不讲cron实现原理，主要讲一下Linux定时执行工具cron的具体使用及简单介绍。 新增调度任务推荐使用crontab -e命令添加自定义的任务（编辑的是/var/spool/cron下对应用户的cr
  • Yii assets目录生成及修改 dcj3sjt126com yii
    assets的作用是方便模块化，插件化的，一般来说出于安全原因不允许通过url访问protected下面的文件，但是我们又希望将module单独出来，所以需要使用发布，即将一个目录下的文件复制一份到assets下面方便通过url访问。 assets设置对应的方法位置 \framework\web\CAssetManager.php   assets配置方法 在m
  • mac工作软件推荐 dcj3sjt126com mac
    mac上的Terminal + bash ＋ screen组合现在已经非常好用了，但是还是经不起iterm＋zsh＋tmux的冲击。在同事的强烈推荐下，趁着升级mac系统的机会，顺便也切换到iterm＋zsh＋tmux的环境下了。 我为什么要要iterm2 切换过来也是脑袋一热的冲动，我也调查过一些资料，看了下iterm的一些优点： * 兼容性好，远程服务器 vi 什么的低版本能很好兼
  • Memcached(三)、封装Memcached和Ehcache frank1234 memcachedehcachespring ioc
    本文对Ehcache和Memcached进行了简单的封装，这样对于客户端程序无需了解ehcache和memcached的差异，仅需要配置缓存的Provider类就可以在二者之间进行切换，Provider实现类通过Spring IoC注入。 cache.xml <?xml version="1.0" encoding="UTF-8"?>
  • Remove Duplicates from Sorted List II hcx2013 remove
    Given a sorted linked list, delete all nodes that have duplicate numbers, leaving only distinct numbers from the original list. For example,Given 1->2->3->3->4->4->5,
  • Spring4新特性——注解、脚本、任务、MVC等其他特性改进 jinnianshilongnian spring4
    Spring4新特性——泛型限定式依赖注入 Spring4新特性——核心容器的其他改进 Spring4新特性——Web开发的增强 Spring4新特性——集成Bean Validation 1.1(JSR-349)到SpringMVC  Spring4新特性——Groovy Bean定义DSL Spring4新特性——更好的Java泛型操作API  Spring4新
  • MySQL安装文档 liyong0802 mysql
      工作中用到的MySQL可能安装在两种操作系统中，即Windows系统和Linux系统。以Linux系统中情况居多。   安装在Windows系统时与其它Windows应用程序相同按照安装向导一直下一步就即，这里就不具体介绍，本文档只介绍Linux系统下MySQL的安装步骤。   Linux系统下安装MySQL分为三种：RPM包安装、二进制包安装和源码包安装。二
  • 使用VS2010构建HotSpot工程 p2p2500 HotSpotOpenJDKVS2010
    1. 下载OpenJDK7的源码：      http://download.java.net/openjdk/jdk7      http://download.java.net/openjdk/      2. 环境配置     ▶
  • Oracle实用功能之分组后列合并 seandeng888 oracle分组实用功能合并
    1       实例解析 由于业务需求需要对表中的数据进行分组后进行合并的处理，鉴于Oracle10g没有现成的函数实现该功能，且该功能如若用JAVA代码实现会比较复杂，因此，特将SQL语言的实现方式分享出来，希望对大家有所帮助。如下： 表test 数据如下： ID,SUBJECTCODE,DIMCODE,VALUE 1&nbs
  • Java定时任务注解方式实现 tuoni javaspringjvmxmljni
    Spring 注解的定时任务，有如下两种方式： 第一种： <?xml version="1.0" encoding="UTF-8"?> <beans xmlns="http://www.springframework.org/schema/beans"  xmlns:xsi="http
  • 11大Java开源中文分词器的使用方法和分词效果对比 yangshangchuan word分词器ansj分词器Stanford分词器FudanNLP分词器HanLP分词器
    本文的目标有两个： 1、学会使用11大Java开源中文分词器 2、对比分析11大Java开源中文分词器的分词效果 本文给出了11大Java开源中文分词的使用方法以及分词结果对比代码，至于效果哪个好，那要用的人结合自己的应用场景自己来判断。 11大Java开源中文分词器，不同的分词器有不同的用法，定义的接口也不一样，我们先定义一个统一的接口： /** * 获取文本的所有分词结果, 对比
按字母分类： ABCDEFGHIJKLMNOPQRSTUVWXYZ其他