性灵
性灵

包含块：影响元素尺寸和位置

  • HTML&CSS入门学习笔记

  • 包含块的影响

  • 包含块的确定

    1. position: static / relative;
    2. position: absolute;
    3. position: fixed;
    4. position: absolute/ fixed;（满足特定条件）

包含块的影响

*一个元素的尺寸和位置经常受其包含块的影响
  1. 盒模型属性

    （1）一个元素的 width、margin 和 padding 属性由包含块的 width 属性的值来计算其百分值。

    （2）一个元素的 height 属性由包含块的 height 属性的值来计算其百分值（如果包含块的 height 根据内容变化，而且包含块的 position 属性的值被赋予 relative 或 static，那么，height 的计算值为0）。

如果包含块的高度没有显式指定（即高度由内容决定），并且该元素不是绝对定位，则包含块的高度计算值为 auto。

  • 偏移属性

    （1）left 和 right 属性由包含块的 width 属性的值来计算其百分值。

    （2）top和 bottom 属性由包含块的 height属性的值来计算其百分值。

    • 包含块的确定

    *一个元素的包含块并不通常是其父元素的 content 区域

    确定一个元素的包含块的过程完全依赖于这个元素的 position 属性

    1. position: static / relative;

    包含块：该元素最近的祖先块元素或格式化上下文的内容区的边缘组成。
      祖先块元素：block / inline-block / list-item.
      格式化上下文：a table container / flex container / grid container / the block container itself. 

    <body>
        <section>
            <p>This is a paragraph!p>
        section>
    body>
    包含块：影响元素尺寸和位置_第1张图片 包含块：影响元素尺寸和位置_第2张图片

         display: block;                display: inline;

    2. position: absolute;

    包含块：该元素最近的 position 的值不为 static 的祖先元素的内边距区的边缘组成。
    包含块：影响元素尺寸和位置_第3张图片 包含块：影响元素尺寸和位置_第4张图片

        box-sing: content-box;（默认）            box-sizing: border-box;

    若设置包含块即 section 的 box-sizing 的属性的值 为 border-box（width包括padding和border） 时，则不再按照内边距区的边缘计算，而是按照内容区的边缘计算。

    绝对定位元素的宽高百分比计算相对于 padding box
    非绝对定位元素的宽高百分比计算相对于 content box

    3. position: fixed;

    包含块：

    （1）连续媒体（continuous media）：viewport。

    （2）分页媒体（page media）：page area。

      根元素（）所在的包含块是一个被称为初始包含块的矩形，它具有 viewport （用于连续媒体）或 page area（用于page media）的尺寸。
    包含块：影响元素尺寸和位置_第5张图片

    4. position: absolute/ fixed;

    包含块：可能是满足特定条件的最近父级元素的内边距区的边缘组成

    （1）transform 或 perspective 属性值不为 none；

    （2）will-change 属性值为 transform 或 perspective；

    （3）filter 属性值不为 none 或者will-change 属性值为 filter（仅适用于 Firefox）；

    （4）contain 属性值为 paint；
    包含块：影响元素尺寸和位置_第6张图片 包含块：影响元素尺寸和位置_第7张图片

        box-sing: content-box;（默认）            box-sizing: border-box;

    参考：

    • https://developer.mozilla.org/zh-CN/docs/Web/CSS/All_About_The_Containing_Block

    你可能感兴趣的:(HTML&CSS入门学习笔记)

    • OpenAI 函数调用 功能入门 AI火箭 chatgptopenai
      Javascript版Langchain入门作者：AI小火箭的HB我是AI小火箭的HB，我探索和写作人工智能和语言交叉点的所有事物，范围从LLM，聊天机器人，语音机器人，开发框架，以数据为中心的潜在空间等。介绍LangChain是一个开源Python库，用于构建由大型语言模型（LLM）支持的应用程序。它提供了一个框架，将LLM与其他数据源（如互联网或个人文件）连接起来，允许开发人员将多个命令链接在
    • OpenEuler学习笔记（十四）：在OpenEuler上搭建.NET运行环境 向上的车轮 openEuler笔记学习笔记.netlinux
      一、在OpenEuler上搭建.NET运行环境基于包管理器安装添加Microsoft软件源：运行命令sudorpm-Uvhhttps://packages.microsoft.com/config/centos/8/packages-microsoft-prod.rpm，将Microsoft软件源添加到系统中，以便后续能够从该源安装.NET相关的包。安装.NET运行时或SDK：若只需要运行.NET
    • matlab学习路线 kyle~ matlabmatlab学习信息可视化
      阶段1：基础入门（1-2周）目标：熟悉MATLAB界面、基础语法和简单操作。学习内容：环境与界面：了解MATLAB的桌面布局（命令窗口、工作区、编辑器、当前文件夹）。学习如何创建脚本（.m文件）和实时脚本（.mlx文件）。掌握常用快捷键（如Ctrl+R注释、F5运行脚本）。基础语法：变量定义与数据类型（数值、字符、逻辑、矩阵、cell数组、结构体）。矩阵操作（创建、索引、切片、拼接），例如：A=[
    • CVPR‘24开源 | ADA-Track：端到端3D多目标跟踪最新SOTA！ 计算机视觉工坊 3D视觉从入门到精通3d目标跟踪人工智能
      编辑：计算机视觉工坊添加小助理：dddvision，备注：方向+学校/公司+昵称，拉你入群。文末附行业细分群扫描下方二维码，加入3D视觉知识星球，星球内凝聚了众多3D视觉实战问题，以及各个模块的学习资料：近20门视频课程（星球成员免费学习）、最新顶会论文、3DGS系列、计算机视觉书籍、优质3D视觉算法源码等。想要入门3D视觉、做项目、搞科研，欢迎扫码加入！
    • 图像基础知识入门【图像概念&不同图像格式】 NPE~ 理论教程图像分辨率像素图像格式色域
      图像基础知识入门【图像概念&不同图像格式】最近有在处理图像转换，因此稍微补足了一下图像相关知识，特在此记录。下面汇总是我根据自己理解和网上查阅资料而来。如有错误，欢迎大家指正。1基础概念像素/分辨率像素(Pixel)：构成数字图像的最基本单位【小方块】像素是构成数字图像的最基本单位，是图像显示设备（如电脑屏幕、手机屏幕）上最小的可寻址的显示单元。每个像素都有自己的颜色值，这些颜色值由红、绿、蓝三种
    • 22、JavaScript学习笔记——ES5严格模式 lvh98 javascript学习前端
      ES5严格模式当前使用的ES语法是基于ES3.0的方法加上ES5.0的新增方法。默认情况下，ES3.0和ES5.0冲突的部分，会沿用ES3.0的方法；而在ES5.0严格模式下，冲突部分会使用ES5.0的方法。1.“usestrict”不再兼容ES3.0的一些不规则语法。使用全新的ES5.0规范。1.1ES5.0严格模式的启动要选择使用严格模式，需要使用严格模式编译指示（pragma），即一个不赋值
    • spring mvc java 8 rest idea_springmvc学习笔记---面向移动端支持REST API 射命丸咲 springmvcjava8restidea
      前言:springmvc对注解的支持非常灵活和飘逸,也得web编程少了以往很大一坨配置项.另一方面移动互联网的到来,使得RESTAPI变得流行,甚至成为主流.因此我们来关注下springmvc对restapi的支持程度,以及需要做的工作评估.样例设计和准备:springmvc学习笔记系列的文章目录:•idea创建springmvc项目RESTAPI的设计原则遵循之前的博文来实现•移动互联网实战--
    • Spring MVC学习笔记 万般滋味皆生活 后端开发springspringmvc
      文章目录SpringMVC什么是MVC设计模式？SpringMVC的核心组件SpringMVC的工作流程如何使用？SpringMVC注解SpringMVC数据绑定SpringMVC模型数据解析SpringMVC自定义数据转换器SpringMVCREST特点如何使用SpringMVC文件上传下载SpringMVC表单标签库常用的表单标签SpringMVC数据校验SpringMVCSpringMVC是
    • ThreeJS入门（233）：THREE.DirectionalLightHelper 知识详解，示例代码 还是大剑师兰特 #ThreeJS中文API全解大剑师threejs入门threejs教程threejs示例
      作者：还是大剑师兰特，曾为美国某知名大学计算机专业研究生，现为国内GIS领域高级前端工程师，CSDN知名博主，深耕openlayers、leaflet、mapbox、cesium，webgl，ThreeJS，canvas，echarts等技术开发，欢迎加微信（gis-dajianshi），一起交流。查看本专栏目录-本文是第233篇入门文章文章目录特性构造函数方法`update()`使用示例注意事项
    • React Native开发从入门到精通 赵梓宇 reactnative学习react.js
      目录第一部分：ReactNative入门ReactNative简介什么是ReactNativeReactNative与原生开发对比ReactNative的优缺点开发环境搭建Node.js和npm的安装ReactNativeCLI和Expo的安装与使用AndroidStudio和Xcode配置模拟器和真机调试环境搭建第一个ReactNative应用创建项目项目结构解析简单的页面编写和运行第二部分：R
    • Qt控件简述 Roadinforest qt开发语言
      引入本篇文章仅作Qt入门的控件指引，如果您已经具有一定Qt开发的基础，那么这篇文章可能不适合您。控件入门指引QLabel用于显示文本或图像，不需要用户交互，适合用作静态信息的展示QLabel*label=newQLabel(this);//在本窗口创建一个新对象QLabellabel->setText("Hello,world");//设置文本内容label->move(x,y);//距离父控件左
    • stm32芯片包_“蓝桥杯”嵌入式stm32入门（3）搞定竞赛资源包，这都不是事儿 weixin_39997695 stm32芯片包蓝桥杯入门训练fibonacci数列
      在文章“蓝桥杯”嵌入式stm32开发入门(1)概述和“蓝桥杯”嵌入式stm32开发入门(2)ARM?Cortex？确定明白？中对“蓝桥杯”以及“蓝桥杯”比赛中嵌入式设计与开发(大学组、研究生组)中所用开发板CT117E和扩展板板上资源以及什么是ARM和Cortex概念做了简要介绍。这篇文章将介绍“蓝桥杯”嵌入式stm32竞赛官方所提供的资源包，这些资源包有一些重要的内容对参赛者来说非常重要。因此这
    • 备赛蓝桥杯之第十五届职业院校组省赛第三题：产品360度展示 云端·目前学前端 备赛蓝桥杯蓝桥杯职场和发展
      提示：本篇文章仅仅是作者自己目前在备赛蓝桥杯中，自己学习与刷题的学习笔记，写的不好，欢迎大家批评与建议由于个别题目代码量与题目量偏大，请大家自己去蓝桥杯官网【连接高校和企业-蓝桥云课】去寻找原题，在这里只提供部分原题代码本题目为：2024年十五届省赛职业院校组真题第三题：产品360度展示题目：需要考生作答的代码段如下：/***@param{*}initialValue初始值*@param{Arra
    • fpga学习入门 串口rs232回环 杨龙龙yll fpga
      奇偶检验位这里是省略了做好回环后可以使用上位机做回环测试，top文件写的方式就是将rx（fpga端）接受到的模块（pc端）tx发送出去，这两个端口用杜邦线连接，同理模块的rx连接fpga的tx，看上位机接收区是否是你发送的即可测试代码正确，如果不对的话可以先把上位机停止位改成1.5或者2位即可需要使用到usb转ttl的模块一个这个做仿真的话稍微麻烦tb文件里需要例化tx发送给top文件，再例化rx
    • Python技术栈 —— Poetry CS-Polaris Python技术栈python开发语言
      Python技术栈——Poetry一、什么是Poetry？二、Poetry的安装与使用2.1Poetry的安装2.2Poetry的使用2.3查看并指定poetry的镜像源三、Python包管理工具对比一、什么是Poetry？一种Python包管理工具。参考文章或视频链接[1]Introduction-Poetry[2]《poetry入门完全指南》-CSDN[3]ManagingPythonDepe
    • Mybatis-Flex的魅力 星空宇航员 mybatis数据库
      目录一、Mybatis-Flex是什么？二、Mybatis-Flex的有什么特点？三、Mybatis-Flex和同类框架对比1）功能对比2）性能对比1.测试单条数据2.测试列表(List)数据查询3.分页查询4.数据更新总结四、Mybatis-Flex支持的数据库类型五、入门案例1.创建数据库2.创建SpringBoot项目，并添加Maven依赖3.对SpringBoot项目进行配置4.编写实体类
    • 正则表达式入门 兮动人 正则表达式正则表达式正则表达式入门
      入门1、提取文章中所有的英文单词//1．先创建一个Pattern对象，模式对象，可以理解成就是一个正则表达式对象Patternpattern=Pattern.compile("[a-zA-Z]+");//2．创建一个匹配器对象//理解:就是matcher匹配器按照pattern(模式/样式)，到content文本中去匹配//找到就返回true，否则就返回falseMatchermatcher=pa
    • 【学习笔记总结】华为云：应用上云后的安全规划及设计 通信_楠木 学习笔记华为云架构云计算安全架构
      一、背景和问题数字化时代，随着信息技术的飞速发展，企业和各类组织纷纷将自身的应用程序迁移至云端。云计算凭借其诸多优势，如成本效益、可扩展性、灵活性以及便捷的资源共享等，已然成为了现代业务运营的重要支撑。今年，我所在企业也将IT系统全面迁移上XX云，究其原因是为了在激烈的市场竞争中保持敏捷性和创新性，需要快速部署新的应用并实现高效的数据处理，云平台提供的丰富资源和便捷的服务模式使其能够迅速满足这些需
    • SQL刷题快速入门(一) L~river 算法刷题sqloracle数据库刷题笔试
      其他章节：SQL刷题快速入门（二）SQL刷题快速入门（三）SQL（StructuredQueryLanguage，结构化查询语言）是用于管理和操作关系型数据库的一种标准计算机语言。SQL最初由IBM在20世纪70年代开发，并且自1986年以来，它已经被美国国家标准协会（ANSI）和国际标准化组织（ISO）作为标准发布。SQL的主要用途包括：数据查询：通过SELECT语句从数据库中检索数据。数据更新
    • C#使用实体类Entity Framework Core操作mysql入门：从数据库反向生成模型2 处理连接字符串 初级代码游戏 dotnet和C#数据库mysqlEntityFramework
      初级代码游戏的专栏介绍与文章目录-CSDN博客我的github：codetoys，所有代码都将会位于ctfc库中。已经放入库中我会指出在库中的位置。这些代码大部分以Linux为目标但部分代码是纯C++的，可以在任何平台上使用。源码指引：github源码指引_初级代码游戏的博客-CSDN博客本文接上一篇：C#使用实体类EntityFrameworkCore操作mysql入门：从数据库反向生成模型-C
    • 声明式事务调用Feign原理 贤少Xs springcloudjava微服务
      一、feign介绍1、什么是feign？feign是springcloud提供的声明式(接口)的http客户端(工作在consumer端)feign支持springmvc注解feign集成了ribbon也支持负载均衡ribbon+restTemplate=feign2、feign的启动器spring-cloud-starter-openfeign二、feign入门案例1、创建feign_provi
    • ImportError: DLL load failed while importing _rust: 找不到指定的程序的解决方案 爱编程的喵喵 Python基础课程pythonImportErrorDLLloadfailed_rust解决方案
        大家好，我是爱编程的喵喵。双985硕士毕业，现担任全栈工程师一职，热衷于将数据思维应用到工作与生活中。从事机器学习以及相关的前后端开发工作。曾在阿里云、科大讯飞、CCF等比赛获得多次Top名次。现为CSDN博客专家、人工智能领域优质创作者。喜欢通过博客创作的方式对所学的知识进行总结与归纳，不仅形成深入且独到的理解，而且能够帮助新手快速入门。  本文主要介绍了ImportError:DLLloa
    • Haproxy入门学习 mikelv01 运维
      HAProxy从零开始到掌握HAProxy原理和基本概念haproxy安装配置(笔记一)一.HAProxy是什么HAProxy是一个免费的负载均衡软件。HAProxy提供了L4(TCP)和L7(HTTP)两种负载均衡能力。二.安装和运行2.1创建用户为Haproxy创建用户和用户组，此例用户和用户组都是“ha”。如果想让Haproxy监听1024以下的端口，则需要以root用户来启动。我没有按照网
    • HTML从入门到精通：链接与图像标签全解析 大模型铲屎官 html前端javascript开发语言链接标签图像标签编程
      系列文章目录01-从零开始学HTML：构建网页的基本框架与技巧02-HTML常见文本标签解析：从基础到进阶的全面指南03-HTML从入门到精通：链接与图像标签全解析文章目录系列文章目录前言一、链接与图像标签（HTML标签基础）1.1``标签与超链接基础1.1.1``标签的基本结构示例应用：1.1.2``标签常见属性示例：1.1.3常见问题与解决方案1.2``标签与图像属性（`src`、`alt`）
    • Selenium自动化测试框架 入门与使用 Future_yzx selenium测试工具
      目录1.Selenium简介2.使用Selenium2.1Java使用Selenium2.2Python使用Selenium2.3支持的浏览器及WebDriver3.ChromeDriver的安装3.1查看本机Chrome版本3.2匹配对应的ChromeDriver并下载3.3配置ChromeDriver路径3.4在服务器（如CentOS）上安装ChromeJava中使用Selenium的代码示例
    • Haproxy入门学习二 DawnEillen 学习运维
      一、Haproxy的算法1.haproxy通过固定参数balance指明对后端服务器的调度算法，其中balance参数可以配置在listen或backend选项中2.haproxy的调度算法分为静态和动态调度算法，其中有些算法可以根据参数在静态和动态算法中相互转换3.静态算法：按照事先定义好的规则轮询公平调度不关心后端服务器的当前负载、连接数和响应速度等并且不可以实时修改权重，只能靠重启hapro
    • Robot Framework 测试总结 Change is good 测试框架和工具robotframework
      在2014年结识robotframework，缘于一个偶然的机会。一个测试前辈推荐了robotframework。Robotframework是python语言的测试框架。简单的看了一下介绍，觉得不错，很适合新手入门。而且测试部门的领导也很支持引入开源的自动化测试工具。RobotFramework是一个开源的测试自动化框架，用于验收测试和验收测试驱动开发。它遵循不同的测试用例样式——关键字驱动、行
    • 【日常运维】mongoDB学习-入门介绍-其强大之处以及用武之地 向往风的男子 运维日常DBAmongodb
      本站以分享各种运维经验和运维所需要的技能为主《python零基础入门》：python零基础入门学习《python运维脚本》：python运维脚本实践《shell》：shell学习《terraform》持续更新中：terraform_Aws学习零基础入门到最佳实战《k8》暂未更新《docker学习》暂未更新《ceph学习》ceph日常问题解决分享《日志收集》ELK+各种中间件《运维日常》运维日常《l
    • 【 书生·浦语大模型实战营】学习笔记（五）：LMDeploy 量化部署 GoAI 深入浅出LLM深入浅出AI大模型LLM部署人工智能LMDeploy
      AI学习星球推荐：GoAI的学习社区知识星球是一个致力于提供《机器学习|深度学习|CV|NLP|大模型|多模态|AIGC》各个最新AI方向综述、论文等成体系的学习资料，配有全面而有深度的专栏内容，包括不限于前沿论文解读、资料共享、行业最新动态以、实践教程、求职相关（简历撰写技巧、面经资料与心得）多方面综合学习平台，强烈推荐AI小白及AI1；；爱好者学习，性价比非常高！加入星球➡️点击链接
    • HTML表单深度解析：GET 和 POST 提交方法 大模型铲屎官 html前端HTMLGETPOSTjavascript编程
      系列文章目录01-从零开始学HTML：构建网页的基本框架与技巧02-HTML常见文本标签解析：从基础到进阶的全面指南03-HTML从入门到精通：链接与图像标签全解析04-HTML列表标签全解析：无序与有序列表的深度应用05-HTML表格标签全面解析：从基础到高级优化技巧06-HTML表单深度解析：GET和POST提交方法文章目录系列文章目录前言一、HTML表单的基本概念与元素1.1表单概述1.1.
    • 二分查找排序算法 周凡杨 java二分查找排序算法折半
      一：概念 二分查找又称 折半查找（ 折半搜索/ 二分搜索），优点是比较次数少，查找速度快，平均性能好；其缺点是要求待查表为有序表，且插入删除困难。因此，折半查找方法适用于不经常变动而 查找频繁的有序列表。首先，假设表中元素是按升序排列，将表中间位置记录的关键字与查找关键字比较，如果两者相等，则查找成功；否则利用中间位置记录将表 分成前、后两个子表，如果中间位置记录的关键字大于查找关键字，则进一步
    • java中的BigDecimal bijian1013 javaBigDecimal
              在项目开发过程中出现精度丢失问题，查资料用BigDecimal解决，并发现如下这篇BigDecimal的解决问题的思路和方法很值得学习，特转载。         原文地址：http://blog.csdn.net/ugg/article/de
    • Shell echo命令详解 daizj echoshell
      Shell echo命令 Shell 的 echo 指令与 PHP 的 echo 指令类似，都是用于字符串的输出。命令格式： echo string 您可以使用echo实现更复杂的输出格式控制。 1.显示普通字符串: echo "It is a test" 这里的双引号完全可以省略，以下命令与上面实例效果一致： echo Itis a test 2.显示转义
    • Oracle DBA 简单操作 周凡杨 oracle dba sql
      --执行次数多的SQL select sql_text,executions from (      select sql_text,executions from v$sqlarea order by executions desc      ) where rownum<81;  &nb
    • 画图重绘 朱辉辉33 游戏
        我第一次接触重绘是编写五子棋小游戏的时候，因为游戏里的棋盘是用线绘制的，而这些东西并不在系统自带的重绘里，所以在移动窗体时，棋盘并不会重绘出来。所以我们要重写系统的重绘方法。   在重写系统重绘方法时，我们要注意一定要调用父类的重绘方法，即加上super.paint(g)，因为如果不调用父类的重绘方式，重写后会把父类的重绘覆盖掉，而父类的重绘方法是绘制画布，这样就导致我们
    • 线程之初体验 西蜀石兰 线程
      一直觉得多线程是学Java的一个分水岭，懂多线程才算入门。 之前看《编程思想》的多线程章节，看的云里雾里，知道线程类有哪几个方法，却依旧不知道线程到底是什么？书上都写线程是进程的模块，共享线程的资源，可是这跟多线程编程有毛线的关系，呜呜。。。 线程其实也是用户自定义的任务，不要过多的强调线程的属性，而忽略了线程最基本的属性。 你可以在线程类的run()方法中定义自己的任务，就跟正常的Ja
    • linux集群互相免登陆配置 林鹤霄 linux
      配置ssh免登陆 1、生成秘钥和公钥    ssh-keygen -t rsa 2、提示让你输入，什么都不输，三次回车之后会在~下面的.ssh文件夹中多出两个文件id_rsa 和 id_rsa.pub    其中id_rsa为秘钥，id_rsa.pub为公钥，使用公钥加密的数据只有私钥才能对这些数据解密    c
    • mysql : Lock wait timeout exceeded; try restarting transaction aigo mysql
      原文：http://www.cnblogs.com/freeliver54/archive/2010/09/30/1839042.html   原因是你使用的InnoDB   表类型的时候, 默认参数:innodb_lock_wait_timeout设置锁等待的时间是50s, 因为有的锁等待超过了这个时间,所以抱错.   你可以把这个时间加长,或者优化存储
    • Socket编程 基本的聊天实现。 alleni123 socket
      public class Server { //用来存储所有连接上来的客户 private List<ServerThread> clients; public static void main(String[] args) { Server s = new Server(); s.startServer(9988); } publi
    • 多线程监听器事件模式(一个简单的例子) 百合不是茶 线程监听模式
          多线程的事件监听器模式   监听器时间模式经常与多线程使用,在多线程中如何知道我的线程正在执行那什么内容,可以通过时间监听器模式得到        创建多线程的事件监听器模式 思路:    1, 创建线程并启动,在创建线程的位置设置一个标记     2,创建队
    • spring InitializingBean接口 bijian1013 javaspring
      spring的事务的TransactionTemplate，其源码如下： public class TransactionTemplate extends DefaultTransactionDefinition implements TransactionOperations, InitializingBean{ ... } TransactionTemplate继承了DefaultT
    • Oracle中询表的权限被授予给了哪些用户 bijian1013 oracle数据库权限
              Oracle查询表将权限赋给了哪些用户的SQL，以备查用。 select t.table_name as "表名", t.grantee as "被授权的属组", t.owner as "对象所在的属组"
    • 【Struts2五】Struts2 参数传值 bit1129 struts2
      Struts2中参数传值的3种情况 1.请求参数绑定到Action的实例字段上 2.Action将值传递到转发的视图上 3.Action将值传递到重定向的视图上   一、请求参数绑定到Action的实例字段上以及Action将值传递到转发的视图上 Struts可以自动将请求URL中的请求参数或者表单提交的参数绑定到Action定义的实例字段上，绑定的规则使用ognl表达式语言
    • 【Kafka十四】关于auto.offset.reset[Q/A] bit1129 kafka
      I got serveral questions about  auto.offset.reset. This configuration parameter governs how  consumer read the message from  Kafka when  there is no initial offset in ZooKeeper or
    • nginx gzip压缩配置 ronin47 nginx gzip 压缩范例
      nginx gzip压缩配置 更多 0 nginx gzip 配置   随着nginx的发展，越来越多的网站使用nginx，因此nginx的优化变得越来越重要，今天我们来看看nginx的gzip压缩到底是怎么压缩的呢？ gzip(GNU-ZIP)是一种压缩技术。经过gzip压缩后页面大小可以变为原来的30%甚至更小，这样，用
    • java-13.输入一个单向链表，输出该链表中倒数第 k 个节点 bylijinnan java
      two cursors. Make the first cursor go K steps first. /* * 第 13 题：题目：输入一个单向链表，输出该链表中倒数第 k 个节点 */ public void displayKthItemsBackWard(ListNode head,int k){ ListNode p1=head,p2=head;
    • Spring源码学习-JdbcTemplate queryForObject bylijinnan javaspring
      JdbcTemplate中有两个可能会混淆的queryForObject方法： 1. Object queryForObject(String sql, Object[] args, Class requiredType) 2. Object queryForObject(String sql, Object[] args, RowMapper rowMapper) 第1个方法是只查
    • [冰川时代]在冰川时代,我们需要什么样的技术? comsci 技术
           看美国那边的气候情况....我有个感觉...是不是要进入小冰期了?      那么在小冰期里面...我们的户外活动肯定会出现很多问题...在室内呆着的情况会非常多...怎么在室内呆着而不发闷...怎么用最低的电力保证室内的温度.....这都需要技术手段...   &nb
    • js 获取浏览器型号 cuityang js浏览器
      根据浏览器获取iphone和apk的下载地址 <!DOCTYPE html> <html> <head>     <meta charset="utf-8" content="text/html"/>     <meta name=
    • C# socks5详解 转 dalan_123 socketC#
      http://www.cnblogs.com/zhujiechang/archive/2008/10/21/1316308.html  这里主要讲的是用.NET实现基于Socket5下面的代理协议进行客户端的通讯，Socket4的实现是类似的，注意的事，这里不是讲用C#实现一个代理服务器，因为实现一个代理服务器需要实现很多协议，头大，而且现在市面上有很多现成的代理服务器用，性能又好，
    • 运维 Centos问题汇总 dcj3sjt126com 云主机
      一、sh 脚本不执行的原因 sh脚本不执行的原因 只有2个 1.权限不够 2.sh脚本里路径没写完整。   二、解决You have new mail in /var/spool/mail/root 修改/usr/share/logwatch/default.conf/logwatch.conf配置文件 MailTo = MailFrom   三、查询连接数
    • Yii防注入攻击笔记 dcj3sjt126com sqlWEB安全yii
      网站表单有注入漏洞须对所有用户输入的内容进行个过滤和检查，可以使用正则表达式或者直接输入字符判断，大部分是只允许输入字母和数字的，其它字符度不允许；对于内容复杂表单的内容，应该对html和script的符号进行转义替换：尤其是<,>,',"",&这几个符号 这里有个转义对照表： http://blog.csdn.net/xinzhu1990/articl
    • MongoDB简介[一] eksliang mongodbMongoDB简介
      MongoDB简介 转载请出自出处：http://eksliang.iteye.com/blog/2173288 1.1易于使用        MongoDB是一个面向文档的数据库，而不是关系型数据库。与关系型数据库相比，面向文档的数据库不再有行的概念，取而代之的是更为灵活的“文档”模型。        另外，不
    • zookeeper windows 入门安装和测试 greemranqq zookeeper安装分布式
      一、序言       以下是我对zookeeper 的一些理解：      zookeeper 作为一个服务注册信息存储的管理工具，好吧，这样说得很抽象，我们举个“栗子”。       栗子1号：       假设我是一家KTV的老板，我同时拥有5家KTV，我肯定得时刻监视
    • Spring之使用事务缘由(2-注解实现) ihuning spring
        Spring事务注解实现   1. 依赖包：     1.1 spring包：           spring-beans-4.0.0.RELEASE.jar           spring-context-4.0.0.
    • iOS App Launch Option 啸笑天 option
      iOS 程序启动时总会调用application:didFinishLaunchingWithOptions:，其中第二个参数launchOptions为NSDictionary类型的对象，里面存储有此程序启动的原因。   launchOptions中的可能键值见UIApplication Class Reference的Launch Options Keys节 。 1、若用户直接
    • jdk与jre的区别（_） macroli javajvmjdk
      简单的说JDK是面向开发人员使用的SDK，它提供了Java的开发环境和运行环境。SDK是Software Development Kit 一般指软件开发包，可以包括函数库、编译程序等。  JDK就是Java Development Kit JRE是Java Runtime Enviroment是指Java的运行环境，是面向Java程序的使用者，而不是开发者。 如果安装了JDK，会发同你
    • Updates were rejected because the tip of your current branch is behind qiaolevip 学习永无止境每天进步一点点众观千象git
      $ git push joe prod-2295-1 To [email protected]:joe.le/dr-frontend.git ! [rejected] prod-2295-1 -> prod-2295-1 (non-fast-forward) error: failed to push some refs to '[email protected]
    • [一起学Hive]之十四-Hive的元数据表结构详解 superlxw1234 hivehive元数据结构
      关键字：Hive元数据、Hive元数据表结构   之前在 “[一起学Hive]之一–Hive概述，Hive是什么”中介绍过，Hive自己维护了一套元数据，用户通过HQL查询时候，Hive首先需要结合元数据，将HQL翻译成MapReduce去执行。 本文介绍一下Hive元数据中重要的一些表结构及用途，以Hive0.13为例。   文章最后面，会以一个示例来全面了解一下，
    • Spring 3.2.14，4.1.7，4.2.RC2发布 wiselyman Spring 3
        Spring 3.2.14、4.1.7及4.2.RC2于6月30日发布。   其中Spring 3.2.1是一个维护版本(维护周期到2016-12-31截止)，后续会继续根据需求和bug发布维护版本。此时，Spring官方强烈建议升级Spring框架至4.1.7 或者将要发布的4.2 。   其中Spring 4.1.7主要包含这些更新内容。
    按字母分类： ABCDEFGHIJKLMNOPQRSTUVWXYZ其他