扶摇|
扶摇|

re:从0开始的CSS之旅 16. 高度塌陷问题

1. 高度塌陷问题

高度塌陷问题：在文档流中，父元素的高度默认是被子元素撑开的，子元素多高，父元素就多高。
但是当子元素设置浮动后，我们发现子元素在页面中的位置没变，但是父元素的高度却塌陷了（没有被子元素撑开）
父元素在文档流中一旦发生高度塌陷的问题，将影响整个页面的布局。

因此，高度塌陷的问题我们必须解决！

高度塌陷问题的解决办法：

  1. 可以根据子元素的高度设置父元素的高度，使页面看起来不塌陷
    但是我们有事无法确定父元素的具体高度。因此，不建议使用。
    例如：评论展示、新闻阅读等

  2. BFC（Block Formatting Context）块级格式化上下文
    在W3C标准中，页面元素都有一个隐藏的属性，简称BFC
    开启BFC后，元素将具有以下特点：

    1. 父元素的垂直外边距不会和子元素重叠

    2. 开启BFC的元素不会被浮动元素覆盖

    3. 开启BFC的元素可以包含浮动元素

      如何开启BFC：
      1. 设置元素浮动
      2. 设置元素绝对定位
      3. 设置元素为inline-block
      上述三种方式能解决高度塌陷的问题，但是宽度会丢失，因此不推荐使用
      4. 设置元素的overflow: hidden

  3. clear属性清除浮动，用于清楚浮动对元素造成的影响
    可选值：
    none 不清除浮动（默认值）
    left 清除左侧浮动
    right 清除右侧浮动
    both 清除两侧浮动

思路：
1. 为需要解决高度塌陷问题的父元素再创建一个子元素
因为仅解决高度塌陷问题，因此使用伪元素创建更恰当
2. 该子元素需要清除第一个元素浮动带来的影响
html .clearfix::after, .clearfix::before { content: ""; display: table; clear: both; }

示例如下：

DOCTYPE html>
<html lang="en">

<head>
	<meta charset="UTF-8">
	<meta name="viewport" content="width=device-width, initial-scale=1.0">
	<title>High collapse problemtitle>
	
	.father {
		border: 10px solid red;
	
		/* float: left; */
		/* display: inline-block; */
		/* overflow: hidden; */
	}
	
	.son {
		width: 200px;
		height: 200px;
		background-color: #c7edcc;
	
		/* 设置浮动 */
		float: left;
	}
	
	/* 伪元素创建的元素为行内元素，我们需要将行内元素转换为块元素 */
	/* 该通用代码既可以解决高度塌陷问题，又可以解决垂直外边距合并 */
	.clearfix::after,
	.clearfix::before {
		content: "";
		display: table;
		clear: both;
	}
	
	/* 演示clear清除浮动 */
	/* .outer1 {
		width: 400px;
		height: 400px;
		background-color: #fde6e0;
	
		float: left;
	}
	
	.outer2 {
		width: 300px;
		height: 300px;
		background-color: #dce2f1;
	
		float: right;
	}
	
	.outer3 {
		width: 100px;
		height: 100px;
		background-color: yellowgreen;
	
		clear: both;
	} */
head>

<body>
	<div class="father clearfix">
		<div class="son">div>
	div>

	
body>


html>

你可能感兴趣的:(从0开始的CSS之旅,css,html,前端)

  • 血泪总结 | 主流软件测试流程全攻略：5大阶段、关键产出与避坑指南 做测试的小薄 功能测试敏捷流程团队开发测试工具
    标签：#软件测试#质量保障#测试流程#自动化测试#性能测试引言在软件开发全生命周期中，测试是保障质量的核心环节。本文基于行业主流实践，系统梳理需求分析→测试计划→用例设计→测试执行→交付总结的全流程，结合真实场景案例，详解每个阶段的落地方案、核心产出、避坑指南，助你构建高效可控的质量保障体系。一、需求分析阶段：从模糊到精准的质量起点核心任务参与需求评审与产品、开发团队对齐需求逻辑，例如将模糊描述“
  • Vue.js之MVVM设计模式 炑焽 前端web开发JavaScript核心技术vue.js前端vuejavascript
    前言看到招聘信息网站上有对MVVM框架经验的需求，刚好曾有过这方面的笔记，在复习的同时总结核心知识点分析给大家。MVVM是可以实现View和Model的完全分离，通过ViewModel这个桥梁进行交互，然后ViewModel通过双向数据绑定把View层和Model层连接起来，而View层和Model层之间的通信则完全由ViewModel负责。一、MVC设计模式与MVVM设计模式，vue.js1、什
  • 云计算中的“按需扩展”和“自动扩展”有何不同？ 云上的阿七 云计算
    在云计算中，“按需扩展”（On-DemandScaling）和“自动扩展”（AutoScaling）都是提升系统灵活性的重要机制，但它们在触发方式、控制方式和应用场景上有所不同。1.按需扩展（On-DemandScaling）概念：按需扩展是指手动调整计算资源的规模，以适应业务需求。例如，当访问量增长时，管理员可以手动添加服务器；当负载降低时，手动释放资源，以控制成本。特点：触发方式：由运维人员或
  • uniapp - 详细手机端h5网页调用手机摄像头进行二维码识别扫描，在uniapp的H5移动端微信网页平台中，在浏览器中调用手机扫码功能详细教程，识别二维码并获取扫描结果（完整示例源码，一键复制即用 街尾杂货店& 前端组件与功能(开箱即用)uniapph5移动端手机网页扫码功能教程调用手机摄像头进行二维码识别扫h5平台如何实现微信扫一扫功能uniapp扫描二维码获取结果uniapp手机端网页扫二维码浏览器中怎么调用摄像头进行扫码
    效果图正常情况下，使用uniapp扫码API是不行的，因为不支持h5端。在uniapph5移动端网页项目中，实现了浏览器中调用手机摄像头扫码功能，uniapp手机网页H5扫描二维码功能实现，uni-apph5端调用摄像头扫码，提供完整可运行的代码。uniappVue3和Vue2都能用，跟着本文的步骤，复制源代码后运行改下就行了。步骤1首先来看一下，
  • 数据中心资源管理深度解析（上） 数据中心运维高级工程师 运维数据库大数据安全
    引言随着数据量的爆发式增长和业务需求的多样化，数据中心的资源管理面临着前所未有的挑战。如何高效地管理数据中心的资源，确保资源的合理分配、高效利用和可持续发展，已成为每一个数据中心管理者必须面对的问题。本文将深入探讨数据中心资源管理的各个方面，包括其目的、适用范围、遵循标准、组织架构及职责，以及资源管理的具体内容、原则和实现方法，旨在为从业者提供一份全面、实用的指南。一、数据中心资源管理的目的数据中
  • 前端开发手册大全 而 已 webjavascriptcsshtmljquerycss3
    web前端开发手册大全(学习参考)html中文中文参考手册：https://www.html.cn/shouce/html/1.htmlJavaScript中文参考手册：https://www.html.cn/shouce/js/11.htmlCSS3.0参考手册：https://www.html.cn/doc/css3/CSS教程手册（新）：https://www.html.cn/book/cs
  • 设计稿转代码技术原理深度解析 寒鸦xxx 科技研究所css前端
    一、设计稿转代码技术概述1.历史来源设计稿转代码（DesigntoCode,D2C）技术起源于低代码运动和设计系统的普及。早期前端开发依赖手工编码还原设计稿，效率低下且易出错。2010年代，随着Figma、Sketch等矢量设计工具的标准化，其基于JSON的结构化数据存储（如Figma的节点树）为自动化转码奠定了基础。2018年后，阿里Imgcook、微软Sketch2Code等工具首次将AI算法
  • 深度科普 - 大名鼎鼎的bun.js到底是什么? 它能否替代node.js? 是否能成为前端生态的未来? 寒鸦xxx 科技研究所前端javascriptnode.js
    什么是bun?聪明的小伙伴们,你们在接触bun时是否有过这样的疑问呢?bun.js是什么?它是如何诞生的?跟node.js的区别是什么?有什么优势?目前的发展情况如何了?他是否是前端的未来?随便在网上一搜索网页可能会告诉你:Bun.js定位为Node.js的现代化替代品。它集成了运行时、包管理器、构建工具、测试框架等核心功能，并原生支持TypeScript、JSX和WebAPI…但是如果直接把bu
  • Rocky Linux 8.5 6G内存 静默模式(没图形界面)安装Oracle 19C 三生暮雨渡瀟瀟 Oracleoracle
    Oracle19c下载地址DatabaseSoftwareDownloads|Oraclehttps://www.oracle.com/database/technologies/oracle-database-software-downloads.html#db_ee目录一、准备服务器1、服务器可以克隆、自己装2、修改主机名3、重启4、关闭selinux5、关闭防火墙5.1、关闭防火墙5.2、设
  • 我们为什么需要服务发现？服务发现的基本概念和流程，并通过实践案例说明如何利用服务发现构建微服务架构 Why Do We Need Service Discovery? AI天才研究院 Python实战自然语言处理人工智能语言模型编程实践开发语言架构设计
    作者：禅与计算机程序设计艺术1.简介在现代分布式系统架构中，服务发现（ServiceDiscovery）在微服务架构、云计算和容器化架构等方面扮演着至关重要的角色。服务发现旨在根据服务名、IP地址或其他标识符动态查找服务提供者的位置信息，包括网络地址、端口号、协议类型、QoS参数等。通常情况下，客户端应用需要通过服务发现模块获取服务提供者的可用性信息，并选择合适的服务实例进行访问，从而实现分布式系
  • OpenELB原理及最佳实践 唐唐爱吃糖111 云原生k8sdockergo云计算
    一、OpenELB介绍网址：openelb.ioOpenELB是一个开源的云原生负载均衡器实现，可以在基于裸金属服务器、边缘以及虚拟化的Kubernetes环境中使用LoadBalancer类型的Service对外暴露服务。OpenELB项目最初由KubeSphere社区发起，目前已作为CNCF沙箱项目加入CNCF基金会，由OpenELB开源社区维护与支持。与MetalLB类似，OpenELB也拥
  • 一文看懂 DeepSeek 版本全解析 奔跑吧邓邓子 项目实战人工智能deepseek版本
    目录一、DeepSeek：AI领域的闪耀新星二、各版本深度剖析（一）DeepSeek-V1：初露锋芒（二）DeepSeek-V2系列：性能进阶（三）DeepSeek-V2.5系列：能力提升（四）DeepSeek-V3系列：卓越性能（五）DeepSeek-R1系列：推理强者三、1.5B、7B等分类的奥秘（一）参数规模决定能力（二）适用场景各有不同四、DeepSeek版本发展趋势五、总结一、DeepS
  • MongoDB Chunks核心概念与机制 恬淡虚无真气从之 mongodb数据库
    1.基础定义‌‌Chunk（块）‌：MongoDB分片集群中数据的逻辑存储单元，由一组连续的片键（ShardKey）范围数据组成，默认大小为‌64MB‌（可调整范围为1-1024MB）‌。‌数据分布逻辑‌：分片集群通过记录Chunk与分片（Shard）的映射关系管理数据存储，而非直接跟踪每条数据的位置‌。2.Chunk生命周期‌‌初始状态‌新分片的集合默认生成一个覆盖全片键范围（[minKey,m
  • PowerShell中无法运行pnpm命令 一只小姜丝332 vue.js前端
    项目场景：PowerShell中无法运行pnpm命令，而在cmd中却能运行。问题描述pnpm:无法加载文件D:\webAPP\nodejs\pnpm.ps1，因为在此系统上禁止运行脚本。有关详细信息，请参阅https:/go.microsoft.com/fwlink/?LinkID=135170中的about_Execution_Policies。原因分析：当你在Windows系统上尝试使用pnp
  • maven的基本思想与基本操作 无足鸟丶 mavenjava
    Maven是一个强大的项目管理和构建自动化工具，广泛应用于Java项目开发中。以下是Maven的一些常用知识：基本概念项目对象模型（POM）：Maven项目的核心是pom.xml文件，它是一个XML文件，描述了项目的基本信息（如项目名称、版本、开发者等）、依赖关系、构建配置等。通过pom.xml，Maven可以了解项目的结构和需求，从而进行相应的构建和管理操作。约定优于配置：Maven遵循约定优于
  • 线程wait后的等待队列 DanceDonkey java开发语言
    常规情况在Java里，无论是使用Object类的wait()、notify()、notifyAll()方法，还是使用ReentrantLock搭配Condition的await()、signal()、signalAll()方法，基本遵循“哪个对象调用wait/await，线程就进入该对象对应的等待队列，且需由该对象来唤醒”的规则。使用Object的wait()、notify()、notifyAll
  • 深度实测！如何用DeepSeek一键生成全栈项目代码？这5个技巧让你少写80%的代码 阿三0404 人工智能机器学习深度学习c5全栈
    导语：从怀疑到真香，一个全栈开发者的DeepSeek实测之路“最近程序员圈被DeepSeek刷屏了，有人用它3天搞定一个项目，也有人吐槽生成的代码漏洞百出。作为一名同时维护5个企业级项目的全栈工程师，我决定花一周时间深度实测，从登录页面到微服务架构，全面验证它的代码生成能力。结果令人震惊：**合理使用DeepSeek后，我的日常编码工作量减少了80%！**本文将分享我的踩坑经验、5个核心技巧，以及
  • Maven 私服的搭建与使用（二） 计算机毕设定制辅导-无忧学长 #Mavenmavenjava
    四、使用Maven私服4.1将本地Maven仓库迁移到私服为了更高效地利用私服，我们可以将本地已有的Maven仓库迁移到私服中。这里我们使用迁移工具migrate-local-repo-tool.jar，你可以从相关官方渠道或可靠的资源平台获取该工具。在命令行中执行以下命令进行依赖迁移：java-jarmigrate-local-repo-tool.jar-cd"C:/Users/youruser
  • 数据结构与算法必知基础知识 程序员bigsai 文章精选数据结构与算法数据结构算法数据结构与算法
    原创公众号：bigsai文章已收录在全网都在关注的数据结构与算法学习仓库欢迎star前言数据结构与算法是程序员内功体现的重要标准之一，且数据结构也应用在各个方面，业界更有程序=数据结构+算法这个等式存在。各个中间件开发者，架构师他们都在努力的优化中间件、项目结构以及算法提高运行效率和降低内存占用，在这里数据结构起到相当重要的作用。此外数据结构也蕴含一些面向对象的思想，故学好掌握数据结构对逻辑思维处
  • 前端入门实践手册 千篇不一律 前端node.jsvue.js
    文章目录最简单的node服务器最简单的node服务器参考视频教学链接：https://www.zhihu.com/zvideo/1323742450507354112consthttp=require('http');//1、创建一个httpserver服务http.createServer(function(request,response){//这是请求头response.writeHead(
  • Maven 私服的搭建与使用（一） 计算机毕设定制辅导-无忧学长 #Mavenmavenjava
    一、引言在Java项目开发中，Maven作为强大的项目管理和构建工具，极大地提高了开发效率，而Maven私服在开发过程中也扮演着至关重要的角色。私服是一种特殊的远程仓库，架设在局域网内，代理广域网上的远程仓库，供局域网内的Maven用户使用。当Maven需要下载构件时，它首先从私服请求，如果私服上不存在该构件，才从外部的远程仓库下载，缓存在私服上之后，再为Maven的下载请求提供服务。搭建Mave
  • 模板注入漏洞（SSTI）学习笔记 栀寒老醑 学习笔记网络安全安全web安全系统安全安全架构
    模板注入漏洞（SSTI）学习笔记1.模板注入简介什么是模板引擎？模板引擎用于将动态数据渲染到静态页面（如HTML）。例如，Jinja2（Python）、Twig（PHP）等。示例：#Flask中使用Jinja2渲染模板fromflaskimportrender_template@app.route('/')defindex():user_input=request.args.get('name')
  • 【图像去噪】论文复现：真实噪声转高斯噪声，提升高斯噪声训练的模型性能！Learning to Translate Noise的Pytorch源码复现，跑通流程，框架结构和损失函数详解！ 十小大 pytorch人工智能python图像去噪图像处理深度学习计算机视觉
    请先看【专栏介绍文章】：【图像去噪（ImageDenoising）】关于【图像去噪】专栏的相关说明，包含适配人群、专栏简介、专栏亮点、阅读方法、定价理由、品质承诺、关于更新、去噪概述、文章目录、资料汇总、问题汇总（更新中）完整代码和训练好的模型权重文件下载链接见本文底部，订阅专栏免费获取！本文亮点：跑通LearningtoTranslateNoise源码，包含基于BasicSR的训练和测试代码，得
  • https 单向认证和双向认证 时空掠影 API数字安全Kotlinhttps网络协议javapythonfastapigophp
    单向认证单向认证是客户端（通常是浏览器）验证服务器的身份。服务器向客户端提供数字证书，客户端通过验证该证书的真实性来确认与服务器的连接是安全的。服务器提供证书：服务器向客户端提供一个数字证书，用于验证服务器的身份。客户端验证服务器：客户端验证服务器的证书，确保服务器的真实性。只验证服务器：客户端不需要提供证书，服务器也不验证客户端的身。importrequestsurl="https://exam
  • MySQL WHERE 子句 Mr_One_Zhang 学习mysqlmysql数据库
    我们知道从MySQL表中使用SELECT语句来读取数据。如需有条件地从表中选取数据，可将WHERE子句添加到SELECT语句中。WHERE子句用于在MySQL中过滤查询结果，只返回满足特定条件的行。语法以下是SQLSELECT语句使用WHERE子句从数据表中读取数据的通用语法：SELECTcolumn1,column2,...FROMtable_nameWHEREcondition;参数说明：co
  • vue3+element plus@2.8.8 el-drawer在父组件内打开 md3356 前端elementuivue.js
    解决问题后自存一下，这种小问题容易忘记遇到的问题：el-drawer默认附到body，使用append-to-body=false也无效内容内容核心问题：drawer_container和el-drawer中间其实还会自动添加一个div包裹住el-drawer，并且在element@2.8.8中没有class了，之前是el-overlay。解决方法：找到drawer_container的直接子节点
  • 代码管理软件对比：探寻适合你的平台 kuaile0906 源代码管理giteedevopsci/cd开源
    在软件开发的广阔天地里，代码管理软件扮演着至关重要的角色，它就像一位细心的管家，妥善地管理着代码的版本、协作开发的流程等诸多事务。市面上有众多代码管理软件可供选择，每一款都有其独特的魅力与优势。今天，我们就来详细对比一下其中较为知名的几款，包括Gitee、GitHub、Bitbucket、SourceForge和AzureDevOps。一、Gitee（码云）：本土化开发的首选平台Gitee是中国开
  • 大疆无人机上云API：Java代码实战全攻略 小韩学长yyds 无人机无人机java开发语言
    ✨✨✨这里是小韩学长yyds的BLOG✨✨✨想要了解更多内容可以访问我的主页小韩学长yyds目录开发前的准备上云API基础认知Java开发环境配置获取API凭证与身份验证核心代码实战-功能实现（一）无人机基本信息获取（二）飞行控制功能实现（三）相机控制与数据获取（四）实时数据监控与处理案例实践-具体应用场景开发常见问题与解决方法开发前的准备在使用上云API对大疆无人机进行Java代码二次开发之前，
  • 【数据结构与算法】试卷一 Want595 C语言数据结构与算法算法数据结构链表
    目录试卷一1.选择题2.填空题3.判断题其他试卷试卷一1.选择题1.计算机算法指的是（）A.计算方法B.排序方法C.解决问题的有限运算序列D.调度方法2.表达式a*(b+c)-d的后缀表达式是（）A.abcd+-B.abc+*d-C.abc*+d-D.-+*abcd3.一个栈的入栈序列是a,b,c,d,e，则栈的不可能的输出序列是（）A.edcbaB.decbaC.dceabD.abcde4.非空
  • 为什么高校都在大规模使用嵌入式仿真实验教学平台做嵌入式教学？ 嵌入式仿真实验教学平台 单片机嵌入式硬件linux人工智能嵌入式实时数据库物联网
    近年来，嵌入式仿真实验教学平台在高校中迅速普及，成为电子信息类、自动化类等专业的核心教学工具。无论是课程设计、科研项目，还是学科竞赛，这一平台都展现出独特的价值。本文将从技术趋势、教学痛点、平台优势等多个角度，解析高校大规模采用嵌入式仿真实验教学平台背后的深层原因，并为开发者推荐这一高效学习工具。一、破解传统教学痛点：从“纸上谈兵”到“实战练兵”传统嵌入式教学长期面临三大难题：硬件依赖高，成本压力
  • VMware Workstation 11 或者 VMware Player 7安装MAC OS X 10.10 Yosemite iwindyforest vmwaremac os10.10workstationplayer
    最近尝试了下VMware下安装MacOS 系统， 安装过程中发现网上可供参考的文章都是VMware Workstation 10以下， MacOS X 10.9以下的文章， 只能提供大概的思路， 但是实际安装起来由于版本问题， 走了不少弯路， 所以我尝试写以下总结， 希望能给有兴趣安装OSX的人提供一点帮助。     写在前面的话： 其实安装好后发现， 由于我的th
  • 关于《基于模型驱动的B/S在线开发平台》源代码开源的疑虑？ deathwknight JavaScriptjava框架
    本人从学习Java开发到现在已有10年整，从一个要自学 java买成javascript的小菜鸟，成长为只会java和javascript语言的老菜鸟（个人邮箱：deathwknight@163.com） 一路走来，跌跌撞撞。用自己的三年多业余时间，瞎搞一个小东西（基于模型驱动的B/S在线开发平台，非MVC框架、非代码生成）。希望与大家一起分享，同时有许些疑虑，希望有人可以交流下 平台
  • 如何把maven项目转成web项目 Kai_Ge mavenMyEclipse
    创建Web工程，使用eclipse ee创建maven web工程 1.右键项目,选择Project Facets,点击Convert to faceted from 2.更改Dynamic Web Module的Version为2.5.(3.0为Java7的,Tomcat6不支持). 如果提示错误,可能需要在Java Compiler设置Compiler compl
  • 主管？？？ Array_06 工作
    转载：http://www.blogjava.net/fastzch/archive/2010/11/25/339054.html 很久以前跟同事参加的培训，同事整理得很详细，必须得转！ 前段时间，公司有组织中高阶主管及其培养干部进行了为期三天的管理训练培训。三天的课程下来，虽然内容较多，因对老师三天来的课程内容深有感触，故借着整理学习心得的机会，将三天来的培训课程做了一个
  • python内置函数大全 2002wmj python
    最近一直在看python的document，打算在基础方面重点看一下python的keyword、Build-in Function、Build-in Constants、Build-in Types、Build-in Exception这四个方面，其实在看的时候发现整个《The Python Standard Library》章节都是很不错的，其中描述了很多不错的主题。先把Build-in Fu
  • JSP页面通过JQUERY合并行 357029540 JavaScriptjquery
    在写程序的过程中我们难免会遇到在页面上合并单元行的情况，如图所示 如果对于会的同学可能很简单，但是对没有思路的同学来说还是比较麻烦的，提供一下用JQUERY实现的参考代码 function mergeCell(){         var trs = $("#table tr"); &nb
  • Java基础 冰天百华 java基础
    学习函数式编程 package base; import java.text.DecimalFormat; public class Main { public static void main(String[] args) { // Integer a = 4; // Double aa = (double)a / 100000; // Decimal
  • unix时间戳相互转换 adminjun 转换unix时间戳
    如何在不同编程语言中获取现在的Unix时间戳(Unix timestamp)？ Java time JavaScript Math.round(new Date().getTime()/1000) getTime()返回数值的单位是毫秒 Microsoft .NET / C# epoch = (DateTime.Now.ToUniversalTime().Ticks - 62135
  • 作为一个合格程序员该做的事 aijuans 程序员
    作为一个合格程序员每天该做的事 1、总结自己一天任务的完成情况 最好的方式是写工作日志，把自己今天完成了什么事情，遇见了什么问题都记录下来，日后翻看好处多多 2、考虑自己明天应该做的主要工作 把明天要做的事情列出来，并按照优先级排列，第二天应该把自己效率最高的时间分配给最重要的工作 3、考虑自己一天工作中失误的地方，并想出避免下一次再犯的方法 出错不要紧，最重
  • 由html5视频播放引发的总结 ayaoxinchao html5视频video
    前言   项目中存在视频播放的功能，前期设计是以flash播放器播放视频的。但是现在由于需要兼容苹果的设备，必须采用html5的方式来播放视频。我就出于兴趣对html5播放视频做了简单的了解，不了解不知道，水真是很深。本文所记录的知识一些浅尝辄止的知识，说起来很惭愧。   视频结构   本该直接介绍html5的<video>的，但鉴于本人对视频
  • 解决httpclient访问自签名https报javax.net.ssl.SSLHandshakeException: sun.security.validat bewithme httpclient
         如果你构建了一个https协议的站点，而此站点的安全证书并不是合法的第三方证书颁发机构所签发，那么你用httpclient去访问此站点会报如下错误   javax.net.ssl.SSLHandshakeException: sun.security.validator.ValidatorException: PKIX path bu
  • Jedis连接池的入门级使用 bijian1013 redisredis数据库jedis
    Jedis连接池操作步骤如下：         a.获取Jedis实例需要从JedisPool中获取；         b.用完Jedis实例需要返还给JedisPool；         c.如果Jedis在使用过程中出错，则也需要还给JedisPool； packag
  • 变与不变 bingyingao 不变变亲情永恒
    变与不变    周末骑车转到了五年前租住的小区，曾经最爱吃的西北面馆、江西水饺、手工拉面早已不在，    各种店铺都换了好几茬，这些是变的。    三年前还很流行的一款手机在今天看起来已经落后的不像样子。    三年前还运行的好好的一家公司，今天也已经不复存在。    一座座高楼拔地而起，
  • 【Scala十】Scala核心四：集合框架之List bit1129 scala
    Spark的RDD作为一个分布式不可变的数据集合，它提供的转换操作，很多是借鉴于Scala的集合框架提供的一些函数，因此，有必要对Scala的集合进行详细的了解   1. 泛型集合都是协变的，对于List而言，如果B是A的子类，那么List[B]也是List[A]的子类，即可以把List[B]的实例赋值给List[A]变量   2. 给变量赋值(注意val关键字，a，b
  • Nested Functions in C bookjovi cclosure
      Nested Functions 又称closure，属于functional language中的概念，一直以为C中是不支持closure的，现在看来我错了，不过C标准中是不支持的，而GCC支持。   既然GCC支持了closure，那么 lexical scoping自然也支持了，同时在C中label也是可以在nested functions中自由跳转的
  • Java-Collections Framework学习与总结-WeakHashMap BrokenDreams Collections
            总结这个类之前，首先看一下Java引用的相关知识。Java的引用分为四种：强引用、软引用、弱引用和虚引用。         强引用：就是常见的代码中的引用，如Object o = new Object();存在强引用的对象不会被垃圾收集
  • 读《研磨设计模式》-代码笔记-解释器模式-Interpret bylijinnan java设计模式
    声明： 本文只为方便我个人查阅和理解，详细的分析以及源代码请移步 原作者的博客http://chjavach.iteye.com/ package design.pattern; /* * 解释器（Interpreter）模式的意图是可以按照自己定义的组合规则集合来组合可执行对象 * * 代码示例实现XML里面1.读取单个元素的值 2.读取单个属性的值 * 多
  • After Effects操作&快捷键 cherishLC After Effects
    1、快捷键官方文档 中文版：https://helpx.adobe.com/cn/after-effects/using/keyboard-shortcuts-reference.html 英文版：https://helpx.adobe.com/after-effects/using/keyboard-shortcuts-reference.html 2、常用快捷键
  • Maven 常用命令 crabdave maven
    Maven 常用命令   mvn archetype:generate mvn install mvn clean mvn clean complie mvn clean test mvn clean install mvn clean package mvn test mvn package mvn site   mvn dependency:res
  • shell bad substitution daizj shell脚本
    #!/bin/sh /data/script/common/run_cmd.exp 192.168.13.168 "impala-shell -islave4 -q 'insert OVERWRITE table imeis.${tableName} select ${selectFields}, ds, fnv_hash(concat(cast(ds as string), im
  • Java SE 第二讲（原生数据类型 Primitive Data Type） dcj3sjt126com java
    Java SE  第二讲： 1.   Windows: notepad, editplus, ultraedit, gvim Linux: vi, vim, gedit 2.   Java 中的数据类型分为两大类： 1）原生数据类型  （Primitive Data Type） 2）引用类型（对象类型）  （R
  • CGridView中实现批量删除 dcj3sjt126com PHPyii
    1，CGridView中的columns添加 array( 'selectableRows' => 2, 'footer' => '<button type="button" onclick="GetCheckbox();" style=&
  • Java中泛型的各种使用 dyy_gusi java泛型
    Java中的泛型的使用：1.普通的泛型使用 在使用类的时候后面的<>中的类型就是我们确定的类型。 public class MyClass1<T> {//此处定义的泛型是T private T var; public T getVar() { return var; } public void setVa
  • Web开发技术十年发展历程 gcq511120594 Web浏览器数据挖掘
    回顾web开发技术这十年发展历程： Ajax 03年的时候我上六年级，那时候网吧刚在小县城的角落萌生。传奇，大话西游第一代网游一时风靡。我抱着试一试的心态给了网吧老板两块钱想申请个号玩玩，然后接下来的一个小时我一直在，注，册，账，号。 彼时网吧用的512k的带宽，注册的时候，填了一堆信息，提交，页面跳转，嘣，”您填写的信息有误，请重填”。然后跳转回注册页面，以此循环。我现在时常想，如果当时a
  • openSession()与getCurrentSession()区别： hetongfei javaDAOHibernate
    来自 http://blog.csdn.net/dy511/article/details/6166134 1.getCurrentSession创建的session会和绑定到当前线程,而openSession不会。 2. getCurrentSession创建的线程会在事务回滚或事物提交后自动关闭,而openSession必须手动关闭。 这里getCurrentSession本地事务(本地
  • 第一章 安装Nginx+Lua开发环境 jinnianshilongnian nginxluaopenresty
    首先我们选择使用OpenResty，其是由Nginx核心加很多第三方模块组成，其最大的亮点是默认集成了Lua开发环境，使得Nginx可以作为一个Web Server使用。借助于Nginx的事件驱动模型和非阻塞IO，可以实现高性能的Web应用程序。而且OpenResty提供了大量组件如Mysql、Redis、Memcached等等，使在Nginx上开发Web应用更方便更简单。目前在京东如实时价格、秒
  • HSQLDB In-Process方式访问内存数据库 liyonghui160com
        HSQLDB一大特色就是能够在内存中建立数据库，当然它也能将这些内存数据库保存到文件中以便实现真正的持久化。   先睹为快！   下面是一个In-Process方式访问内存数据库的代码示例：     下面代码需要引入hsqldb.jar包 （hsqldb-2.2.8）   import java.s
  • Java线程的5个使用技巧 pda158 java数据结构
    Java线程有哪些不太为人所知的技巧与用法？ 　　萝卜白菜各有所爱。像我就喜欢Java。学无止境，这也是我喜欢它的一个原因。日常 工作中你所用到的工具，通常都有些你从来没有了解过的东西，比方说某个方法或者是一些有趣的用法。比如说线程。没错，就是线程。或者确切说是Thread这个类。当我们在构建高可扩展性系统的时候，通常会面临各种各样的并发编程的问题，不过我们现在所要讲的可能会略有不同。
  • 开发资源大整合：编程语言篇——JavaScript（1） shoothao JavaScript
    概述：本系列的资源整合来自于github中各个领域的大牛，来收藏你感兴趣的东西吧。     程序包管理器   管理javascript库并提供对这些库的快速使用与打包的服务。 Bower - 用于web的程序包管理。 component - 用于客户端的程序包管理，构建更好的web应用程序。 spm - 全新的静态的文件包管
  • 避免使用终结函数 vahoa.ma javajvmC++
    终结函数（finalizer）通常是不可预测的，常常也是很危险的，一般情况下不是必要的。使用终结函数会导致不稳定的行为、更差的性能，以及带来移植性问题。不要把终结函数当做C++中的析构函数（destructors）的对应物。       我自己总结了一下这一条的综合性结论是这样的： 1）在涉及使用资源，使用完毕后要释放资源的情形下，首先要用一个显示的方
按字母分类： ABCDEFGHIJKLMNOPQRSTUVWXYZ其他