小猪弟
小猪弟

CSS基础：flex布局子元素被撑大（文本省略号）

文本撑大子盒子

在使用flex布局中，会有下面这样一个问题。

这种问题不但会让盒子撑大，而且还有自己在再使用超过文本长度使用省略号的时候，也会再拉动窗口的时候，变的没有效果。

如下：

DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width,initial-scale=1,minimum-scale=1,maximum-scale=1,user-scalable=no">
    <title>测试文档title>
    <style>
        .box{
            height: 100px;
            display: flex;
            background-color: #55a532;
            overflow: hidden;
        }
        .box div{

            flex: 1;
            background-color: blue;
            border: 1px solid black;
        }


    style>
head>
<body>
<div class="box1">
    <div>1div>
    <div>22222222222222222222222222222222222div>

    <div>3div>
div>

body>
html>

CSS基础：flex布局子元素被撑大（文本省略号）_第1张图片

既然你搜索本篇文章，自然知道单独添加overflow: hidden;等操作都是无效的。

这个时候，目前最常用的方式，就在文本多的那个子元素中加入：

width:0;

演示：

DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width,initial-scale=1,minimum-scale=1,maximum-scale=1,user-scalable=no">
    <title>测试文档title>
    <style>
        .box{
            height: 100px;
            display: flex;
            background-color: #55a532;
        }
        .box div{
            flex: 1;
            background-color: blue;
            border: 1px solid black;
        }
        #test{
            width: 0;
            text-overflow: ellipsis;
            overflow: hidden;
            white-space: nowrap;
        }

    style>
head>
<body>
<div class="box">
    <div>1div>
    <div id="test">22222222222222222222222222222222222div>

    <div>3div>
div>

body>
html>

CSS基础：flex布局子元素被撑大（文本省略号）_第2张图片

解决的原理是什么

看似解决问题，但是为什么必须写宽度为0呢？

比如： width: 2000px;看效果如何？

DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width,initial-scale=1,minimum-scale=1,maximum-scale=1,user-scalable=no">
    <title>测试文档title>
    <style>
        .box{
            height: 100px;
            display: flex;
            background-color: #55a532;
        }
        .box div{
            flex: 1;
            background-color: blue;
            border: 1px solid black;
        }
        #test{

            width: 2000px;
            text-overflow: ellipsis;
            overflow: hidden;
            white-space: nowrap;
        }

    style>
head>
<body>
<div class="box">
    <div>1div>
    <div id="test">22222222222222222222222222222222222div>
    <div>3div>
div>

body>
html>

CSS基础：flex布局子元素被撑大（文本省略号）_第3张图片

竟然也可以，那么说明和设置的宽度没有关系，那么再大胆的搞一下：

将第二个子元素div标签变成p标签.




    
    
    测试文档
    




    
1

    
22222222222222222222222222222222222

    
3

看一下结果：

CSS基础：flex布局子元素被撑大（文本省略号）_第4张图片

竟然变了，所以就要研究一下div标签和p标签在过程中最大的区别就是没有设置：flex:1;

所以加上：

DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width,initial-scale=1,minimum-scale=1,maximum-scale=1,user-scalable=no">
    <title>测试文档title>
    <style>
        .box{
            height: 100px;
            display: flex;
            background-color: #55a532;
        }
        .box div{
            flex: 1;
            background-color: blue;
            border: 1px solid black;
        }
        #test{
           flex: 1;
            width: 2000px;
            text-overflow: ellipsis;
            overflow: hidden;
            white-space: nowrap;
        }

    style>
head>
<body>
<div class="box">
    <div>1div>
    <p id="test">22222222222222222222222222222222222p>
    <div>3div>
div>

body>
html>

CSS基础：flex布局子元素被撑大（文本省略号）_第5张图片

现在可以看出，可以实现了。

总结：

  • 再同时设置宽度（width）和（flex:数值）的时候，默认是flex权限比单独设置宽度高，所以采用flex的属性。
  • 如果只是单独是flex:数值定义宽度的时候，就会被子类中的文字撑大。因为width虽然不会对宽度生效，但是会告诉浏览器这个是一个固定的宽度，不要让自己的子元素给撑大了。

一句话概括就是：flex决定了宽度，而width决定是否可以撑大。

你可能感兴趣的:(CSS,CSS3,flex,撑大,省略号,flex布局)

  • css 浮动在最上层_css样式如何控制div到最顶层 Xpc1 css浮动在最上层
    展开全部1、新建一个html文件，命名为test.html2、在test.html文件内，使用css设置页面所有的div宽度为300px，高度为300px，div的位置为绝对定位。e68a8432313133353236313431303231363533313334313663343、在test.html文件内，创建三个div，并用文字标识，分别为底层div、中层div、最顶层div。4、在te
  • 华为OD机试E卷 --最大值--24年OD统一考试（Java & JS & Python & C & C++） 飞码创造者 最新华为OD机试题库2024华为odjavajavascriptpythonc语言
    文章目录题目描述输入描述输出描述用例题目解析JS算法源码Java算法源码python算法源码c算法源码c++算法源码题目描述给定—组整数(非负)，重排顺序后输出一个最大的整数。示例1输入:[10,9]输出:910说明:输出结果可能非常大，所以你需要返回一个字符串而不是整数。输入描述数字组合输出描述最大的整数用例输入109输出910说明无题目解析给定一组非负整数，我们需要对这些整数进行重排，使得重新
  • 我爱我的小猫咪 css
    小猫咪就像一个毛茸茸的小精灵，闯入了我们的生活。我养的小猫咪叫雪球，它全身洁白如雪。它的眼睛像两颗蓝色的宝石，透着机灵劲儿。雪球有一个很有趣的习性，就是特别爱睡觉。每天它都会找到一个舒适的角落，比如阳台上的小纸箱里，蜷缩成一团呼呼大睡。有时候它还会在睡梦中挥舞爪子，就像在做美梦一样。它还很调皮，经常会把家里的东西弄乱。有一次我发现它把桌上的纸巾扯得到处都是。但它也很可爱，当我不开心的时候，它会喵喵
  • ARM和x86区别 qq_34385566
    作者：波心荡链接：https://www.zhihu.com/question/20148756/answer/103220283来源：知乎著作权归作者所有。商业转载请联系作者获得授权，非商业转载请注明出处。多方位对比ARM和x86CPU两大架构现在发展如何？附全文随便逮住一个人问他知不知道CPU，我想他的答案一定会是肯定的，但是如果你再问他知道ARM和X86架构么？这两者的区别又是什么？绝大多数
  • 只有 1% 的开发人员能在 60 秒内找到代码中的错误
    CSS技巧与案例详解vue2与vue3技巧合集VueUse源码解读下面这段简单的JavaScript代码里藏着一个不起眼但足以让人抓狂的错误：functiongetResult(a,b){return{result:a+b};}console.log(getResult(2,3));//结果真的是5吗？表面看上去，这只是一个“把两个数相加，然后返回对象”的函数，可实际运行后却并非预期的{resul
  • Debug智能体对比传统Debug的优势在哪？
    文心快码(BaiduComate)是基于百度文心大模型，在研发全流程全场景下为开发者提供辅助建议的智能代码助手。结合百度积累多年的编程现场大数据、外部优秀开源数据，可为开发者生成更符合实际研发场景的优秀代码，提升编码效率，释放“十倍”软件生产力。如果您对【文心快码企业版】感兴趣，希望获取更多详细信息，点击进入企业服务咨询我们会尽快安排专业人员与您取得联系！我们期待与您建立联系，为您的企业带来更高效
  • 题解：任务总执行时长 c++
    题解题目描述任务编排服务需要对两种不同执行时长的任务进行调度。在每次编排中，任务有两种类型：第1种任务执行时长为taskA。第2种任务执行时长为taskB。每次可以编排的任务个数为num，并且每次编排中，任务的顺序和任务的类型可以自由组合。我们需要输出所有可能的总执行时长，并且要求这些时长按从小到大的顺序排列。解题思路问题分析：给定taskA和taskB的执行时长，以及num个任务的总数，任务的组
  • OP-TEE环境飞腾密码引擎编程指南 安全芯片运维linux内核
    【写在前面】飞腾开发者平台是基于飞腾自身强大的技术基础和开放能力，聚合行业内优秀资源而打造的。该平台覆盖了操作系统、算法、数据库、安全、平台工具、虚拟化、存储、网络、固件等多个前沿技术领域，包含了应用使能套件、软件仓库、软件支持、软件适配认证四大板块，旨在共享尖端技术，为开发者提供一个涵盖多领域的开发平台和工具套件。点击这里开始你的技术升级之旅吧本文分享至飞腾开发者平台《OP-TEE环境飞腾密码引
  • 开源 多模态 大模型架构深度分析 2024 AI大模型 lose and dream 开源架构学习langchainprompt人工智能开发语言
    1.典型开源多模态大模型（1）KOSMOS-2KOSMOS-2是微软亚洲研究院在KOSMOS-1模型的基础上开发的多模态大模型。其中，KOSMOS-1是在大规模多模态数据集上重头训练的，该模型具有类似GPT-4的多模态能力，可以感知一般的感官模态，在上下文中学习（即少样本学习）并能够遵循语音指示（即零样本学习）。KOSMOS-2采用与KOSMOS-1相同的模型架构和训练目标对模型进行训练,并在此基
  • 荣耀CEO赵明：端侧AI使能硬件普惠大众是责无旁贷的使命 ggtdfgfdg 人工智能
    荣耀100图片6月26日，在上海世界移动通信大会(以下简称“MWC上海”)上，荣耀终端有限公司CEO赵明发表《AI共生时代，智能终端终将以人为中心赋能》主题演讲，首次向外界展示了两大突破性端侧AI创新：AI离焦护眼技术和AI换脸检测技术，对智能终端厂商如何用AI赋能个人给出最新思路。同时，赵明宣布荣耀MagicV3是集强大和轻薄于一身的里程碑意义产品，将再次挑战折叠轻薄新高度。“通过端侧AI使能硬
  • Java 大视界 -- Java 大数据平台迁移与升级策略：平滑过渡的方法（十四） 青云交 大数据新视界Java大视界大数据平台迁移升级大数据平台升级平滑过渡数据迁移应用程序适配性能测试java
    亲爱的朋友们，热烈欢迎你们来到青云交的博客！能与你们在此邂逅，我满心欢喜，深感无比荣幸。在这个瞬息万变的时代，我们每个人都在苦苦追寻一处能让心灵安然栖息的港湾。而我的博客，正是这样一个温暖美好的所在。在这里，你们不仅能够收获既富有趣味又极为实用的内容知识，还可以毫无拘束地畅所欲言，尽情分享自己独特的见解。我真诚地期待着你们的到来，愿我们能在这片小小的天地里共同成长，共同进步。本博客的精华专栏：大数
  • Java 大视界 -- Java 大数据测试框架与实践：确保数据处理质量（十二） 青云交 大数据新视界Java大视界大数据大数据测试框架Java大数据测试测试框架数据处理质量数据清洗数据采集java
    亲爱的朋友们，热烈欢迎你们来到青云交的博客！能与你们在此邂逅，我满心欢喜，深感无比荣幸。在这个瞬息万变的时代，我们每个人都在苦苦追寻一处能让心灵安然栖息的港湾。而我的博客，正是这样一个温暖美好的所在。在这里，你们不仅能够收获既富有趣味又极为实用的内容知识，还可以毫无拘束地畅所欲言，尽情分享自己独特的见解。我真诚地期待着你们的到来，愿我们能在这片小小的天地里共同成长，共同进步。本博客的精华专栏：大数
  • Java 大视界 -- Java 分布式协调服务：Zookeeper 在大数据中的应用（十一） 青云交 Java大视界大数据新视界大数据Zookeeper分布式协调数据存储应用场景性能优化节点操作java
    亲爱的朋友们，热烈欢迎你们来到青云交的博客！能与你们在此邂逅，我满心欢喜，深感无比荣幸。在这个瞬息万变的时代，我们每个人都在苦苦追寻一处能让心灵安然栖息的港湾。而我的博客，正是这样一个温暖美好的所在。在这里，你们不仅能够收获既富有趣味又极为实用的内容知识，还可以毫无拘束地畅所欲言，尽情分享自己独特的见解。我真诚地期待着你们的到来，愿我们能在这片小小的天地里共同成长，共同进步。本博客的精华专栏：大数
  • Java 大视界 -- Java 与大数据存储优化：HBase 与 Cassandra 应用（十） 青云交 大数据新视界#HBase之道Java大视界大数据hbaseCassandra大数据存储优化性能优化数据处理社交网络java
    亲爱的朋友们，热烈欢迎你们来到青云交的博客！能与你们在此邂逅，我满心欢喜，深感无比荣幸。在这个瞬息万变的时代，我们每个人都在苦苦追寻一处能让心灵安然栖息的港湾。而我的博客，正是这样一个温暖美好的所在。在这里，你们不仅能够收获既富有趣味又极为实用的内容知识，还可以毫无拘束地畅所欲言，尽情分享自己独特的见解。我真诚地期待着你们的到来，愿我们能在这片小小的天地里共同成长，共同进步。本博客的精华专栏：大数
  • 50个 Java 最佳实践小技巧
    Java是一种广泛使用的面向对象编程语言，凭借其平台无关性、丰富的类库和强大的功能，已经成为了软件开发中的主流语言之一。为了提高代码质量、性能和可维护性，开发者在写Java程序时可以遵循一些最佳实践。以下是50个Java最佳实践小技巧，帮助开发者提高代码质量，写出更高效、可读、可维护的Java程序。1.使用合适的命名规则类名：采用大驼峰命名法（PascalCase），例如UserAccount。方
  • Java 大视界 -- Java 开发 Spark 应用：RDD 操作与数据转换（四） 青云交 大数据新视界Java大视界SparkRDD数据转换大数据数据分区性能优化社交网络java
    亲爱的朋友们，热烈欢迎你们来到青云交的博客！能与你们在此邂逅，我满心欢喜，深感无比荣幸。在这个瞬息万变的时代，我们每个人都在苦苦追寻一处能让心灵安然栖息的港湾。而我的博客，正是这样一个温暖美好的所在。在这里，你们不仅能够收获既富有趣味又极为实用的内容知识，还可以毫无拘束地畅所欲言，尽情分享自己独特的见解。我真诚地期待着你们的到来，愿我们能在这片小小的天地里共同成长，共同进步。本博客的精华专栏：大数
  • 公司被薅了2.6W，出bug的代码还是我写的…… 后端前端java程序员
    事情经过前两天线上发生了结算的漏洞，这里的代码是我写的，出问题的时候是周日晚上，那天大领导打电话过来问我具体的损失情况。最后查出来是有两个人逮到了系统漏洞，一共87笔订单出现了多结算的问题，薅了大概2.6w，有个人当时已经跑了，还有个账户里面只有几百块钱。发现问题后紧急停止提现，其他的明天上班再处理。但我当晚已经无法入睡了，压力非常非常大。普通开发和项目负责人最大的区别，可能是后者要承担风险和责任
  • 喜大普奔，适用于 VS Code 的 GitHub Copilot 全新免费版本正式推出，GitHub 全球开发者突破1.5亿
    GitHubCopilot重大更新：VSCode用户迎来免费版本，全球开发者数量突破1.5亿作者：MF（SegmentFault思否技术编辑）发布时间：2024-12-19美国时间2024年12月18日，GitHub官方宣布了一个激动人心的重大消息：GitHubCopilot将为VisualStudioCode用户推出免费版本，同时GitHub平台的全球开发者数量已突破1.5亿大关。这一决策将让更
  • 大数据新视界 -- 大数据大厂之提升 Impala 查询效率：索引优化的秘籍大揭秘（上）（3/30） 青云交 大数据新视界#Impala之道大数据Impala索引优化查询效率案例分析代码优化重写查询语句
    亲爱的朋友们，热烈欢迎你们来到青云交的博客！能与你们在此邂逅，我满心欢喜，深感无比荣幸。在这个瞬息万变的时代，我们每个人都在苦苦追寻一处能让心灵安然栖息的港湾。而我的博客，正是这样一个温暖美好的所在。在这里，你们不仅能够收获既富有趣味又极为实用的内容知识，还可以毫无拘束地畅所欲言，尽情分享自己独特的见解。我真诚地期待着你们的到来，愿我们能在这片小小的天地里共同成长，共同进步。本博客的精华专栏：大数
  • 免费的SSL证书在哪里申请？——七大免费申请平台 sslhttphttps
    免费的SSL证书可以从多个可靠的平台申请，以下是几个推荐的选择：JoySSL特点：提供永久免费的SSL证书服务，拥有自主品牌SSL证书，服务响应快速，并提供全程技术支持。适用对象：适合希望快速、自动化部署且能提供安全有效的数据保护服务的网站。申请网址：https://www.joyssl.com/certificate/select/free.html?nid=7注册码：填写(230907)享受免
  • PingCAP 荣膺 2024 亚马逊云科技合作伙伴两项殊荣 pingcaptidb数据库
    近日，在2024亚马逊云科技re:Invent全球大会上，PingCAP荣膺亚马逊云科技年度技术合作伙伴和年度亚马逊云科技Marketplace合作伙伴两项殊荣。这是PingCAP连续第二年获得亚马逊云科技年度合作伙伴奖项，彰显了PingCAP在与亚马逊云科技合作服务客户的过程中所展现的卓越技术实力和专业服务能力，共同推动全球用户业务取得成功。在合作伙伴颁奖典礼上，亚马逊云科技全球与区域合作伙伴大
  • 基于jQuery / 原生JS两种方式流畅实现半屏悬浮窗 池泽123 jsjQueryjavascriptjquery前端
    本篇分别用jQuery和原生两种方式实现悬浮窗功能和样式的切换，兼容IE完成样式示例使用技术栈：jquery、javaScript、HTML/CSS一、基础版面悬浮窗可以有很多样式，但基础结构可以大致分为触发按钮、遮罩层、内容三部分。触发按钮通常设置在屏幕边缘，我这里举例一个右下的位置展示；联系我们/*悬浮窗触发按钮样式*/.Suspended_window_box{width:150px;hei
  • 前端-从入门到入土
    前端学习路线基础部分（HTML+CSS+JS入门）快速了解，能够进行简单的页面布局，交互JS部分，可以写一些小demo来熟悉常见的API推荐教程：https://www.bilibili.com/video/BV1BT4y1W7Aw/?spm_id_from=333....框架部分这里推荐Vue框架，相对React会更容易上手，并且中文文档也相对友好推荐教程：https://www.bilibil
  • 深入理解 CSS Flexbox：如何使用弹性布局实现自适应的水平和垂直居中
    在Web开发中，布局一直是CSS的一个重要主题，而水平和垂直居中往往是布局中最常见、最基础的需求。传统的居中方法通常需要使用多层嵌套、position、margin等属性来实现，代码繁琐且不够灵活。而随着CSS弹性布局（Flexbox）的引入，水平和垂直居中变得非常简单、直观，几乎可以适应所有的布局场景。本文将专注于如何使用CSSFlexbox来实现内容的自适应居中，包括水平居中、垂直居中、以及水
  • 手撸Webpack自定义Loader
    前言我们知道webpack只能处理JavaScript和Json文件，面对CSS、图片等资源是无能为力的，它需要通过loader将这些资源转换为可处理的模块。loader的本质是一个解析资源的函数模块，该函数对接受到的内容进行转换，然后返回webpack可处理的资源。loader的执行顺序loader可根据执行顺序区分为：pre：前置loadernormal：普通loaderinline：内联lo
  • [axios] 版本升级，特性变更记录(高版本post请求异常) 前端axios
    axios原版本0.19.2，升级到0.27.2出现了部分post请求发送异常的情况。经查发现虽然大版本号同为0，但是0.27.2的内部逻辑有变更。(0.27.2版本去掉了一些0.19.2版本中的对config的兼容性处理)，导致0.19.2中不规范的api使用方式在0.27.2中无法生效。问题发生在使用类似于下面这种形式发送post请求。axios.post(url[,data[,config]
  • AJAX是如何凭一己之力提高前端程序员的工资水平的？ 前端程序员ajax
    作者：阿达西链接：juejin.cn/post/7395396352183009290emmm，今天无意间听到一个比较奇怪的信息，就是在很早之前，前端工程师只是一个切图崽，而且工资也不是很高。说白了，就是没含金量的工作。因为那时候的Web应用相对简单，主要关注于页面的静态内容和基本的交互。所以前端开发的工作主要集中在HTML、CSS和基础的JavaScript上。但是自从AJAX出现后，前端程序员
  • CSS盒子模型的外边距详解 平常心cyk css前端
    CSS盒子模型的外边距（margin）是控制元素之间间距的重要属性。以下是与CSS盒子模型外边距相关的所有重要知识点：一、外边距的概念外边距是指盒子边框与其他元素边框之间的空白区域。它用于控制元素之间的距离，从而调整页面布局。二、外边距的设置在CSS中，可以使用margin属性或margin-top、margin-right、margin-bottom和margin-left属性来设置外边距。属性
  • CSS浮动：概念、特性与应用 平常心cyk css前端
    CSS浮动是网页设计和开发中常见的布局技术之一，以下是CSS浮动相关的所有重要知识点：一、浮动的定义与语法浮动（float）属性可以指定一个元素应沿其容器的左侧或右侧放置，允许文本和内联元素环绕它。浮动属性最初只用于在一段文本内浮动图像，实现文字环绕的效果。作用让多个盒子(div)水平排列成一行，使得浮动成为布局的重要手段。可以实现盒子的左右对齐等等。浮动最早是用来控制图片，实现文字环绕图片的效果
  • CSS：定位 平常心cyk css前端
    CSS定位核心知识点详解CSS定位是网页布局中的重要概念，它允许开发者将元素放置在页面的指定位置。以下是对CSS定位所有相关详细重要知识点的归纳：为什么要使用定位：小黄色块在图片上移动，吸引用户的眼球。当我们滚动窗口的时候，盒子是固定屏幕某个位置的定位：将盒子定在某一个位置自由的漂浮在其他盒子(包括标准流和浮动)的上面。所以，我们脑海应该有三种布局机制的上下顺序。标准流在最底层(海底)------
  • [黑洞与暗粒子]没有光的世界 comsci
         无论是相对论还是其它现代物理学,都显然有个缺陷,那就是必须有光才能够计算      但是,我相信,在我们的世界和宇宙平面中,肯定存在没有光的世界....      那么,在没有光的世界,光子和其它粒子的规律无法被应用和考察,那么以光速为核心的 &nbs
  • jQuery Lazy Load 图片延迟加载 aijuans jquery
    基于 jQuery 的图片延迟加载插件，在用户滚动页面到图片之后才进行加载。 对于有较多的图片的网页，使用图片延迟加载，能有效的提高页面加载速度。 版本： jQuery v1.4.4+ jQuery Lazy Load v1.7.2 注意事项： 需要真正实现图片延迟加载，必须将真实图片地址写在 data-original 属性中。若 src
  • 使用Jodd的优点 Kai_Ge jodd
    1.  简化和统一 controller ，抛弃 extends SimpleFormController ，统一使用 implements Controller 的方式。 2.  简化 JSP 页面的 bind, 不需要一个字段一个字段的绑定。 3.  对 bean 没有任何要求，可以使用任意的 bean 做为 formBean。   使用方法简介
  • jpa Query转hibernate Query 120153216 Hibernate
    public List<Map> getMapList(String hql, Map map) { org.hibernate.Query jpaQuery = entityManager.createQuery(hql); if (null != map) { for (String parameter : map.keySet()) { jp
  • Django_Python3添加MySQL/MariaDB支持 2002wmj mariaDB
    现状 首先，[email protected] 中默认的引擎为 django.db.backends.mysql 。但是在Python3中如果这样写的话，会发现 django.db.backends.mysql 依赖 MySQLdb[5] ，而 MySQLdb 又不兼容 Python3 于是要找一种新的方式来继续使用MySQL。 MySQL官方的方案 首先据MySQL文档[3]说，自从MySQL
  • 在SQLSERVER中查找消耗IO最多的SQL 357029540 SQL Server
    返回做IO数目最多的50条语句以及它们的执行计划。 select top 50   (total_logical_reads/execution_count) as avg_logical_reads,  (total_logical_writes/execution_count) as avg_logical_writes,  (tot
  • spring UnChecked 异常 官方定义！ 7454103 spring
      如果你接触过spring的 事物管理！那么你必须明白 spring的 非捕获异常！ 即 unchecked 异常！ 因为 spring 默认这类异常事物自动回滚！！ public static boolean isCheckedException(Throwable ex) { return !(ex instanceof RuntimeExcep
  • mongoDB 入门指南、示例 adminjun javamongodb操作
    一、准备工作 1、 下载mongoDB 下载地址：http://www.mongodb.org/downloads 选择合适你的版本 相关文档：http://www.mongodb.org/display/DOCS/Tutorial 2、 安装mongoDB A、 不解压模式： 将下载下来的mongoDB-xxx.zip打开，找到bin目录，运行mongod.exe就可以启动服务，默
  • CUDA 5 Release Candidate Now Available aijuans CUDA
    The CUDA 5 Release Candidate is now available at http://developer.nvidia.com/<wbr></wbr>cuda/cuda-pre-production. Now applicable to a broader set of algorithms, CUDA 5 has advanced fe
  • Essential Studio for WinRT网格控件测评 Axiba JavaScripthtml5
    Essential Studio for WinRT界面控件包含了商业平板应用程序开发中所需的所有控件，如市场上运行速度最快的grid 和chart、地图、RDL报表查看器、丰富的文本查看器及图表等等。同时，该控件还包含了一组独特的库，用于从WinRT应用程序中生成Excel、Word以及PDF格式的文件。此文将对其另外一个强大的控件——网格控件进行专门的测评详述。 网格控件功能 1、
  • java 获取windows系统安装的证书或证书链 bewithme windows
          有时需要获取windows系统安装的证书或证书链，比如说你要通过证书来创建java的密钥库  。 有关证书链的解释可以查看此处 。   public static void main(String[] args) { SunMSCAPI providerMSCAPI = new SunMSCAPI(); S
  • NoSQL数据库之Redis数据库管理(set类型和zset类型) bijian1013 redis数据库NoSQL
    4.sets类型         Set是集合，它是string类型的无序集合。set是通过hash table实现的，添加、删除和查找的复杂度都是O(1)。对集合我们可以取并集、交集、差集。通过这些操作我们可以实现sns中的好友推荐和blog的tag功能。         sadd：向名称为key的set中添加元
  • 异常捕获何时用Exception，何时用Throwable bingyingao
    用Exception的情况 try {        //可能发生空指针、数组溢出等异常         } catch (Exception e) {          
  • 【Kafka四】Kakfa伪分布式安装 bit1129 kafka
    在http://bit1129.iteye.com/blog/2174791一文中，实现了单Kafka服务器的安装，在Kafka中，每个Kafka服务器称为一个broker。本文简单介绍下，在单机环境下Kafka的伪分布式安装和测试验证   1. 安装步骤   Kafka伪分布式安装的思路跟Zookeeper的伪分布式安装思路完全一样，不过比Zookeeper稍微简单些(不
  • Project Euler bookjovi haskell
    Project Euler是个数学问题求解网站，网站设计的很有意思，有很多problem，在未提交正确答案前不能查看problem的overview，也不能查看关于problem的discussion thread，只能看到现在problem已经被多少人解决了，人数越多往往代表问题越容易。     看看problem 1吧： Add all the natural num
  • Java-Collections Framework学习与总结-ArrayDeque BrokenDreams Collections
            表、栈和队列是三种基本的数据结构，前面总结的ArrayList和LinkedList可以作为任意一种数据结构来使用，当然由于实现方式的不同，操作的效率也会不同。         这篇要看一下java.util.ArrayDeque。从命名上看
  • 读《研磨设计模式》-代码笔记-装饰模式-Decorator bylijinnan java设计模式
    声明： 本文只为方便我个人查阅和理解，详细的分析以及源代码请移步 原作者的博客http://chjavach.iteye.com/ import java.io.BufferedOutputStream; import java.io.DataOutputStream; import java.io.FileOutputStream; import java.io.Fi
  • Maven学习(一) chenyu19891124 Maven私服
        学习一门技术和工具总得花费一段时间，5月底6月初自己学习了一些工具，maven+Hudson+nexus的搭建，对于maven以前只是听说，顺便再自己的电脑上搭建了一个maven环境，但是完全不了解maven这一强大的构建工具，还有ant也是一个构建工具，但ant就没有maven那么的简单方便，其实简单点说maven是一个运用命令行就能完成构建，测试，打包，发布一系列功
  • [原创]JWFD工作流引擎设计----节点匹配搜索算法(用于初步解决条件异步汇聚问题) 补充 comsci 算法工作PHP搜索引擎嵌入式
    本文主要介绍在JWFD工作流引擎设计中遇到的一个实际问题的解决方案，请参考我的博文"带条件选择的并行汇聚路由问题"中图例A2描述的情况(http://comsci.iteye.com/blog/339756),我现在把我对图例A2的一个解决方案公布出来，请大家多指点 节点匹配搜索算法(用于解决标准对称流程图条件汇聚点运行控制参数的算法) 需要解决的问题：已知分支
  • Linux中用shell获取昨天、明天或多天前的日期 daizj linuxshell上几年昨天获取上几个月
    在Linux中可以通过date命令获取昨天、明天、上个月、下个月、上一年和下一年 # 获取昨天 date -d 'yesterday'  # 或 date -d 'last day' # 获取明天 date -d 'tomorrow'   # 或 date -d 'next day' # 获取上个月 date -d 'last month' #
  • 我所理解的云计算 dongwei_6688 云计算
          在刚开始接触到一个概念时，人们往往都会去探寻这个概念的含义，以达到对其有一个感性的认知，在Wikipedia上关于“云计算”是这么定义的，它说：        Cloud computing is a phrase used to describe a variety of computing co
  • YII CMenu配置 dcj3sjt126com yii
    Adding id and class names to CMenu We use the id and htmlOptions to accomplish this. Watch. //in your view $this->widget('zii.widgets.CMenu', array( 'id'=>'myMenu', 'items'=>$this-&g
  • 设计模式之静态代理与动态代理 come_for_dream 设计模式
    静态代理与动态代理        代理模式是java开发中用到的相对比较多的设计模式，其中的思想就是主业务和相关业务分离。所谓的代理设计就是指由一个代理主题来操作真实主题，真实主题执行具体的业务操作，而代理主题负责其他相关业务的处理。比如我们在进行删除操作的时候需要检验一下用户是否登陆，我们可以删除看成主业务，而把检验用户是否登陆看成其相关业务
  • 【转】理解Javascript 系列 gcc2ge JavaScript
    理解Javascript_13_执行模型详解 摘要: 在《理解Javascript_12_执行模型浅析》一文中,我们初步的了解了执行上下文与作用域的概念，那么这一篇将深入分析执行上下文的构建过程，了解执行上下文、函数对象、作用域三者之间的关系。函数执行环境简单的代码:当调用say方法时，第一步是创建其执行环境，在创建执行环境的过程中，会按照定义的先后顺序完成一系列操作:1.首先会创建一个
  • Subsets II hcx2013 set
    Given a collection of integers that might contain duplicates, nums, return all possible subsets. Note: Elements in a subset must be in non-descending order. The solution set must not conta
  • Spring4.1新特性——Spring缓存框架增强 jinnianshilongnian spring4
    目录 Spring4.1新特性——综述 Spring4.1新特性——Spring核心部分及其他 Spring4.1新特性——Spring缓存框架增强 Spring4.1新特性——异步调用和事件机制的异常处理 Spring4.1新特性——数据库集成测试脚本初始化 Spring4.1新特性——Spring MVC增强 Spring4.1新特性——页面自动化测试框架Spring MVC T
  • shell嵌套expect执行命令 liyonghui160com
        一直都想把expect的操作写到bash脚本里,这样就不用我再写两个脚本来执行了,搞了一下午终于有点小成就,给大家看看吧.   系统:centos 5.x   1.先安装expect yum -y install expect   2.脚本内容: cat auto_svn.sh   #!/bin/bash
  • Linux实用命令整理 pda158 linux
    0. 基本命令 　　linux 基本命令整理 　 　1. 压缩 解压 　　tar -zcvf a.tar.gz a   #把a压缩成a.tar.gz 　　tar -zxvf a.tar.gz     #把a.tar.gz解压成a 　 　2. vim小结 　　2.1 vim替换 　　:m,ns/word_1/word_2/gc  
  • 独立开发人员通向成功的29个小贴士 shoothao 独立开发
    概述：本文收集了关于独立开发人员通向成功需要注意的一些东西,对于具体的每个贴士的注解有兴趣的朋友可以查看下面标注的原文地址。 明白你从事独立开发的原因和目的。 保持坚持制定计划的好习惯。 万事开头难，第一份订单是关键。 培养多元化业务技能。 提供卓越的服务和品质。 谨小慎微。 营销是必备技能。 学会组织，有条理的工作才是最有效率的。 “独立
  • JAVA中堆栈和内存分配原理 uule java
    1、栈、堆 1.寄存器：最快的存储区, 由编译器根据需求进行分配,我们在程序中无法控制.2. 栈：存放基本类型的变量数据和对象的引用，但对象本身不存放在栈中，而是存放在堆（new 出来的对象）或者常量池中（字符串常量对象存放在常量池中。）3. 堆：存放所有new出来的对象。4. 静态域：存放静态成员（static定义的）5. 常量池：存放字符串常量和基本类型常量（public static f
按字母分类： ABCDEFGHIJKLMNOPQRSTUVWXYZ其他