小猪弟
小猪弟

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布局)

  • 大模型聊天模板
    文章目录何为聊天模板聊天模板具体长什么样为什么会出现聊天模板何为聊天模板相信大多数本地离线使用过(特别是训练或微调过)LLM、VLM的人知道“Chattemplate/聊天模板”这个概念，但可能并没有对其有较多的了解。本文主要整合网络收集的知识，结合少数使用“聊天模板”的经验对其进行简要说明，希望可以帮助到大家。如果了解Alpaca、ShareGPT等数据集会知道，数据集都是结构化形式，其中会有各
  • 专业的香港优才中介有哪些（2024）香港优才计划中介十大品牌排名出炉 香港优才计划身份者
    专业的香港优才中介有哪些（2024）香港优才计划中介十大品牌排名出炉2024年是香港优才计划不限配额的黄金申请时期，很多人都想赶上这最后的末班车，纷纷把香港优才计划申请提上日程。有些人自身条件好，且对香港优才计划申请流程和政策比较熟悉，就选择了DIY自己申请，有部分人对申请过程不熟悉，时间紧张，或者希望提高获批率，就选择香港优才中介机构代办。那么，专业的香港优才中介有哪些？好处有哪些？今天笔者就围
  • 《换婚》最新完本小说推荐（长宁许如安）-《换婚》长宁许如安免费小说完整版《换婚》（长宁许如安） 每日文馆
    《换婚》主角：长宁许如安简介：母后说双生公主是大不详，所以我和妹妹成年后一人做公主，一人为奴婢。妹妹泪眼涟涟，抱着母后的腿哀求。母后心疼她是幼女，命我让步。从此，妹妹成为尊贵无比的岁宁公主，而我成了冷宫里的奴婢长宁。妹妹爱慕少年丞相，对他百般示好。但他不喜权贵，反而和我这样的奴婢走得更近。匈奴来袭，大好年华的妹妹被迫和亲，嫁给大她几十岁的可汗，在异国他乡受尽屈辱。而我则嫁入了丞相府，成了人人艳羡的
  • 解锁Prompt+DevOps新姿势：终端系统重塑的三大核心策略
    文章目录引言：Prompt驱动的DevOps范式迁移核心策略一：智能决策流水线构建横向架构对比纵向实现流程Python实现示例核心策略二：自适应终端部署体系TypeScript客户端实现YAML部署配置模板核心策略三：智能运维闭环构建安全审计实现方案性能对比分析技术前瞻性分析附录：完整技术图谱技术架构部署验证引言：Prompt驱动的DevOps范式迁移在云原生与AI工程化交汇的今天，Prompt技
  • CSS实现前端响应式布局
    一、响应式布局概述响应式布局的定义与重要性响应式布局是一种能够使网页在不同设备上（如桌面电脑、平板电脑、手机等）都能呈现出良好视觉效果和用户体验的设计方法。它通过使用灵活的布局、可适应的图像和媒体查询等技术，确保网页能够根据设备的屏幕尺寸、分辨率和方向进行自动调整和优化。在当今数字化时代，响应式布局至关重要。随着移动设备的广泛使用，用户越来越多地通过各种设备访问网页。如果网页不能在不同设备上良好地
  • 【国内超大型智能算力中心建设白皮书 2024】 AI大模型 lose and dream 人工智能开源git开源软件githubgitlab开放原子
    文末有福利！智算中心建设通过领先的体系架构设计，以算力基建化为主体、以算法基建化为引领、以服务智件化为依托，以设施绿色化为支撑，从基建、硬件、软件、算法、服务等全环节开展关键技术落地与应用。一、体系架构（一）总体架构图8智算中心总体架构智能算力中心建设白皮书，重点围绕基础、支撑、功能和目标四大部分，创新性地提出了智算中心总体架构。其中，基础部分是支撑智算中心建设与应用的先进人工智能理论和计算架构；
  • 【AI大模型应用开发】Prompt提示词工程 bay_Tong桐小白 AI大模型人工智能promptai大模型应用开发LLM聊天机器人
    halo~我是bay_Tong桐小白本文内容是桐小白个人对所学知识进行的总结和分享，知识点会不定期进行编辑更新和完善，了解最近更新内容可参看更新日志，欢迎各位大神留言、指点感谢新老朋友给予过的关心，过去经历了很多，身心状态慢慢调整，因此更新文章较慢，给关注我的新老朋友道声抱歉，也再次给对桐小白给予关心的新老朋友表示感谢~Prompt提示词工程（初步）【更新日志】大模型分类prompt基本概念pro
  • 批评之二 敏儿说成长
    批评之二大家好，我是敏儿，昨天我提到与人相处，要善于发现他人的闪光点，并告诉他，不断的给予正反馈，使其优势不断地放大再放大。但是很多时候，如技能的提升，是需要刻意练习的，刻意练习需要及时的反馈，哪里不对立刻指出，立即改正。如弹钢琴，哪里弹得不对，就得死磕，一直练，直到熟练为止，学英语也是一样，哪个英文单词发音不对，就得反反复复练哪个单词，很痛苦，我儿子刚刚学英语，有几个单词反复说反复不对，最后跑的
  • “东方瑞士”新加坡：如何用短短几十年成就一个金融帝国 外小至
    新加坡是一个1965年才取得独立的，面积很小的岛国。然而它却在短短的几十年之间，发展成为一个繁荣的金融帝国。它是亚洲最大的新兴市场货币交易中心，全球第三大外汇交易中心，全世界发展最快的国内债券市场之一，同时也是亚洲地区金融衍生品交易的领军国，亚洲为数不多的国际金融中心。这让人在叹服的同时，也忍不住好奇他们是如何做到在几十年之内做到这样飞速地发展的。下面，我们就来学习下新加坡金融市场以及金融衍生品市
  • 《和闺蜜一起穿进仙界救赎文》林黎叶昭 九月书舍
    简介：“可没想到这只狸奴竟然敢是叶昭姑娘养的，为了它叶昭姑娘竟然要杀我。”“可是它是魔物啊，叶昭姑娘为什么会养一只魔物呢。”小说书名：《和闺蜜一起穿进仙界救赎文》主角：林黎叶昭那天我和闺蜜去我的太子夫君管下的蟠桃园炫了一大堆蟠桃，撑得肚子溜圆才各回各家。结果刚和她分开没多久。我就收到了她的求救信号。等我火急火燎赶去她的寝殿。就看到分开时还好端端的闺蜜，此时满身是血。她不顾自己不断涌血的伤口，挥着一
  • 北恒私募高级班周一丰，马建军受骗无法出金!慈善投票真相不是你想的那么简单! 昌龙律法
    不少市民群众将闲置资金用于炒股、投资等，各种网上理财投资产品也越来越多，这让诈骗分子有了可趁之机。他们打着“低门槛、高收益”的幌子，制作虚假APP，通过网络交友等手段推荐“理财投资”产品，再通过小额盈利赢得投资人信任，继而增加资金投入数额。一旦大资金转入，骗子马上就会关闭APP或者编造亏损、要提现需要缴纳税费、手续费等理由诱骗投资人继续转账，从而掏空投资人的口袋。若你也不幸被骗遇到此类平台一定不要
  • 我在黑马程序员学web前端 新手来了@click 前端
    1网页由三部分组成1.、html负责网页的结构2.css、负责网页的美化，控制网页元素的样式3、js，负责网页交互html常见的标签：1、form表单input输入框select下拉菜单option下拉列表2、table表格thead表头ｔｂｏｄｙ是表体tr行th表头加粗ｔｄ是列ｂｒ是换行2/CＳＳ常见的三种引入方式行内样式、内部样式、外部样式用ｌｉｎｋ关键字常用的元素选择器：标签选择器、id选择
  • Leetcode703. 数据流中的第K大元素 LonnieQ
    题目设计一个找到数据流中第K大元素的类（class）。注意是排序后的第K大元素，不是第K个不同的元素。你的KthLargest类需要一个同时接收整数k和整数数组nums的构造器，它包含数据流中的初始元素。每次调用KthLargest.add，返回当前数据流中第K大的元素。示例:intk=3;int[]arr=[4,5,8,2];KthLargestkthLargest=newKthLargest(
  • 看完《这就是街舞》，潮男潮女你鞋穿对了吗？ 肃一街舞工作室
    谈恋爱不如跳舞，跳舞你得穿这双《这！就是街舞》这档全新的综艺节目，虽然现在只更新了第一集，但其中可挖的点还真不少；其中最大的亮点就是四位明星队长和焦点选手的穿搭了！今天工作室小编想先跟大家聊聊他们的“鞋”，然后再推荐鞋子给想去学街舞的你。易烊千玺身穿超拽的红白oversize套装，搭配一双RevengexStorm球鞋，以帅气的街舞模式霸气登场！第二个出场的是最近吸粉无数的黄子韬，黄子韬继续大走高
  • CSS样式中的布局、字体、响应式布局
    目录一、使用内联块级元素布局二、使用float布局三、使用弹性盒子布局四、服务器字体五、响应式布局相关文章积累CSS样式属性：padding、margin、display:flex、font、position、cursor、:hover、:nth-child()、border-radius一、使用内联块级元素布局让想要横着的元素（left、mid、right）变成内联块级元素。示例leftmidr
  • 八月 文森林木
    窗户吹进来的风有些凉朋友在家里住了一晚，早早就醒来赶往他拖家带口打拼的中山他从老家带来了龙眼和花生油“原生态的龙眼和正宗的花生油！”他说夜里我们去恒大影城看了一场电影关于那部电影我想说但不知道说什么深夜我们回来一起吃了饭但没有喝酒我们看《我的团长我的团》到凌晨此刻。对面别墅人工湖岸边有一位穿白色防晒衣老人在垂钓像一位大隐隐于市的白衣天使很多个早晨我都见他在那里多么凉爽的早晨多么宁静的湖面隔一墙之外
  • 大森林里的瑞贝卡 江洋二稻
    图片发自App01瑞贝卡是一只眼睛很大，拥有红色眼珠的小兔子。她白色的毛像冬天的雪一样白。这个森林里所有的小动物都喜欢她。因为她太美丽了。02瑞贝卡每一天走在去找食物的长满苔藓的树林里，她都唱着那首最喜欢的歌：阳光照在脸上，我踩在小苔藓上，没有人知道我要去哪里，我也不知道我要去哪里。03这一天，她像往常一样走在路上，唱着歌。歌声太动听了。不过今天没有阳光，天气很阴。瑞贝卡唱着，突然，听到有什么声音
  • 故宫 指路的星星
    以前的时候，从天安门走到过午门，走过太庙和中山公园，从景山远眺过故宫。天坛地坛日坛也逛完了。唯独没有走进过故宫。可能是觉得故宫很宏大，很神圣，要郑重庄严的准备一下才好。看完了《故宫100》和《台北故宫》，从《国家宝藏》上了解了网红院长。有给孩子买了《故宫里的大怪兽》，孩子把怪兽地图也看了又看。零散的攻略也读了一些。是不是就做好逛故宫的准备了？其实哪有那么多准备好。到了故宫，发觉不懂的东西还是很多，
  • 蜗牛 665c4fe29665
    我家养了好几只蜗牛。我经过仔细观察发现蜗牛有一对长长的触须，触须不停地来回摆动，触须下面是一对短须似的小眼睛，两只眼睛下面有一张红红的小嘴。蜗牛身上背着螺旋形的硬壳，身体是肉形的，分为两部分，一部分是永远在壳里的，另一部分经常露在外面并和头连在一起，这也就是蜗牛有吸盘的“脚”。蜗牛爬行时靠头和身体的蠕动带着壳前进，速度很慢，但很灵活，它还会翻大跟头呢！它先把头翻个面，吸住固定物，再带动身体翻了个面
  • 前端学习路线推荐 oldfifteen
    第一阶段：HTML+CSS:HTML进阶、CSS进阶、div+css布局、HTML+css整站开发、JavaScript基础：Js基础教程、js内置对象常用方法、常见DOM树操作大全、ECMAscript、DOM、BOM、定时器和焦点图。JS基本特效：常见特效、例如：tab、导航、整页滚动、轮播图、JS制作幻灯片、弹出层、手风琴菜单、瀑布流布局、滚动事件、滚差视图。JS高级特征：正则表达式、排序算
  • #零基础学画画#第『111』天 各位早安！ Loura明珠
    昨晚下雨，车的防盗器在楼下半夜响，空调定时停了，打蚊子，整晚没睡好。早上下雨，装备齐全出发，到小区门口车车坏了，安乔童自己走路去学校，推车回家赶出门。天气不好，温差大，会造成出行不便，身体不适，大家注意哦。#零基础学画画#第『111』天各位早安！图片发自App
  • 物联网安装调试-继电器 速易达网络 物联网技术实训课程物联网
    以下为物联网继电器安装调试的全流程技术指南，涵盖选型、接线、控制逻辑及安全防护，结合工业自动化、智能家居和农业物联三大场景实操方案：一、继电器选型核心参数表参数工业控制智能家居农业物联选型建议负载类型电机/加热管(10-30A)灯具/插座(5-10A)水泵/风机(8-15A)工业选固态继电器(SSR)，家居选电磁继电器触点材质银氧化镉(耐电弧)银镍合金(万次寿命)镀金触点(防腐蚀)频繁开关场景用磁
  • 基于 Qwen-Agent 与 MCP 实现阿里云 ECS 实例查询（含完整代码与实操）
    ✅关键词：Qwen-Agent、MCP、阿里云、运维、LLM、FunctionCalling在现代云运维场景中，我们不仅希望大语言模型（LLM）能回答文本问题，更希望它能直接调用云端API、查询资源，实现「智能运维」。本文将分享如何基于Qwen-Agent和MCP，快速实现一个“云资源助手”，能帮你查询阿里云ECS实例信息。什么是MCP？MCP(Model-ComputingPlatform)是阿
  • 2023-06-03 Eltonpeople
    今日启发：Elton:《兰花与蒲公英》(Ⅲ)[美]W.托马斯·博伊斯人类大脑内的两大主要应激神经系统：皮质醇系统和战斗-逃跑系统。皮质醇系统当人感受到压力之后，脑垂体会分泌促肾上腺皮质激素，然后促肾上腺皮质激素顺着血液流到肾上腺，肾上腺再分泌出皮质醇。皮质醇这种物质会提高血糖、血压，当血糖升高的时候，抵达脑部的养分也会增加，有利于我们思考，而血压升高的时候，心脏向身体各处泵氧的能力也增加了，有利于
  • 排序算法—交换排序（冒泡、快速）（动图演示） 每天都要进步1 排序算法排序算法算法
    目录十大排序算法分类编辑冒泡排序算法步骤：动图演示：性能分析：代码实现（Java）：快速排序（挖坑法）算法步骤：动图演示：性能分析：代码实现（Java）：十大排序算法分类本篇分享十大排序算法中的需要进行交换操作的冒泡排序与快速排序,其余算法也有介绍噢（努力赶进度中，后续会添加上）冒泡排序冒泡排序是一种非常直观的排序算法，遍历数组，每次比较两个元素，如果后者比前者小则交换位置，重复的进行直至没有再需
  • 一维数组练题习~ 遇见尚硅谷 初学者算法数据结构c语言开发语言排序算法
    1.键盘录入一组数列，利用冒泡排序将数据由大到小排序/*************************************************************************>FileName:demo01.c>Author:阮>Description:>CreatedTime:***********************************************
  • 智慧光伏发电信息化系统需求文档 小赖同学啊 testTechnologyPrecious物联网
    以下是从产品经理角度撰写的智慧光伏发电信息化系统需求文档，聚焦光伏行业痛点与业务价值，遵循标准PRD结构：智慧光伏发电信息化系统需求文档版本：1.0日期：2025年7月19日作者：产品经理视角一、文档概述1.1产品背景光伏电站运营面临四大挑战：发电损失定位难：组串故障、阴影遮挡等问题人工排查效率低运维成本占比高：占LCOE（平准化度电成本）超15%电网调度协同弱：缺乏精准发电预测，罚款风险高资产收
  • 犀水家族办公室理财入门课程七：为什么我的基金一买进去就亏？ 犀水家族办公室
    嗨大家好，老宋又来了，今天我们聊得深入一点，我们只聊一个问题，为什么你的基金一买就亏。很多小伙伴很爱学习，又是买书又是百度又是看视频，学习了很多筛选基金的办法，这指标那指标，什么三个月、半年、三年表现，阿尔法、贝塔一起上，自己在电脑面前精挑细选了一只基金，满怀希望买进去，结果一买进去就蹭蹭蹭下跌？是我智商有问题？其实乱买基金就是自己往火坑里面跳！什么？个股到处是坑，基金也有坑？大了去了，以前没听说
  • 14.3 FFT与PEFT终极对决：1%参数实现3倍速训练，显存暴降80%！ 少林码僧 掌握先机！从0起步实战AI大模型微调打造核心竞争力人工智能机器学习大数据语言模型chatgptllama
    以微调权重比例分类：FFTvsPEFT深度解析在大模型微调领域，参数调整比例直接决定训练效率与模型性能的平衡。本小节将深入解析全参数微调（FullFine-Tuning,FFT）与参数高效微调（Parameter-EfficientFine-Tuning,PEFT）的核心差异，并通过具体技术方案对比和实战代码示例揭示其工程应用场景。一、FFT与PEFT技术对比矩阵
  • 实现大语言模型与应用的无缝对接 meslog 技术分享语言模型microsoft人工智能
    在当今人工智能快速发展的时代，大语言模型（LLMs）已经成为众多应用的核心驱动力。然而，如何让这些强大的模型与各种数据源和工具进行有效集成，仍然是一个挑战。ModelContextProtocol（MCP）正是为解决这一问题而设计的开放协议，它标准化了应用程序如何向大语言模型提供上下文信息。本文将介绍MCP的基本概念，并通过C#SDK展示如何实现客户端和服务器端的交互。什么是MCP？ModelCo
  • [黑洞与暗粒子]没有光的世界 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其他