肖ZE
肖ZE

css3——多列布局、瀑布流

多列布局

  • colum-count：属性设置列的具体个数
  • colum-width：属性控制列的宽度
  • column-gap：两列之间的列间距
  • column-rule：规定列之间的分割线的宽度、样式和颜色
  • column-span：规定元素应横跨多少列（1：不跨列（默认）；all：跨所有列）

实例：

<style>
        div {
            width: 100%;
            padding: 20px;
            box-sizing: border-box;
            /*设置列数*/
            column-count: 3;
            /*添加列间隙样式，与 border 类似*/
            column-rule: 2px dotted #f98769;
            /*设置列间隙*/
            column-gap: 50px;
            /*设置列宽
            原则：取大优先
            1.如果人为设置宽度大，则取更大的值，但是会填充整个屏幕，意味最终的宽度可能大于设置的宽度
            2.如果人为设置的宽度更小，则使用默认计算的宽度*/
            column-width: 100px;
        }

        div > h3 {
            text-align: center;
            /*设置跨列显示*/
            column-span: all;
        }
style>

<div>
    <h3>文章h3>
    <p>
        地坛离我家很近。或者说我家离地坛很近。总之，只好认为这是缘分。地坛在我出生前四百多年就座落在那儿了，而自从我的祖母年轻时带着我父亲来到北京，就一直住在离它不远的地方——五十多年间搬过几次家，可搬来搬去总是在它周围，而且是越搬离它越近了。我常觉得这中间有着宿命的味道：仿佛这古园就是为了等我，而历尽沧桑在那儿等待了四百多年。p>
    <p>
        它等待我出生，然后又等待我活到最狂妄的年龄上忽地残废了双腿。四百多年里，它一面剥蚀了古殿檐头浮夸的琉璃，淡褪了门壁上炫耀的朱红，坍圮了一段段高墙又散落了玉砌雕栏，祭坛四周的老柏树愈见苍幽，到处的野草荒藤也都茂盛得自在坦荡。p>
    <p>
        这时候想必我是该来了。十五年前的一个下午，我摇着轮椅进入园中，它为一个失魂落魄的人把一切都准备好了。那时，太阳循着亘古不变的路途正越来越大，也越红。在满园弥漫的沉静光芒中，一个人更容易看到时间，并看见自己的身影。p>
    <p>
        “园墙在金晃晃的空气中斜切下—溜荫凉，我把轮椅开进去，把椅背放倒，坐着或是躺着，看书或者想事，撅一杈树枝左右拍打，驱赶那些和我一样不明白为什么要来这世上的小昆虫。”“蜂儿如一朵小雾稳稳地停在半空；蚂蚁摇头晃脑捋着触须，猛然间想透了什么，转身疾行而去；瓢虫爬得不耐烦了，累了祈祷一回便支开翅膀，忽悠一下升空了；树干上留着一只蝉蜕，寂寞如一间空屋；露水在草叶上滚动，聚集，压弯了草叶轰然坠地摔开万道金光。”p>
div>

在这里插入图片描述

瀑布流

/* 父元素 */
column-count: 2;
column-gap: 10px;
/* 子元素 */
break-inside: avoid;

实例：


<html>
<head>
    <meta charset="utf-8">
    <style>
        body {
            margin: 0;
        }
        .waterfall-container {
            /*分几列*/
            column-count: 2;
            width: 100%;
            /* 列间距 */
            column-gap: 10px;
        }
        .waterfall-item {
            break-inside: avoid;
            width: 100%;
            height: 100px;
            margin-bottom: 10px;
            background: #ddd;
            column-gap: 0;
            text-align: center;
            color: #fff;
            font-size: 40px;
        }
    style>
head>
<body>
    <div class="waterfall-container">
        <div class="waterfall-item" style="height: 100px">1div>
        <div class="waterfall-item" style="height: 300px">2div>
        <div class="waterfall-item" style="height: 400px">3div>
        <div class="waterfall-item" style="height: 100px">4div>
        <div class="waterfall-item" style="height: 300px">5div>
        <div class="waterfall-item" style="height: 600px">6div>
        <div class="waterfall-item" style="height: 400px">7div>
        <div class="waterfall-item" style="height: 300px">8div>
        <div class="waterfall-item" style="height: 700px">9div>
        <div class="waterfall-item" style="height: 100px">10div>
    div>
body>
html>

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

  • C++ 智能指针详解及示例 EPICS Technical LinuxCc++开发语言
    C++智能指针是C++11引入的自动化内存管理工具，用于替代裸指针，防止内存泄漏和悬空指针问题。以下是三种主要智能指针的详细说明及示例：1.std::unique_ptr：独占所有权特点：同一时间只能有一个unique_ptr指向对象。对象生命周期与unique_ptr绑定，指针销毁时对象自动释放。不可复制，但可通过std::move转移所有权。适用场景：明确资源唯一所有权的场景（如工厂模式返回对
  • MyBatis简单配置 T何必当初 Java后端框架mybatisjavamysql
    1、在Maven的pom.xml中导入Mybatis和MySQL数据库驱动依赖org.mybatismybatis3.5.5mysqlmysql-connector-java5.1.382、在Maven项目中的resources下创建mybatis-config.xml配置文件-->3、在com.tyh.utils下创建MybatisUtils.java工具类packagecom.tyh.util
  • MySQL相关面试题 努力的搬砖人. mysqljava面试后端
    以下是150道MySQL相关面试题：一、SQL和基本操作1.SQL的执行顺序是什么？SQL查询的执行顺序大致如下：1.FROM：指定数据来源表。2.WHERE：对表中的行进行筛选。3.JOIN：将多个表连接起来。4.GROUPBY：对数据进行分组。5.HAVING：对分组后的数据进行筛选。6.SELECT：选择需要的列。7.ORDERBY：对结果进行排序。8.LIMIT：限制返回的行数。2.如何优
  • 【Python】解析 XML 茉菇 Pythonpythonxml
    1、Python对XML的解析1.1SAX(simpleAPIforXML)SAX解析器使用事件驱动模型，通过在解析XML的过程中触发一个个的事件并调用用户定义的回调函数来处理XML文件。xml.sax模块牺牲了便捷性来换取速度和内存占用。事件驱动指一种基于回调（callback）机制的程序运行方法。利用SAX解析XML文档牵涉到两个部分:解析器：负责读取XML文档，并向事件处理器发送事件，如元素
  • JS中let和var变量区别 文件夹__iOS JavaScriiptjavascript前端开发语言
    概念作用域：var是函数作用域，let是块级作用域。提升：var会被提升并初始化为undefined，let也会提升，但在声明前访问会导致错误。重声明：var允许在同一作用域内重复声明，let不允许。循环中的行为：在for循环中，使用let会创建一个新的作用域，而var只会有一个作用域。因此，通常建议使用let来声明变量，以避免由于var的作用域和提升行为导致的潜在问题。1.var和let的作用域
  • C# BindingFlags 使用详解 鲤籽鲲 C#c#C#知识捡漏开发语言
    总目录前言在C#编程的世界里，反射（Reflection）是一个强大且灵活的特性，它允许我们在运行时动态地获取和操作类型的信息。而BindingFlags枚举类型，作为反射中的核心概念之一，为我们提供了精确控制类型成员查找和操作的能力（通过组合多个标志来指定搜索类型如字段、方法、属性等成员的条件）。今天，就让我们深入探讨BindingFlags的使用，解锁反射的更多可能性。一、什么是Binding
  • Spark集群启动与关闭 陈沐 sparksparkhadoopbigdata
    Hadoop集群和Spark的启动与关闭Hadoop集群开启三台虚拟机均启动ZookeeperzkServer.shstartMaster1上面执行启动HDFSstart-dfs.shslave1上面执行开启YARNstart-yarn.shslave2上面执行开启YARN的资源管理器yarn-daemon.shstartresourcemanager(如果nodeManager没有启动(正常情况
  • MyBatis MapperRegistry 的作用是什么？ 它是如何管理 Mapper 接口的？ 冰糖心书房 Mybatis源码系列2025Java面试系列mybatis
    MapperRegistry的核心作用是管理和维护已注册的Mapper接口。可以将MapperRegistry理解为MyBatis中Mapper接口的注册中心或Mapper接口的仓库。MapperRegistry的核心作用概括:MapperRegistry的主要作用是跟踪和管理所有已注册的Mapper接口，并提供根据Mapper接口获取Mapper代理对象的能力。它确保MyBatis能够正确地将M
  • JavaScript 浏览器对象实例 lsx202406 开发语言
    JavaScript浏览器对象实例引言JavaScript作为一种广泛应用于网页开发的脚本语言，提供了丰富的浏览器对象模型（BrowserObjectModel，简称BOM）。BOM使得JavaScript能够与浏览器环境进行交互，从而实现各种动态效果和交互功能。本文将详细介绍JavaScript中的浏览器对象实例，包括其概念、常用对象及其使用方法。一、浏览器对象模型概述浏览器对象模型是JavaS
  • 谈谈 TypeScript 中的模块系统，如何使用 ES Modules 和 CommonJS 模块？ 程序员黄同学 TypeScript前端开发JavaScripttypescriptubuntujavascript
    模块系统是TypeScript项目组织代码的核心机制，主要用于代码拆分、复用和依赖管理。TypeScript支持ESModules（ESM）和CommonJS两种主流模块系统，理解它们的差异和使用场景是前端开发中的必备技能。以下从基础语法、配置、互操作性到实战建议展开说明。一、ESModules（ESM）：标准化的模块系统1.基础语法ESM使用import/export语法，是ECMAScript
  • Mysql - 锁常见问题 小杨xyyyyyyy Mysqlmysql数据库面试
    通过一些问题来讨论Mysql中的锁mysql有哪些锁，介绍一下？mysql是怎么实现乐观锁和悲观锁的？哪些情况下会使用乐观锁，哪些情况使用悲观锁，可以举一些sql例子吗？间隙锁的原理？什么时候会加间隙锁？1.Mysql有哪些锁，介绍一下?按照锁的粒度，可以分为全局锁，表级锁和行锁全局锁会使整个数据库处于只读状态，在做全库逻辑备份时经常用到；表级锁在操作数据数会锁定整张表或表结构，具体可以分为表锁，
  • Hive函数大全：从核心内置函数到自定义UDF实战指南（附详细案例与总结） 一个天蝎座 白勺 程序猿 大数据开发从入门到实战合集hivehadoop数据仓库
    目录背景‌一、Hive函数分类与核心函数表‌1.内置函数分类‌2.用户自定义函数（UDF）分类二、常用函数详解与实战案例‌1.数学函数‌2.字符串函数‌3.窗口函数‌4.自定义UDF实战‌三、总结与优化建议‌1.核心总结2.性能优化建议‌3.常问问题背景‌Hive作为Hadoop生态中最常用的数据仓库工具，其强大的函数库是高效处理和分析海量数据的核心能力之一。Hive函数分为‌内置函数‌和‌用户自
  • Spring AI Alibaba 应用框架挑战赛圆满落幕，恭喜获奖选手 云原生
    第二届开放原子大赛SpringAIAlibaba应用框架挑战赛决赛于2月23日在北京圆满落幕。SpringAIAlibaba是一款Java语言实现的AI应用开发框架，用于加速和简化Java开发者的AI应用开发，定义Spring框架下的AI应用开发模式。本项目基于Pivotal公司开源的SpringAI开源项目构建，突出SpringAI与阿里云开源/商业生态的集成与最佳实践，集成范围涉及百炼、云原生
  • Feedalyze - 让用户反馈成为产品迭代的动力源泉
    商业的本质是交换价值，满足需求，解决问题，获取适当报酬。各行各业的成功基本都无法脱离这个本质。其次，有个问题一直困扰我，中小企业是以什么依据和逻辑进行产品迭代升级的呢？这似乎是个蠢问题，但根据现实来看，这可能是个很有意思的问题。就我所见到和经历过的公司来说，有的是根据手上的资源，有的是根据数据导向，有的根据竞争对手动向，有的是老板拍脑袋决定，有的会随大流用些无用的东西，或根据大客户不切实际的要求等
  • String类 墨香染城城 java开发语言
    1.String类的重要性在C语言中已经涉及到字符串了，但是在C语言中要表示字符串只能使用字符数组或者字符指针，可以使用标准库提供的字符串系列函数完成大部分操作，但是这种将数据和操作数据方法分离开的方式不符合面相对象的思想，而字符串应用又非常广泛，因此Java语言专门提供了String类。2.常用方法2.1字符串构造String类提供的构造方式非常多，常用的就以下三种：publicstaticvo
  • 数据库约束 墨香染城城 数据库
    1.什么是数据库约束数据库约束是指对数据库表中的数据所施加的规则或条件，⽤于确保数据的准确性和可靠性。这些约束可以是基于数据类型、值范围、唯⼀性、⾮空等规则，以确保数据的正确性和相容性2.约束类型NOTNULL⾮空约束指定⾮空约束的列不能存储NULL值DEFALUT默认约束当没有给列赋值时使⽤的默认值UNIQUE唯⼀约束指定唯⼀约束的列每⾏数据必须有唯⼀的值PRIMARYKEY主键约束NOTNUL
  • 数据类型和变量 墨香染城城 java
    1.字面常量常量即程序运行期间，固定不变的量称为常量，比如：一个礼拜七天，一年12个月等。publicclassDemo{publicstaticvoidmain(String[]args){System.Out.println("helloworld!");System.Out.println(100);System.Out.println(3.14);System.Out.println('A
  • 实现组件裁剪鸿蒙示例代码
    本文原创发布在华为开发者社区。介绍对Image组件设置clipShape属性，并通过PathShape传入不同的裁剪命令，将Image组件裁剪为不同形状。使用Path组件，通过设置commands属性，并传入不同的绘制命令，绘制出带圆角的不同形状的组件。实现组件裁剪源码链接效果预览使用说明安装到手机后点击应用图标即可进入本应用。点击不同按钮，查看clipShape裁剪组件和Path绘制圆角形状组件
  • Qt SQL-1 EPICS Technical Qtqtsql
    QtSQL是一个必要模块，它提供了对SQL数据库的支持。QtSQL的APIs被划分为不同层：驱动层SQLAPI层用户接口层SQL编程指南包含了有关使用QtSQL开发的信息。开始要在一个项目中启用QtSQL，添加以下指令到C++文件：#include要链接QtSQL模块，添加这一行到这个项目文件：QT+=sql相关信息这些链接指向API参考材料和相关的页：C++类SQL示例内容命名空间类详细描述Qt
  • Python XML 解析 lsx202406 开发语言
    PythonXML解析引言XML（可扩展标记语言）是一种用于存储和传输数据的标记语言。Python作为一种功能强大的编程语言，提供了多种解析XML的方法。本文将详细介绍Python中常用的XML解析方法，包括XML解析的基本概念、常用库以及解析实例。XML解析的基本概念1.XML文档结构XML文档由以下几部分组成：声明：声明XML版本和编码方式。根元素：文档中所有元素的父元素。元素：XML文档中的
  • Mysql - 日志相关问题 小杨xyyyyyyy Mysqlmysql数据库面试
    通过一些问题来讨论Mysql中的日志:Mysql是怎么保证原子性的？Mysql怎么保证持久性的？Mysql怎么保证隔离性的？介绍一下binlog和redolog，他们两有啥区别？两阶段提交了解吗？介绍一下，为啥需要两阶段提交呢？幻读了解吗？介绍一下，innodb引擎是如何解决幻读问题等？刚才我们说到了原子性，那宕机时还能保证原子性吗？undolog在宕机是怎么保证原子性的？1.Mysql是怎么保证
  • 高亮动态物体——前景提取与动态物体检测器（opencv实现） WenJGo AI学习之路Python之路opencv计算机视觉人工智能深度学习神经网络
    目录代码说明1.导入库2.创建背景建模对象3.打开视频源4.逐帧处理视频5.应用背景建模获得前景掩码6.形态学操作去除噪声6.1定义形态学核6.2开运算去除噪点6.3膨胀操作填补前景区域空洞7.轮廓检测识别动态物体8.绘制轮廓和边界框9.显示处理结果10.退出控制与资源释放整体代码效果展示代码说明主要功能是通过背景建模检测视频中的运动目标。其工作流程如下：读取视频帧；利用MOG2算法生成前景掩码；
  • Mmybatis xml 连接数据库的方法 墨香染城城 xml数据库
    1.添加依赖（Maven项目）在pom.xml中添加MyBatis和数据库驱动的依赖（以MySQL为例）：org.mybatismybatis3.5.13mysqlmysql-connector-java8.0.332.配置MyBatis核心文件在resources目录下创建mybatis-config.xml，配置数据库连接和全局设置：3.创建实体类定义与数据库表对应的实体类，例如User：pu
  • 如何将rust日志输出到android终端 编辑器
    本博客所有文章除特别声明外，均采用CCBY-NC-SA4.0许可协议。转载请注明来自唯你背景在Rust中，使用println!打印日志时，输出实际上是发送到标准输出（stdout），而AndroidLogcat专门用于处理和显示应用程序的日志信息，此环境下标准输出实现被重新定义。这意味着Rust日志输出不会出现在Logcat中。android_logger直接与Android的日志系统集成，确保日
  • Nginx面试题 努力的搬砖人. java后端nginx
    以下是150道Nginx面试题及其详细回答，涵盖了Nginx的基础知识、配置与优化、负载均衡、安全与性能、高级特性等多个方面，每道题目都尽量详细且简单易懂：Nginx基础概念类1.什么是Nginx？Nginx是一个高性能的HTTP和反向代理服务器，同时也是一个IMAP/POP3/SMTP代理服务器。它以其事件驱动的方式处理请求，能够处理大量的并发连接，适用于高并发场景。例如，当有大量用户同时访问一
  • tomcat下直接访问html网页 努力的搬砖人.
    在conf/server.html配置文件中添加（在标签上添加）访问地址：http://localhost:8081/hello.html
  • goldengate sqlserver mysql_使用 Oracle GoldenGate 在 Microsoft SQL Server 和 Oracle Database 之间复制事务... weixin_39907713 goldengatesqlservermysql
    大多数关注数据复制的Oracle技术专家都熟悉OracleStreams。在2009年之前，Streams一直是推荐使用的最流行的Oracle数据分发技术。2009年7月，Oracle收购了GoldenGate这一数据库复制软件供应商。Oracle现在鼓励客户使用OracleGoldenGate(Oracle融合中间件系列的组成部分)来满足新应用中的数据复制需求。Oracle关于OracleStr
  • DBA（数据库管理员）常用的 Linux 命令 笑远 dbalinux数据库
    DBA（数据库管理员）常用的Linux命令作为数据库管理员（DBA），熟练掌握Linux命令对于日常的数据库管理、维护和故障排除至关重要。以下是分类整理的一些常用Linux命令，涵盖文件管理、进程管理、性能监控、网络管理等多个方面，帮助DBAs高效地完成工作。1.文件和目录管理列出文件和目录ls：列出目录内容。ls-l：以长格式显示详细信息。ls-a：显示所有文件，包括隐藏文件。ls-la/hom
  • 空闲任务是什么？ 九层指针 FreeRTOS实时操作系统数据库服务器
    FreeRTOS的**空闲任务（IdleTask）**是系统自动创建的一个特殊任务，它在所有其他任务处于阻塞或挂起状态时运行。其核心作用是确保CPU始终有任务可执行（避免系统“空转”），同时为开发者提供资源管理和低功耗优化的入口。1.空闲任务的基本特性自动创建当调用vTaskStartScheduler()启动调度器时，FreeRTOS会自动创建空闲任务，无需手动配置。最低优先级空闲任务的优先级为
  • Shell变量详解 ivwdcwso 操作系统与云原生Shelllinux脚本
    Shell变量是Shell脚本编程中非常重要的一个概念。合理使用变量可以让脚本更加灵活和易于维护。本文将详细介绍Shell变量的定义、使用、作用域以及一些高级用法。1.变量的定义和赋值在Shell中定义变量非常简单,格式为:variable_name=value注意等号两边不能有空格。例如:name="John"age=30Shell变量名可以由字母、数字和下划线组成,但不能以数字开头。2.使用变
  • 多线程编程之卫生间 周凡杨 java并发卫生间线程厕所
    如大家所知，火车上车厢的卫生间很小，每次只能容纳一个人，一个车厢只有一个卫生间，这个卫生间会被多个人同时使用，在实际使用时，当一个人进入卫生间时则会把卫生间锁上，等出来时打开门，下一个人进去把门锁上，如果有一个人在卫生间内部则别人的人发现门是锁的则只能在外面等待。问题分析：首先问题中有两个实体，一个是人，一个是厕所，所以设计程序时就可以设计两个类。人是多数的，厕所只有一个（暂且模拟的是一个车厢）。
  • How to Install GUI to Centos Minimal sunjing linuxInstallDesktopGUI
    http://www.namhuy.net/475/how-to-install-gui-to-centos-minimal.html   I have centos 6.3 minimal running as web server. I’m looking to install gui to my server to vnc to my server. You can insta
  • Shell 函数 daizj shell函数
    Shell 函数 linux shell 可以用户定义函数，然后在shell脚本中可以随便调用。 shell中函数的定义格式如下： [function] funname [()]{ action; [return int;] } 说明： 1、可以带function fun() 定义，也可以直接fun() 定义,不带任何参数。 2、参数返回
  • Linux服务器新手操作之一 周凡杨 Linux 简单 操作
    1.whoami      当一个用户登录Linux系统之后，也许他想知道自己是发哪个用户登录的。      此时可以使用whoami命令。      [ecuser@HA5-DZ05 ~]$ whoami       e
  • 浅谈Socket通信（一） 朱辉辉33 socket
    在java中ServerSocket用于服务器端，用来监听端口。通过服务器监听，客户端发送请求，双方建立链接后才能通信。当服务器和客户端建立链接后，两边都会产生一个Socket实例，我们可以通过操作Socket来建立通信。    首先我建立一个ServerSocket对象。当然要导入java.net.ServerSocket包    ServerSock
  • 关于框架的简单认识 西蜀石兰 框架
    入职两个月多，依然是一个不会写代码的小白，每天的工作就是看代码，写wiki。 前端接触CSS、HTML、JS等语言，一直在用的CS模型，自然免不了数据库的链接及使用，真心涉及框架，项目中用到的BootStrap算一个吧，哦，JQuery只能算半个框架吧，我更觉得它是另外一种语言。 后台一直是纯Java代码，涉及的框架是Quzrtz和log4j。 都说学前端的要知道三大框架，目前node.
  • You have an error in your SQL syntax; check the manual that corresponds to your 林鹤霄
    You have an error in your SQL syntax; check the manual that corresponds to your MySQL server version for the right syntax to use near 'option,changed_ids  ) values('0ac91f167f754c8cbac00e9e3dc372
  • MySQL5.6的my.ini配置 aigo mysql
    注意：以下配置的服务器硬件是：8核16G内存    [client]   port=3306   [mysql]   default-character-set=utf8     [mysqld]   port=3306   basedir=D:/mysql-5.6.21-win
  • mysql 全文模糊查找 便捷解决方案 alxw4616 mysql
    mysql 全文模糊查找 便捷解决方案 2013/6/14 by 半仙 [email protected] 目的: 项目需求实现模糊查找. 原则: 查询不能超过 1秒. 问题: 目标表中有超过1千万条记录. 使用like '%str%' 进行模糊查询无法达到性能需求. 解决方案: 使用mysql全文索引. 1.全文索引 : MySQL支持全文索引和搜索功能。MySQL中的全文索
  • 自定义数据结构 链表(单项 ,双向,环形) 百合不是茶 单项链表双向链表
         链表与动态数组的实现方式差不多,    数组适合快速删除某个元素    链表则可以快速的保存数组并且可以是不连续的       单项链表;数据从第一个指向最后一个   实现代码:        //定义动态链表 clas
  • threadLocal实例 bijian1013 javathreadjava多线程threadLocal
    实例1： package com.bijian.thread; public class MyThread extends Thread { private static ThreadLocal tl = new ThreadLocal() { protected synchronized Object initialValue() { return new Inte
  • activemq安全设置—设置admin的用户名和密码 bijian1013 javaactivemq
            ActiveMQ使用的是jetty服务器, 打开conf/jetty.xml文件，找到 <bean id="adminSecurityConstraint" class="org.eclipse.jetty.util.security.Constraint"> <p
  • 【Java范型一】Java范型详解之范型集合和自定义范型类 bit1129 java
    本文详细介绍Java的范型，写一篇关于范型的博客原因有两个，前几天要写个范型方法(返回值根据传入的类型而定)，竟然想了半天，最后还是从网上找了个范型方法的写法；再者，前一段时间在看Gson, Gson这个JSON包的精华就在于对范型的优雅简单的处理，看它的源代码就比较迷糊，只其然不知其所以然。所以，还是花点时间系统的整理总结下范型吧。   范型内容 范型集合类 范型类
  • 【HBase十二】HFile存储的是一个列族的数据 bit1129 hbase
    在HBase中，每个HFile存储的是一个表中一个列族的数据，也就是说，当一个表中有多个列簇时，针对每个列簇插入数据，最后产生的数据是多个HFile，每个对应一个列族，通过如下操作验证   1. 建立一个有两个列族的表   create 'members','colfam1','colfam2'   2. 在members表中的colfam1中插入50*5
  • Nginx 官方一个配置实例 ronin47 nginx 配置实例
    user www www; worker_processes 5; error_log logs/error.log; pid logs/nginx.pid; worker_rlimit_nofile 8192; events { worker_connections 4096;} http { include conf/mim
  • java-15.输入一颗二元查找树，将该树转换为它的镜像， 即在转换后的二元查找树中，左子树的结点都大于右子树的结点。 用递归和循环 bylijinnan java
    //use recursion public static void mirrorHelp1(Node node){ if(node==null)return; swapChild(node); mirrorHelp1(node.getLeft()); mirrorHelp1(node.getRight()); } //use no recursion bu
  • 返回null还是empty bylijinnan javaapachespring编程
    第一个问题，函数是应当返回null还是长度为0的数组（或集合）？ 第二个问题，函数输入参数不当时，是异常还是返回null？ 先看第一个问题 有两个约定我觉得应当遵守： 1.返回零长度的数组或集合而不是null（详见《Effective Java》） 理由就是，如果返回empty，就可以少了很多not-null判断： List<Person> list
  • [科技与项目]工作流厂商的战略机遇期 comsci 工作流
          在新的战略平衡形成之前，这里有一个短暂的战略机遇期，只有大概最短6年，最长14年的时间，这段时间就好像我们森林里面的小动物，在秋天中，必须抓紧一切时间存储坚果一样，否则无法熬过漫长的冬季。。。。         在微软，甲骨文，谷歌，IBM,SONY
  • 过度设计-举例 cuityang 过度设计
    过度设计，需要更多设计时间和测试成本，如无必要，还是尽量简洁一些好。 未来的事情，比如 访问量，比如数据库的容量，比如是否需要改成分布式  都是无法预料的 再举一个例子，对闰年的判断逻辑： 　　1、 if($Year%4==0) return True; else return Fasle; 　　2、if (   ($Year%4==0  &am
  • java进阶，《Java性能优化权威指南》试读 darkblue086 java性能优化
    记得当年随意读了微软出版社的.NET 2.0应用程序调试，才发现调试器如此强大，应用程序开发调试其实真的简单了很多，不仅仅是因为里面介绍了很多调试器工具的使用，更是因为里面寻找问题并重现问题的思想让我震撼，时隔多年，Java已经如日中天，成为许多大型企业应用的首选，而今天，这本《Java性能优化权威指南》让我再次找到了这种感觉，从不经意的开发过程让我刮目相看，原来性能调优不是简单地看看热点在哪里，
  • 网络学习笔记初识OSI七层模型与TCP协议 dcj3sjt126com 学习笔记
      协议：在计算机网络中通信各方面所达成的、共同遵守和执行的一系列约定 　　计算机网络的体系结构：计算机网络的层次结构和各层协议的集合。 　　两类服务： 　　面向连接的服务通信双方在通信之前先建立某种状态，并在通信过程中维持这种状态的变化，同时为服务对象预先分配一定的资源。这种服务叫做面向连接的服务。 　　面向无连接的服务通信双方在通信前后不建立和维持状态，不为服务对象
  • mac中用命令行运行mysql dcj3sjt126com mysqllinuxmac
    参考这篇博客：http://www.cnblogs.com/macro-cheng/archive/2011/10/25/mysql-001.html  感觉workbench不好用（有点先入为主了）。 1，安装mysql 在mysql的官方网站下载 mysql 5.5.23 http://www.mysql.com/downloads/mysql/，根据我的机器的配置情况选择了64
  • MongDB查询（1）——基本查询[五] eksliang mongodbmongodb 查询mongodb find
    MongDB查询 转载请出自出处：http://eksliang.iteye.com/blog/2174452 一、find简介 MongoDB中使用find来进行查询。 API:如下 function ( query , fields , limit , skip, batchSize, options ){.....}  参数含义： query:查询参数 fie
  • base64，加密解密 经融加密，对接 y806839048 经融加密对接
    String data0 = new String(Base64.encode(bo.getPaymentResult().getBytes(("GBK")))); String data1 = new String(Base64.decode(data0.toCharArray()),"GBK"); // 注意编码格式，注意用于加密，解密的要是同
  • JavaWeb之JSP概述 ihuning javaweb
      什么是JSP？为什么使用JSP？ JSP表示Java Server Page，即嵌有Java代码的HTML页面。使用JSP是因为在HTML中嵌入Java代码比在Java代码中拼接字符串更容易、更方便和更高效。   JSP起源    在很多动态网页中，绝大部分内容都是固定不变的，只有局部内容需要动态产生和改变。  如果使用Servl
  • apple watch 指南 啸笑天 apple
    1. 文档 WatchKit Programming Guide（中译在线版 By @CocoaChina） 译文 译者 原文 概览 - 开始为 Apple Watch 进行开发 @星夜暮晨 Overview - Developing for Apple Watch 概览 - 配置 Xcode 项目 - Overview - Configuring Yo
  • java经典的基础题目 macroli java编程
    1.列举出 10个JAVA语言的优势 a:免费，开源，跨平台(平台独立性)，简单易用，功能完善，面向对象，健壮性，多线程，结构中立，企业应用的成熟平台, 无线应用 2.列举出JAVA中10个面向对象编程的术语 a:包，类，接口，对象，属性，方法，构造器，继承，封装，多态，抽象，范型 3.列举出JAVA中6个比较常用的包 Java.lang;java.util;java.io;java.sql;ja
  • 你所不知道神奇的js replace正则表达式 qiaolevip 每天进步一点点学习永无止境纵观千象regex
    var v = 'C9CFBAA3CAD0'; console.log(v); var arr = v.split(''); for (var i = 0; i < arr.length; i ++) { if (i % 2 == 0) arr[i] = '%' + arr[i]; } console.log(arr.join('')); console.log(v.r
  • [一起学Hive]之十五-分析Hive表和分区的统计信息(Statistics) superlxw1234 hivehive分析表hive统计信息hive Statistics
    关键字：Hive统计信息、分析Hive表、Hive Statistics   类似于Oracle的分析表，Hive中也提供了分析表和分区的功能，通过自动和手动分析Hive表，将Hive表的一些统计信息存储到元数据中。   表和分区的统计信息主要包括：行数、文件数、原始数据大小、所占存储大小、最后一次操作时间等；   14.1 新表的统计信息 对于一个新创建
  • Spring Boot 1.2.5 发布 wiselyman spring boot
        Spring Boot 1.2.5已在7月2日发布，现在可以从spring的maven库和maven中心库下载。   这个版本是一个维护的发布版，主要是一些修复以及将Spring的依赖提升至4.1.7(包含重要的安全修复)。   官方建议所有的Spring Boot用户升级这个版本。   项目首页 | 源
按字母分类： ABCDEFGHIJKLMNOPQRSTUVWXYZ其他