宁然也
宁然也

flex布局中理解flex-grow、flex-shrink、flex-basis属性

参考博客：
深入理解flex布局的flex-grow、flex-shrink、flex-basis

flex-basis属性

flex-basis设置子项目占据的空间大小， 如果指定flex-basis的值，则子项目会占用所设置的值。如果没有指定或者设置为auto，子项目占据的大小为width height的值。

<body>
    <div class="box">
        <div class="item">1div>
        <div class="item">222div>
        <div class="item">333div>
    div>
body>
<script>
   
script>
<style>
    .box {
        width: 400px;
        height: 50px;
        display: flex;
        background-color: black;
    }
    .item{
        height: 50px;
    }
    .item:nth-child(1) {
        background-color: red;
    }
    .item:nth-child(2) {
        width: 70px;
        height: 30px;
        flex-basis: auto;
        background-color: gray;
    }
    .item:nth-child(3) {
        width: 50px;
        flex-basis: 100px ;
        background-color: yellow;
    }
style>

flex布局中理解flex-grow、flex-shrink、flex-basis属性_第1张图片

item1 没有指定 flex-basis， 默认宽度为项目本身的width
item2 指定 flex-basis: auto; 同时指定width height 则占据的大小为width和height的大小，即 width: 70px; height: 30px;
item3 指定了flex-basis：100px 会覆盖width宽度。 所以子项目占据的宽度就是100px;

flex-grow

felx-grow瓜分剩余的空间

<body>
    <div class="box">
        <div class="item">1div>
        <div class="item">222div>
        <div class="item">333div>
    div>
body>
<script>
   
script>
<style>
    .box {
        width: 400px;
        height: 50px;
        display: flex;
        background-color: black;
    }
    .item{
        height: 50px;
    }
    .item:nth-child(1) {
        width: 50px;
        background-color: red;
    }
    .item:nth-child(2) {
        width: 70px;
        flex-basis: auto;
        flex-grow: 2;
        background-color: gray;
    }
    .item:nth-child(3) {
        width: 50px;
        flex-basis: 100px ;
        flex-grow: 1;
        background-color: yellow;
    }
style>

在这里插入图片描述

项目 没瓜分前width 放大的份额 瓜分的width 总计width
item1 50px 0 (400-50-70-100)/3 * 0 50
item2 70px 2 (400-50-70-100)/3 * 2=120px 70+120
item3 100px 1 (400-50-70-100)/3 * 1=60px 100+60

容器的宽度为400px, 子项1的占用的基础空间(flex-basis)为50px，子项2占用的基础空间是70px，子项3占用基础空间是100px，剩余空间为 400-50-70-100 = 180px。 其中子项1的flex-grow: 0(未设置默认为0)， 子项2flex-grow: 2，子项3flex-grow: 1，剩余空间分成3份，子项2占2份(120px)，子项3占1份(60px)。所以 子项1真实的占用空间为: 50+0 = 50px， 子项2真实的占用空间为: 70+120 = 190px， 子项3真实的占用空间为: 100+60 = 160px。

flex-shrink

用来“吸收”超出的空间

<body>
    <div class="box">
        <div class="item">1div>
        <div class="item">222div>
        <div class="item">333div>
    div>
body>
<script>
   
script>
<style>
    .box {
        width: 400px;
        height: 50px;
        display: flex;
        background-color: black;
    }
    .item{
        height: 50px;
    }
    .item:nth-child(1) {
        width: 250px;
        background-color: red;
    }
    .item:nth-child(2) {
        width: 150px;
        flex-basis: auto;
        flex-shrink: 2;
        background-color: gray;
    }
    .item:nth-child(3) {
        width: 50px;
        flex-basis: 100px ;
        flex-shrink: 2;
        background-color: yellow;
    }
style>

在这里插入图片描述
容器宽度400px, 子项目1占用的基准空间(width)为250px， 子项目2占用基准空间(width)为150px, 子项目3占用基准空间(flex-basis)为100px, 总基准空间250+150+100=500px > 400px, 多出的100px需要子项目根据flex-shrink进行吸收。
子项目1的flex-shrink=1(未设置默认1); 子项目2 flex-shrink=2; 子项目3 flex-shrink=2
因此子项目1需要需要吸收的空间为(2501)/(2501 + 1502 + 1002)*100=33.33px, 子项目1真实空间250-33.33=216.67
子项目2需要吸收空间： (150*2)/(250*1 + 150*2 + 100*2)*100=40px，子项目2真实空间 150-40=110px
子项目3需要吸收空间(100*2)/(250*1 + 150*2 + 100*2)*100=26.67, 真实的空间为100-26.67=73.33px

你可能感兴趣的:(前端语言,css,css3,前端)

  • Swagger学习，常用注解和使用方式 星夜漫步 SwaggerSwaggerSwagger使用Swagger注解
    Swagger官网地址：https://swagger.io/相关知识点（个人见解，可能是错的）：1、swaggerUI中model里面的DTO是什么？DTO，全文为DataTransferObject，即数据传输对象，博主在实习时，上手一个前后端分离的项目，感觉DTO的作用更倾向于一个数据规范，后端开发定义DTO和前端进行交互，告诉前端我需要什么数据，是什么类型的，会返回什么样的数据给你。个人觉
  • python+requests接口自动化测试框架实例详解教程 锦都不二 python开发语言
    前段时间由于公司测试方向的转型，由原来的web页面功能测试转变成接口测试，之前大多都是手工进行，利用postman和jmeter进行的接口测试，后来，组内有人讲原先web自动化的测试框架移驾成接口的自动化框架，使用的是java语言，但对于一个学java，却在学python的我来说，觉得python比起java更简单些，所以，我决定自己写python的接口自动化测试框架，由于本人也是刚学习pytho
  • PromptX 架构深度解析：从 DPML 协议看 AI 工程的未来范式 步子哥 智能涌现人工智能架构
    核心理念：人类用自然语言描述需求，AI提供专业级服务-这不是科幻，而是PromptX正在实现的现实引言：小小协议文件背后的宏大愿景当我们打开PromptX项目中的dpml.protocol.md文件时，看到的不仅仅是一个技术规范，而是对AI交互未来的深刻思考。这个看似简单的协议文件，承载着整个PromptX生态系统的核心设计哲学，堪称AI工程领域的"宪法"。今天，让我们从这个协议文件开始，深度解析
  • 2025B卷最新华为OD机试持续收录中 - 真题题库清单，按考点划分(Python / JS / C++ / JAVA / C语言) 算法大师 最新华为OD机试真题华为OD机试真题(Java/JS/Py/C)华为odpythonjavascriptjavac++
    目前在考：华为OD统一考试2025B卷（2025年B卷）2025年5月9日，华为od机考已经从2025年A卷（2025A卷）切换到华为OD2025年B卷（2025B卷）,有人说是16号，实际上是9号全面切换到B卷。2025B卷是要比2025A卷要简单的，2025B卷考试题目是旧题复用+新题。2025华为OD统一考试2025B卷+2025A卷+E卷+C卷+D卷+B卷+A卷题库OJ链接最新华为OD机试
  • JavaScript 性能优化秘籍：从代码压缩到懒加载的技巧 数字魔方操控师 《JavaScript通关指南：从新手到高手的蜕变》javascript性能优化开发语言
    引言在当今的Web开发领域，JavaScript无疑是最核心的技术之一。从简单的网页交互到复杂的单页应用（SPA），从前端界面渲染到后端服务器逻辑处理（如Node.js应用），JavaScript无处不在。然而，随着应用程序的功能日益丰富，代码规模不断膨胀，性能问题逐渐凸显。性能不佳的JavaScript代码会导致网页加载缓慢、交互卡顿，严重影响用户体验，甚至可能导致用户流失。因此，掌握JavaS
  • python+requests 搭建接口自动化测试框架【超详细】 测试涛叔 软件测试面试软件测试自动化测试python开发语言软件测试面试职场和发展
    一、前言Python是一种简单易学、功能强大的编程语言，广泛应用于各种软件开发和测试场景中。requests是Python中流行的HTTP库，支持发送HTTP请求和处理HTTP响应，它也是开发API自动化测试框架的重要组件之一。在本文中，我们将介绍如何使用Python和requests构建一个简单的接口自动化测试框架，并通过实例来详细说明其具体实现方法。二、环境准备在开始构建接口自动化测试框架之前
  • Python爬企查查网站数据的爬虫代码如何写？ cda2024 python爬虫开发语言
    在大数据时代，数据的获取与分析变得尤为重要。企业信息查询平台“企查查”作为国内领先的企业信用信息查询工具，提供了丰富的企业数据资源。对于数据科学家和工程师而言，能够从这些平台高效地抓取数据，无疑是一项重要的技能。本文将详细介绍如何使用Python编写爬虫代码，从企查查网站抓取企业数据，并探讨其中的技术难点和解决方案。为什么选择Python？Python是一门广泛应用于数据科学和网络爬虫开发的语言，
  • 魔都AI医疗哪家强？全景揭秘科技创新与未来钱景！
    引言上海作为中国科技创新的先锋城市，正在AI医疗领域崭露头角。根据2024年12月的数据，上海拥有34家专注于AI药物研发的公司，占全国预临床研究的60%和临床试验的47%。这些公司利用深度学习、大语言模型（LLM）和计算机视觉等技术，革新药物发现、医疗影像分析和数据治理，推动医疗行业的智能化转型。从全球首个人工智能医院“AgentHospital”到AI驱动的诊断系统，上海的AI医疗生态正在重塑
  • R语言如何接入实时行情接口
    目录1.安装必要的R包2.导入库3.连接WebSocket4.处理连接成功后的操作5.处理接收到的消息6.处理连接关闭和错误7.发送心跳数据8.自动重连机制9.启动连接和重连总结在数据分析和金融研究中，实时行情数据的获取至关重要，但市面上的实时行情接口并不多，本文将一步步教你如何使用R语言接入实时行情接口，获取来自WebSocket的实时数据。1.安装必要的R包首先，确保你已安装了以下R包，用于处
  • Java---day2
    七、IDEA开发工具一、下载IntelliJIDEA官网地址：IntelliJIDEA–theIDEforProJavaandKotlinDevelopment版本选择：版本说明CommunityEdition(CE)免费开源版本，适合Java、Kotlin、Android等基础开发。UltimateEdition(UE)商业版，支持更多语言和框架（如Spring、Python、JavaScrip
  • 华为OD机试2024年E卷-猜数字[100分]（ Java | Python3 | C++ | C语言 | JsNode | Go）实现100%通过率 梅花C 华为OD题库华为od
    题目描述一个人设定一组四码的数字作为谜底，另一方猜。每猜一个数，出数者就要根据这个数字给出提示，提示以XAYB形式呈现，直到猜中位置。其中X表示位置正确的数的个数(数字正确且位置正确)，而Y表示数字正确而位置不对的数的个数。例如，当谜底为8123，而猜谜者猜1052时，出题者必须提示0A2B。例如，当谜底为5637，而猜谜者才4931时，出题者必须提示1A0B。当前已知N组猜谜者猜的数字与提示，如
  • 华为自研编程语言仓颉（Cangjie）的概述与诞生背景 白糖KaSTo 华为harmonyos
    一、语言定位与战略背景核心使命仓颉是华为面向全场景智能终端（HarmonyOS生态）自主研发的新一代编程语言，旨在解决传统语言在跨设备协同、安全可信、高性能计算等场景的局限性。其诞生直接呼应华为构建“端-边-云”一体化技术体系的战略需求。历史契机技术自主可控：2019年美国技术制裁背景下，华为亟需突破底层开发工具链的依赖，仓颉项目应运而生。鸿蒙生态深化：随着HarmonyOS用户量突破8亿（202
  • js手撕代码3：树形结构和列表结构相互转化(.ts) LuLu学前端 js手撕代码汇总javascript前端typescript
    下面分为两个部分：listToTree.ts和treeToList.ts参考：集锦大厂面试常考的前端手写题和leetcode算法题如何直接运行.ts文件第一步：npminstall-gtypescript第二步(编译TS→JS)：tscyourfile.ts第三步(运行生成的.js文件)：nodeyourfile.js1.列表和树形结构数据//列表结构constlistData=[{id:1,te
  • CKEditor中粘贴复杂公式的最佳实践是什么？ M_Snow umeditor粘贴wordueditor粘贴wordueditor复制wordueditor上传word图片ueditor导入wordueditor导入pdfueditor导入ppt
    要求：开源，免费，技术支持编辑器：ckeditor前端：vue2,vue3.vue-cli后端：asp,java,jsp,springboot,php,asp.net,.netcore功能：导入Word,导入Excel,导入PPT(PowerPoint),导入PDF,复制粘贴word,导入微信公众号内容,web截屏平台：Windows,macOS,Linux,RedHat,Ubuntu,CentO
  • C++系列（九）：C++函数三大杀器 --- 默认参数×占位符×重载 - 解锁高性能代码的终极奥义 傅里叶的耶 C++语言系列（教程+实战）c++函数默认参数占位符重载
    引言在C++的编程范式中，函数不仅是代码复用的基本单元，更是抽象复杂性的核心工具。默认参数、占位参数和函数重载三大特性，共同构成了函数式抽象的"三位一体"：默认参数是接口设计的润滑剂，它通过参数预设值消除冗余调用，将"通用配置"内化于函数签名。当开发者面对高频次调用的API时，默认参数能显著减少代码噪音，使核心逻辑浮出水面。占位参数则展现了语言的预留智慧。这个看似无用的语法结构，实质是系统演进的战
  • Redis中常见的基础和高级数据结构
    Redis数据类型eg：大写代表属于redis的关键字，小写代表可填值String定义：存储字节序列（二进制安全的字符串），包括文本、序列化对象和二进制数组，并允许实现计数器和bit操作。作为Redis中其他数据类型的存储单元，如：List、Set、Hashes。命令：命令|文档—Commands|DocsSETkeyvalue：设置键值对命令参数：nx：如果键已存在则失败，可以实现简易的不可重入
  • 个人总结 - LangChain4j应用（1） 艾露z AIjavalangchainai人工智能
    个人总结-LangChain4j应用（1）github：Releases·langchain4j/langchain4j·GitHub官方文档：Introduction|LangChain4j简要介绍：LangChain4j是一个旨在简化大语言模型（LLMs）与Java应用程序集成的框架。ChatandLanguageModels：LanguageModel：最简单的聊天模型，简单的接收字符串，不
  • C语言练习题 暮色驶过苍茫 C语言c语言指针
    C语言练习题梯形法计算定积分编写一个函数，输入n为偶数时，调用函数求1/2+1/4+...+1/n,当输入n为奇数时，调用函数1/1+1/3+...+1/n(利用指针函数)将数组元素倒置，改错梯形法计算定积分按如下函数原型，采用梯形法编程实现(分成100个小梯形,再求这100个梯形面积的和)，在积分区间[a,b]内计算函数y1=∫ab1+x2dxy1=\int_a^b1+x^2dxy1=∫ab1+
  • Python核心基础DAY1--Python的基础变量类型之字符串和数字类型
    一、引言Python作为一种功能强大且广泛应用的编程语言，其基础变量类型是构建各种复杂程序的基石。在Python中，字符串和数字类型是最常用的基础变量类型之一。对于初学者来说，深入理解这两种类型是掌握Python编程的关键第一步。无论是数据处理、算法实现还是构建Web应用程序，对字符串和数字类型的熟练运用都至关重要。二、变量变量是代数的思想，是用来引用数据和功能占位的，具备动态性和可变性；使用的变
  • OpenRocket 开发环境搭建指南 邓朝昌Estra
    OpenRocket开发环境搭建指南openrocketModel-rocketryaerodynamicsandtrajectorysimulationsoftware项目地址:https://gitcode.com/gh_mirrors/op/openrocket前言OpenRocket是一款开源的火箭设计与仿真软件，采用Java语言开发。本文将详细介绍如何搭建OpenRocket的开发环境，
  • 新手向:中文语言识别的进化之路
    自然语言处理（NLP）技术正在以前所未有的速度改变我们与机器的交互方式，而中文作为世界上使用人数最多的语言，其处理技术面临着独特的挑战与机遇。本文将全面剖析中文自然语言识别模型的发展历程、核心技术原理、当前应用现状以及未来发展趋势，带您深入了解这一改变人机交互方式的关键技术。一、中文NLP的特殊挑战：为什么中文处理如此困难？中文自然语言处理面临着一系列西方语言所不具备的特殊挑战，这些挑战直接影响了
  • LLM探索的时代 新加坡内哥谈技术 人工智能
    每周跟踪AI热点新闻动向和震撼发展想要探索生成式人工智能的前沿进展吗？订阅我们的简报，深入解析最新的技术突破、实际应用案例和未来的趋势。与全球数同行一同，从行业内部的深度分析和实用指南中受益。不要错过这个机会，成为AI领域的领跑者。点击订阅，与未来同行！订阅：https://rengongzhineng.io/当前的大语言模型，是过去三十年人类在互联网上自由发布海量文本内容的意外副产品。IlyaS
  • Complete-Python-Bootcamp项目：Python标准库核心模块详解 常樱沙Vigour
    Complete-Python-Bootcamp项目：Python标准库核心模块详解Complete-Python-Bootcamp项目地址:https://gitcode.com/gh_mirrors/co/Complete-Python-BootcampPython标准库是Python语言自带的一组功能强大的模块和包集合，它为开发者提供了开箱即用的各种功能。本文将深入解析Complete-Py
  • 算法设计与分析 知识总结 vortex5 算法
    一、算法基础算法是对特定问题求解步骤的描述，是指令的有限序列，具有输入、输出、有穷性、确定性和可行性五个性质。程序则是算法用某种编程语言的具体实现。优秀的算法应具备正确性、健壮性、可理解性、抽象分级和高效性，其中时间复杂度是衡量算法效率的重要标准。常用的时间复杂度符号包括O（上界）、Ω（下界）和Θ（紧确界）。1.1时间复杂度分析非递归算法以嵌套循环为例，分析以下代码的时间复杂度：for(i=1;i
  • 2024年12月30日Github流行趋势
    项目名称：free-programming-books项目地址url：https://github.com/EbookFoundation/free-programming-books项目语言：HTML历史star数：343,398今日star数：246项目维护者：vhf,eshellman,davorpa,MHM5000,kadhirash项目简介：免费提供的编程书籍。项目名称：public-a
  • 329. 矩阵中的最长递增路径C语言
    给定一个mxn整数矩阵matrix，找出其中最长递增路径的长度。对于每个单元格，你可以往上，下，左，右四个方向移动。你不能在对角线方向上移动或移动到边界外（即不允许环绕）。来源：力扣（LeetCode）链接：https://leetcode-cn.com/problems/longest-increasing-path-in-a-matrix著作权归领扣网络所有。商业转载请联系官方授权，非商业转载
  • 116、掌握Docker Compose与Kubernetes：Rust应用部署实操 多多的编程笔记 Rust之Web开发dockerkubernetesrust
    Rust部署与运维：掌握使用DockerCompose、Kubernetes等工具进行应用部署和管理1.引言Rust是一种注重性能、安全和并发的系统编程语言。近年来，随着云计算和微服务架构的普及，如何将Rust应用部署到生产环境中，成为越来越多开发者关注的问题。本文将介绍如何使用DockerCompose和Kubernetes等工具进行Rust应用的部署和管理。2.DockerCompose简介D
  • android 10.0 设置默认中文系统settings 语言列表显示不可作为系统语言使用 安卓兼职framework应用工程师 android10.0Rom开发疑难问题分析android10.0Rom定制化高级进阶androidsettings默认中文系统语言不可作为系统语言使用
    1.前言在10.0的系统rom定制化开发中，在开发国内项目的时候，需要设置默认语言为中文，然后再设置默认语言项为zh-CN时，这是系统设置语言列表下方显示不可作为系统语言使用，为了解决这个问题，就需要相关的分析，然后看怎么处理这个问题2.设置默认中文系统settings语言列表显示不可作为系统语言使用的核心类packages/apps/Settings/res/layout/locale_drag
  • 海外社媒营销：实现多账号矩阵与精准触达
    在全球社交媒体用户突破50亿的当下，TikTok、Instagram、Facebook等平台已成为品牌触达海外消费者的核心战场。然而，随着平台风控升级与用户需求分化，海外社媒营销正面临两大核心挑战：多账号矩阵运营易被封禁（TikTok单月封禁超200万账号）、内容触达缺乏精准度（全球用户语言/文化/兴趣差异超300种）。亚矩阵云手机通过虚拟化环境隔离、AI行为模拟引擎、动态内容适配系统三大核心技术
  • WebView 页面在多语言环境中错位怎么办？国际化适配调试全过程 2501_91600747 httpudphttpswebsocket网络安全网络协议tcp/ip
    移动应用全球化后，WebView页面往往需要同时适配多种语言和地区设置，包括英语、中文、阿拉伯语等。尤其是当用户使用RTL（Right-to-Left，阿拉伯语、希伯来语等）语言环境时，页面容易出现布局错乱、文字溢出或控件位置异常。这类问题并不会在本地开发环境或英文/中文设置下暴露，常常等到国际用户反馈后才暴露。本文分享一次我们为多语言环境适配进行调试和修复的完整过程。背景：国际化上线后阿拉伯语用
  • 多线程编程之join()方法 周凡杨 javaJOIN多线程编程线程
    现实生活中，有些工作是需要团队中成员依次完成的，这就涉及到了一个顺序问题。现在有T1、T2、T3三个工人，如何保证T2在T1执行完后执行，T3在T2执行完后执行？问题分析：首先问题中有三个实体，T1、T2、T3， 因为是多线程编程，所以都要设计成线程类。关键是怎么保证线程能依次执行完呢？   Java实现过程如下： public class T1 implements Runnabl
  • java中switch的使用 bingyingao javaenumbreakcontinue
    java中的switch仅支持case条件仅支持int、enum两种类型。 用enum的时候，不能直接写下列形式。 switch (timeType) { case ProdtransTimeTypeEnum.DAILY: break; default: br
  • hive having count 不能去重 daizj hive去重having count计数
    hive在使用having count()是，不支持去重计数   hive (default)> select imei from t_test_phonenum where ds=20150701 group by imei having count(distinct phone_num)>1 limit 10;  FAILED: SemanticExcep
  • WebSphere对JSP的缓存 周凡杨 WAS JSP 缓存
          对于线网上的工程，更新JSP到WebSphere后，有时会出现修改的jsp没有起作用，特别是改变了某jsp的样式后，在页面中没看到效果，这主要就是由于websphere中缓存的缘故，这就要清除WebSphere中jsp缓存。要清除WebSphere中JSP的缓存，就要找到WAS安装后的根目录。        现服务
  • 设计模式总结 朱辉辉33 java设计模式
    1.工厂模式   1.1 工厂方法模式 (由一个工厂类管理构造方法)      1.1.1普通工厂模式(一个工厂类中只有一个方法)      1.1.2多工厂模式(一个工厂类中有多个方法)      1.1.3静态工厂模式(将工厂类中的方法变成静态方法) &n
  • 实例：供应商管理报表需求调研报告 老A不折腾 finereport报表系统报表软件信息化选型
    引言 随着企业集团的生产规模扩张，为支撑全球供应链管理，对于供应商的管理和采购过程的监控已经不局限于简单的交付以及价格的管理，目前采购及供应商管理各个环节的操作分别在不同的系统下进行，而各个数据源都独立存在，无法提供统一的数据支持；因此，为了实现对于数据分析以提供采购决策，建立报表体系成为必须。 业务目标 1、通过报表为采购决策提供数据分析与支撑 2、对供应商进行综合评估以及管理，合理管理和
  • mysql 林鹤霄
    转载源：http://blog.sina.com.cn/s/blog_4f925fc30100rx5l.html mysql -uroot -p ERROR 1045 (28000): Access denied for user 'root'@'localhost' (using password: YES)   [root@centos var]# service mysql
  • Linux下多线程堆栈查看工具(pstree、ps、pstack) aigo linux
    原文：http://blog.csdn.net/yfkiss/article/details/6729364   1. pstree pstree以树结构显示进程$ pstree -p work | grep adsshd(22669)---bash(22670)---ad_preprocess(4551)-+-{ad_preprocess}(4552)  &n
  • html input与textarea 值改变事件 alxw4616 JavaScript
    // 文本输入框(input) 文本域(textarea)值改变事件 // onpropertychange(IE) oninput(w3c) $('input,textarea').on('propertychange input', function(event) {      console.log($(this).val()) });  
  • String类的基本用法 百合不是茶 String
      字符串的用法;     // 根据字节数组创建字符串 byte[] by = { 'a', 'b', 'c', 'd' }; String newByteString = new String(by);         1,length()  获取字符串的长度     &nbs
  • JDK1.5 Semaphore实例 bijian1013 javathreadjava多线程Semaphore
    Semaphore类        一个计数信号量。从概念上讲，信号量维护了一个许可集合。如有必要，在许可可用前会阻塞每一个 acquire()，然后再获取该许可。每个 release() 添加一个许可，从而可能释放一个正在阻塞的获取者。但是，不使用实际的许可对象，Semaphore 只对可用许可的号码进行计数，并采取相应的行动。 S
  • 使用GZip来压缩传输量 bijian1013 javaGZip
            启动GZip压缩要用到一个开源的Filter：PJL Compressing Filter。这个Filter自1.5.0开始该工程开始构建于JDK5.0，因此在JDK1.4环境下只能使用1.4.6。         PJL Compressi
  • 【Java范型三】Java范型详解之范型类型通配符 bit1129 java
        定义如下一个简单的范型类，   package com.tom.lang.generics; public class Generics<T> { private T value; public Generics(T value) { this.value = value; } }
  • 【Hadoop十二】HDFS常用命令 bit1129 hadoop
    1. 修改日志文件查看器   hdfs oev -i edits_0000000000000000081-0000000000000000089 -o edits.xml cat edits.xml   修改日志文件转储为xml格式的edits.xml文件，其中每条RECORD就是一个操作事务日志   2. fsimage查看HDFS中的块信息等 &nb
  • 怎样区别nginx中rewrite时break和last ronin47
    在使用nginx配置rewrite中经常会遇到有的地方用last并不能工作，换成break就可以，其中的原理是对于根目录的理解有所区别，按我的测试结果大致是这样的。 location /    {         proxy_pass http://test; 
  • java-21.中兴面试题 输入两个整数 n 和 m ，从数列 1 ， 2 ， 3.......n 中随意取几个数 , 使其和等于 m bylijinnan java
    import java.util.ArrayList; import java.util.List; import java.util.Stack; public class CombinationToSum { /* 第21 题 2010 年中兴面试题 编程求解： 输入两个整数 n 和 m ，从数列 1 ， 2 ， 3.......n 中随意取几个数 , 使其和等
  • eclipse svn 帐号密码修改问题 开窍的石头 eclipseSVNsvn帐号密码修改
    问题描述：      Eclipse的SVN插件Subclipse做得很好，在svn操作方面提供了很强大丰富的功能。但到目前为止，该插件对svn用户的概念极为淡薄，不但不能方便地切换用户，而且一旦用户的帐号、密码保存之后，就无法再变更了。 解决思路：      删除subclipse记录的帐号、密码信息，重新输入
  • [电子商务]传统商务活动与互联网的结合 comsci 电子商务
          某一个传统名牌产品，过去销售的地点就在某些特定的地区和阶层，现在进入互联网之后，用户的数量群突然扩大了无数倍，但是，这种产品潜在的劣势也被放大了无数倍，这种销售利润与经营风险同步放大的效应，在最近几年将会频繁出现。。。。        如何避免销售量和利润率增加的
  • java 解析 properties-使用 Properties-可以指定配置文件路径 cuityang javaproperties
    #mq xdr.mq.url=tcp://192.168.100.15:61618; import java.io.IOException; import java.util.Properties; public class Test { String conf = "log4j.properties"; private static final
  • Java核心问题集锦 darrenzhu java基础核心难点
    注意，这里的参考文章基本来自Effective Java和jdk源码 1)ConcurrentModificationException 当你用for each遍历一个list时，如果你在循环主体代码中修改list中的元素，将会得到这个Exception，解决的办法是： 1)用listIterator, 它支持在遍历的过程中修改元素， 2)不用listIterator, new一个
  • 1分钟学会Markdown语法 dcj3sjt126com markdown
    markdown 简明语法 基本符号 *,-,+ 3个符号效果都一样，这3个符号被称为 Markdown符号 空白行表示另起一个段落 `是表示inline代码，tab是用来标记 代码段，分别对应html的code，pre标签 换行 单一段落( <p>) 用一个空白行 连续两个空格 会变成一个 <br> 连续3个符号，然后是空行
  • Gson使用二（GsonBuilder） eksliang jsongsonGsonBuilder
    转载请出自出处：http://eksliang.iteye.com/blog/2175473 一.概述     GsonBuilder用来定制java跟json之间的转换格式   二.基本使用 实体测试类： 温馨提示：默认情况下@Expose注解是不起作用的,除非你用GsonBuilder创建Gson的时候调用了GsonBuilder.excludeField
  • 报ClassNotFoundException: Didn't find class "...Activity" on path: DexPathList gundumw100 android
    有一个工程，本来运行是正常的，我想把它移植到另一台PC上，结果报： java.lang.RuntimeException: Unable to instantiate activity ComponentInfo{com.mobovip.bgr/com.mobovip.bgr.MainActivity}: java.lang.ClassNotFoundException: Didn't f
  • JavaWeb之JSP指令 ihuning javaweb
      要点   JSP指令简介  page指令  include指令    JSP指令简介    JSP指令（directive）是为JSP引擎而设计的，它们并不直接产生任何可见输出，而只是告诉引擎如何处理JSP页面中的其余部分。 JSP指令的基本语法格式： <%@ 指令 属性名="
  • mac上编译FFmpeg跑ios 啸笑天 ffmpeg
    1、下载文件：https://github.com/libav/gas-preprocessor， 复制gas-preprocessor.pl到/usr/local/bin/下， 修改文件权限：chmod 777 /usr/local/bin/gas-preprocessor.pl 2、安装yasm-1.2.0 curl http://www.tortall.net/projects/yasm
  • sql mysql oracle中字符串连接 macroli oraclesqlmysqlSQL Server
    有的时候，我们有需要将由不同栏位获得的资料串连在一起。每一种资料库都有提供方法来达到这个目的： MySQL: CONCAT() Oracle: CONCAT(), || SQL Server: + CONCAT() 的语法如下： Mysql 中 CONCAT(字串1, 字串2, 字串3, ...): 将字串1、字串2、字串3，等字串连在一起。 请注意，Oracle的CON
  • Git fatal: unab SSL certificate problem: unable to get local issuer ce rtificate qiaolevip 学习永无止境每天进步一点点git纵观千象
    // 报错如下： $ git pull origin master fatal: unable to access 'https://git.xxx.com/': SSL certificate problem: unable to get local issuer ce rtificate   // 原因： 由于git最新版默认使用ssl安全验证，但是我们是使用的git未设
  • windows命令行设置wifi surfingll windowswifi笔记本wifi
    还没有讨厌无线wifi的无尽广告么，还在耐心等待它慢慢启动么 教你命令行设置 笔记本电脑wifi： 1、开启wifi命令 netsh wlan set hostednetwork mode=allow ssid=surf8 key=bb123456 netsh wlan start hostednetwork pause 其中pause是等待输入，可以去掉 2、
  • Linux（Ubuntu）下安装sysv-rc-conf wmlJava linuxubuntusysv-rc-conf
    安装：sudo apt-get install sysv-rc-conf 使用：sudo sysv-rc-conf 操作界面十分简洁，你可以用鼠标点击，也可以用键盘方向键定位，用空格键选择，用Ctrl+N翻下一页，用Ctrl+P翻上一页，用Q退出。     背景知识 sysv-rc-conf是一个强大的服务管理程序，群众的意见是sysv-rc-conf比chkconf
  • svn切换环境，重发布应用多了javaee标签前缀 zengshaotao javaee
    更换了开发环境，从杭州，改变到了上海。svn的地址肯定要切换的，切换之前需要将原svn自带的.svn文件信息删除，可手动删除，也可通过废弃原来的svn位置提示删除.svn时删除。   然后就是按照最新的svn地址和规范建立相关的目录信息，再将原来的纯代码信息上传到新的环境。然后再重新检出，这样每次修改后就可以看到哪些文件被修改过，这对于增量发布的规范特别有用。   检出
按字母分类： ABCDEFGHIJKLMNOPQRSTUVWXYZ其他