weixin_34247155
weixin_34247155

整理CSS中display flex（布局利器）

关于display：flex布局，有人了解颇深，我也是看着别人的东西学习的。

display：flex的布局是什么、基本概念之类的我根本就不了解，只会用。每次看到概念之类的东西，我都是扫一眼就过去。

第一个属性和用法：flex-direction

我了解的方法有4个：row（水平排列）、row-revese（水平反向排列）、column（垂直排列）、column-reserve（垂直反向排列）

DOCTYPE html>
<html>
    <head>
        <meta charset="UTF-8">
        <title>title>
    head>
    <body>
        <div style="width:300px;border:1px solid red;display: flex;flex-direction: row;">
            <div style="width: 100px;height: 100px;background-color: black;">div>
            <div style="width: 100px;height: 100px;background-color: green;">div>
            <div style="width: 100px;height: 100px;background-color: yellow;">div>
            <div style="width: 100px;height: 100px;background-color: blue;">div>
        div>
    body>
html>

整理CSS中display flex（布局利器）_第1张图片

上面的代码和效果图是属性为row时的效果

注意：虽然是设置好的宽度，但是父容器只有300px，子div没法达到100px，而是适应父容器

只需要将 flex-direction: row代码替换成 flex-direction: row-revese 或者  flex-direction: column 或则  flex-direction: column-reserve，就可以得到不同的效果

下面是效果图：

整理CSS中display flex（布局利器）_第2张图片

row-revese

-------

整理CSS中display flex（布局利器）_第3张图片

column

-------

整理CSS中display flex（布局利器）_第4张图片

column-reverse

-------

第二个属性和用法：flex-wrap

这是换行属性：nowrap（不换行）、wrap（换行）、wrap-reverse（方向换行）

DOCTYPE html>
<html>
    <head>
        <meta charset="UTF-8">
        <title>title>
    head>
    <body>
        <div style="width:300px;border:1px solid red;display: flex;flex-wrap: wrap;">
            <div style="width: 100px;height: 100px;background-color: black;">div>
            <div style="width: 100px;height: 100px;background-color: green;">div>
            <div style="width: 100px;height: 100px;background-color: yellow;">div>
            <div style="width: 100px;height: 100px;background-color: blue;">div>
        div>
    body>
html>

整理CSS中display flex（布局利器）_第5张图片

这是换行的代码和效果图

-------

将属性  flex-wrap: wrap  替换成 nowrap（不换行）、wrap-reverse（方向换行）得到的效果图如下：

整理CSS中display flex（布局利器）_第6张图片

nowrap

-----

整理CSS中display flex（布局利器）_第7张图片

wrap-reverse

---------

第三个属性和用法：justify-content

包含的属性有： justify-content: start | end | flex-start | flex-end | center | left | right | space-between | space-around | space-evenly | stretch | safe | unsafe | baseline | first baseline | last baseline

（这些属性都是抄别人的）

  • flex-start（默认值）：左对齐；

    左对齐
     

  • flex-end：右对齐；

    右对齐
     

  • center：居中；

        
       居中对齐
 
  • space-between：两端对齐，项目之间间隔相等；
       
       两端对齐
 
  • space-around：每个项目两侧的间隔相等，即项目之间的间隔比项目与边框的间隔大一倍。
      
     两侧间隔相等
 
  在下小白，也是从那里偷来了很多东西[捂脸]

其他属性：如align-item、align-content、justify-content 请查看原文：https://www.cnblogs.com/qingchunshiguang/p/8011103.html

转载于:https://www.cnblogs.com/gwcyulong/p/8522343.html

你可能感兴趣的:(整理CSS中display flex（布局利器）)

  • Android 异构计算与 OpenCL/CUDA/OpenVX 的协同方式实战解析 观熵 国产NPU×Android推理优化android人工智能
    Android异构计算与OpenCL/CUDA/OpenVX的协同方式实战解析关键词Android异构计算、OpenCL、CUDA、OpenVX、GPU加速、NPU调度、HSA架构、神经网络推理、计算图编排、SoC协同处理、AI芯片编程摘要随着国产SoC平台持续迭代，Android系统中异构计算模式已从传统CPU+GPU并行计算，扩展到集成NPU、DSP、ISP等多核单元的复杂协同体系。在AI推理
  • 软件测试管理快速入门13-如何选择自动化测试工具 python测试开发
    image.png您希望通过软件工具支持您的测试活动，但您不了解市场上目前可用的工具哪种工具最符合要求和项目预算？一旦您购买了该工具，团队中的哪些人就具备使用该工具的技能软件测试工具选择的重要性在项目Guru99Bank中，为了节省测试工作，项目团队决定使用自动化测试工具来执行测试。经过多次会议，您的团队为项目选择了合适的工具。image.png一个月后，您收到了项目团队关于此工具的报告。结果很棒
  • 2012-6-3 金学伟：在混沌中寻找有序 Jasmine_yao
    5月26日我在公司给客户讲课并给不能前来现场的客户录制视频。讲课中我演示了一组数据——（1429-386）÷1429=0.7299（1558-325）÷1558=0.7914（1052-512）÷1052=0.5133（2245-998）÷2245=0.5554（6124-1664）÷6124=0.7283（3478-2132）÷3478=0.387这是1992年以来6次重大调整（幅度超过50%或
  • HTML+CSS+JS binzhenliziyuan javascripthtmlcss
    HTML+CSS+JSHTML基础1.HTML文件中的DOCTYPE是什么作用？2.HTML、XML、XHTML之间有什么区别？3.前缀为data-开头的元素属性是什么？4.谈谈你对HTML语义化的理解？5.HTML5对比HTML4有哪些不同之处？6.meta标签有哪些常用用法？7.img标签的srcset的作用是什么？8.响应式图片处理优化:Picture标签9.在script标签上使用defe
  • 软件从业人员高发疾病排行整理 两圆相切 健康健康
      软件从业人员因职业特性（如久坐、高用眼强度、高压、饮食作息不规律等）发病率显著高于其他人群的常见健康问题详细介绍。  核心诱因：久坐不动+超高强度用眼+长期精神压力+不良工作生活习惯+特定工作环境。  排名依据：综合发病率、对工作生活的直接影响程度、与职业的关联紧密性。一、肌肉骨骼系统疾病(骨科/康复科)核心问题：颈椎病、腰椎间盘突出、肩周炎、腕管综合征、腱鞘炎（尤其是鼠标手）、腰肌劳损、梨状
  • Spring AI 函数调用（Function Call）系统设计方案 大树~~ AI应用开发spring人工智能数据库SpringAIFunctionCall
    一、系统概述与设计目标1.1核心目标从零构建一个灵活、安全、高效的函数调用系统，使大语言模型能够在对话中调用应用程序中的方法，同时保持良好的开发体验和企业级特性。1.2主要功能需求支持通过注解将普通Java方法标记为可被AI调用的函数自动生成符合LLM要求的函数描述和参数定义安全地解析和执行模型的函数调用请求处理并返回执行结果给模型提供扩展点以支持不同LLM提供商的特定实现1.3设计原则开发便捷性
  • 理解函数参数及arguments 学的会的前端
    函数参数的确定ECMAScript中函数的参数在内部使用一个数组来表示的。函数接收到的始终是这个数组，而不关心数组中有多少个参数或者参数的类型是什么。functionfn(name,age,sex){console.log(name);console.log(age);console.log(sex);}fn('xiao',23,'nv');//xiao23nvconsole.log('-----
  • bug：定时任务因数据库时间滞后导致数据清理失效问题 刘火锅 javaspringcloudspring后端mybatis
    问题背景：在数据清理定时任务中，发现理应被删除的数据未被正确清理。经排查发现：定时任务配置在每日00:00:00执行删除数据SQL语句逻辑正常应用服务器时间准确数据库服务器时间比应用服务器慢15秒数据清理SQL使用CURDATE()获取当前日期问题原因分析：当应用服务器在00:00:00触发任务时：应用服务器时间：2025-07-1800:00:00数据库服务器时间：2025-07-1723:59
  • 仓库货物检测：基于YOLOv5的深度学习应用与UI界面开发 YOLO实战营 YOLO深度学习ui目标跟踪目标检测人工智能
    一、引言随着电商和物流行业的快速发展，仓库货物管理已经成为企业运营中至关重要的环节。为了提高仓库管理的效率和准确性，越来越多的企业开始应用自动化技术来完成货物的盘点、分类、分拣等任务。传统的货物管理方式通常依赖人工检查，不仅效率低下，而且容易出现误差。为了克服这些问题，利用计算机视觉和深度学习技术来实现仓库货物的自动化检测成为了一种有效的解决方案。本博客将介绍如何使用YOLOv5进行仓库货物检测，
  • 以自我革命精神推进全面从严治党向纵深发展 uosuor
    勇于自我革命是中国共产党最鲜明的政治品格，也是我们党最大的优势，党的二十大报告指出，全面从严治党永远在路上，党的自我革命永远在路上，决不能有松劲歇脚、疲劳厌战的情绪，必须持之以恒推进全面从严治党，深入推进新时代党的建设新的伟大工程，以党的自我革命引领社会革命。高度重视自身建设,不断进行自我革命。历史和实践表明,中国共产党之所以能够带领中国人民克服一个又一个艰难险阻,在战胜困难中不断成熟,不断从胜利
  • LeetCode 数据流中的第 K 大元素 吴敬悦
    设计一个找到数据流中第k大元素的类（class）。注意是排序后的第k大元素，不是第k个不同的元素。请实现KthLargest类：KthLargest(intk,int[]nums)使用整数k和整数流nums初始化对象。intadd(intval)将val插入数据流nums后，返回当前数据流中第k大的元素。示例：输入：["KthLargest","add","add","add","add","ad
  • 想自己写个“规则引擎”？你得先学会解释器模式 java干货 Springboot解释器模式
    你是否也曾深陷在解析自定义规则或命令的泥潭，为了处理一个类似(AandB)orC的简单查询，你的SpringBoot代码里充斥着复杂的字符串分割和层层嵌套的if-else，难以维护和扩展？是时候用解释器设计模式(InterpreterDesignPattern)来解脱了！这是一种行为型设计模式，它为一种语言定义一种文法表示，并提供一个解释器来处理这种文法。在SpringBoot中，当你需要构建一个
  • MLE最大似然估计：数据驱动的概率模型参数推断基石 大千AI助手 人工智能Python#OTHER数据挖掘人工智能机器学习算法MLE参数估计概率论
    从样本中还原未知分布的本质规律本文由「大千AI助手」原创发布，专注用真话讲AI，回归技术本质。拒绝神话或妖魔化。搜索「大千AI助手」关注我，一起撕掉过度包装，学习真实的AI技术！一、核心思想与数学定义最大似然估计（MaximumLikelihoodEstimation,MLE）是频率学派的参数估计方法，其核心思想为：选择使观测数据出现概率最大的参数值。给定独立同分布样本X={x1,x2,…,xn}
  • HTML+CSS简单网页练习
    前言运用了CSS进行简单的网页制作一、效果图二、HTML代码手机alert("欢迎—>"+prompt("请输入你的姓名")+"首页智能手机平板电脑配件服务支持关于尚合最新公告：尚合Aone智能手机入网证已经获工信部门审批下发。尚合官方新品发布新闻中心致歉公告首批尚合Aone已全部售罄！【媒体报道】国产高性价比尚合Aone四核手机评测我司产品已经通过了国家强制性产品3C认证尚合Aone智能手机入网
  • 小Z思维，西方式幼儿教育 小Z思维
    中国的幼儿教育比较侧重促进幼儿的思想发展程度，习惯于依靠成人的聪明协助幼儿把握越来越复杂的思想方法，以及鼓励幼儿思索尽能够复杂的问题。西方的早期教育理念是，知识只要成为智力活动的推进力才具有价值。因此西方国家的幼儿教育更侧重于鼓励幼儿依靠本身聪明来发展本身才能，以及依靠本人的努力去发现周围的世界，逐渐丰富感性知识。成人的主要义务则是创造各种能给幼儿带来新感受的环境，以协助他们从各种感受中获取新知识
  • spring-framework之AnnotatedBeanDefinitionReader解析 澹泊明志 宁静致远 Spring系列javaspring软件框架
    AnnotatedBeanDefinitionReader的作用Spring源码中类的命名还是很讲究的，AnnotatedBeanDefinitionReader它的作用如同它本身的命名，主要是为了解析带有注解的bean的beanDefinition，并将其注册到Bean工厂中。在此类的注释中也有介绍，功能与ClassPathBeanDefinitionScanner类似，但是不同的是Annota
  • C语言--函数
    在C语言中，函数类型最常见的有两种：库函数、自定义函数；我们可以类比数学中的函数如一次函数y=ax+b,是通过特定的表达式（语句）完成我们所需要的功能的一个媒介（代码块/子程序）通过对C语言编程的基本了解，我们可以知道，程序或代码实现特定的功能需要通过不同的语句和函数的组合。不需要我们定义可以直接使用的函数（但需要包含头文件），我们称之为库函数；C语言标准中规定了C语言的各种语法规则，C语言并不提
  • LeetCode1047删除字符串中的所有相邻重复项 July尘 javascript开发语言ecmascript
    varremoveDuplicates=function(s){//设置一个空数组来储存一个字符串letstack=[];//使用for...of循环遍历字符串s中的每一个字符，当前字符存储在变量v中for(vofs){//从栈顶弹出一个元素（即最后一个压入的元素），存储在prev变量中//如果栈是空的，pop()会返回undefinedletprev=stack.pop();//比较弹出的前一个
  • HTML+CSS制作人物介绍网页 Kyra17 html5css
    *仅作个人学习记录用*网页效果视频演示代码实现HTML部分角色简介角色故事技能介绍艾尔海森「诲韬诤言」「文弱的学术分子」米哈游出品的游戏《原神》及其衍生作品中的角色，须弥教令院六大学派之一“知论派”的学者，现任教令院书记官兼任代理贤者，有过人的智慧与才能，生活得自由自在，一般人基本找不到他。在须弥的风波结束，虚空系统关闭之后，教令院还有很多亟待解决的难题。而艾尔海森身为代理贤者，又是当前教令院中非
  • 《比昂全集》阅读笔记：漫长的周末 - 战争 4 中 若宁Rena
    【战争】第4节。如果年轻时候遇到一些优秀的人，这些人可能成为年轻人的榜样。一个人可能希望自己未来成为自己欣赏的老师、教官、或者自己的父母那样的父母。Bion所在的营地很好，纪律严明。那些军官也是应该服从的人。尽管有的教官有有依据的缺点，但是那时候还是容易把对方放到权威的角色里。Bion的生活中，有着：“训练、技术课程、左轮手枪、机关枪、六磅步枪，还有强大的坦克本身……”“不坏的士兵……熄灯……夜晚
  • 合的第十二天作业 edbc3856c7d4
    亲爱的秋林今天你带着孩子回了一趟老家，在老家你和老公的爷爷奶奶聊天非常愉快，老人家非常真诚的让我吃午饭，是爷爷奶奶一起包的红萝卜大包子。我看到了我和亲人的关系越来越好，我看到都是正向的，每个人的存在都有价值，我的内在充满了爱，我的世界就充满了爱。34、多年关系但又没有急需联络的人，可以用明信片维持联系，言简意深。35、积存文件、书信、记录、杂志甚至杂物，只会引起收拾、整理、寻找、堆迭的工作，虚耗时
  • 复读机哪个牌子好，十大学习机品牌内部隐藏优惠券排行榜揭秘 古楼
    复读机品牌排行榜-复读机内部隐藏优惠券哪个品牌好太爽了！揭秘！查看更多关于复读机品牌排行榜-复读机内部隐藏优惠券哪个品牌好太爽了！揭秘！的文章我在這裏特整理了10這合大學生的高顏值強性能復讀機學習機，在機身整體設計上並沒有增加厚度以尋求更好的散熱效果；而且拯救者R9000P2021的輕薄設計及精致的外觀打造特別符合現代年輕人的審美觀。聯想拯救者R9000P2021搭配16.1寸的2.5K高刷屏幕，
  • 李克富 || 培训从“吸吮手指”开始 李克富
    昨天上午赶到济南，下午启动仪式后晚上即开启了为武警边防山东总队心理咨询师的培训。这次部队首长明确指示，必须切实解决有关“如何”的问题，比如围绕部队改革中官兵出现的心理波动如何进行心理调试？如何面对改革后可能出现的心理落差？改革后如何制定职业规划？另外，还得通过案例分析和实践演练的方式，教会部队的咨询师们具体的案例处理，诸如婚姻关系问题、亲子关系问题、同事关系问题、突遇家庭变故问题、工作压力大的问题
  • 无意识现象 dear心理咨询师黄倩雯
    我希望能以少语言尽可能明白的解释无异议整数与在精神分析中意义，并且仅限于这精神分析中的意义。一个出现在意识中的概念和任何其他心理因素，过一会儿就可能消失，再过一段时间，这又可能重新出现。因此我们说他在记忆中并没有发生变化，他的再度出现并不是我们感官重新感觉的结果。为这一点，我们习惯于这样解释假定在一定的时间里纪念只存在于心中，却潜伏在意识里。至于他这样做时采取了什么形式，我们都无法猜测。这是在这点
  • html css js网页制作成品——HTML+CSS中国古代物理 - 中华优秀传统文化网页设计（4页）附源码 软件技术NINI 网页源码htmlcssjavascript
    目录一、‍网站题目二、✍️网站描述三、网站介绍四、网站效果五、代码实现HTML
  • K8S的Helm包管理器 程序员Rocky 运维DevOpsk8skubernetesdocker容器helmhelm安装包
    一、背景官网:https://helm.sh/我们针对K8S环境中，部署对应的应用，无外乎就是编写一堆yaml资源清单文件.资源清单、依赖性少的时候，可以直接手动维护。但是，随着资源清单越来越复杂，越来越多，不同的环境切换不同的资源清单配置，如果还是手动维护，那将会是一场运维灾难。没有Helm之前的问题:1、手动管理YAML文件：需要手动编写和维护大量YAML文件，容易出错2、缺乏标准化：各团队有
  • @基层干部 以“45度” 找准“角色设定” 夏天_175f
    政绩观直接反映干部从政的价值取向，是干部履职尽责、创造政绩的思想基础。对于基层干部来说，在实际工作中遇到难题是畏首畏尾还是迎难而上，考验的便是政绩观的正确与否，而“45度人生”则印证了他们应有的正确政绩观的人生姿态。“45度”是一种蹲踞姿势，朝前对准目标，做自身建设的突破者。党的二十大报告指出，“要坚定不移听党话、跟党走，怀抱梦想又脚踏实地，敢想敢为又善作善成，立志做有理想、敢担当、能吃苦、肯奋斗
  • 如何在寻求不被割韭菜的取经路上，不再被割一次？ XiaojunHong
    笑来老师其实是一个思想上的孤独者，他教别人独立思考。做一个“孤独者”，随着时间的推移，你的思考越深入，最终的结果就是。。。你身边没有谁能跟你讨论，没有谁值得你参考。这是一种极高的境界。每一个独立思考者都追求的境界。昨天听到的一句话“AlwaysBiggerFish——把英雄从危险中拯救出来的拯救者其实是一个更大的危险”。很受启发。统治本质就是暴力的。是小部分人对大部分人的征收。在进入任何领域的时候
  • HTML与HTML5知识点复习整理 bottle Shen html前端
    **本篇文章食用的简单说明**本篇文章为复习HTML与HTML5进行了知识点梳理，其中标题六部分涉及CSS知识（有标注），加粗部分为重点！！！加粗加红为重重点！！！如有遗漏欢迎在评论区补充~推荐大家按记忆梳理部分的内容自行回忆知识点，如有遗忘部分在左下方目录处点击相应部分可以进行跳转。又是努力学习前端的一天，希望大家共同进步~~~（QAQ我只是一个表情）❤***记忆梳理***一、HTML是什么二、
  • 注意：脸部脂肪大作战将开始，还不来参加？ 简小微
    俗话说“一白遮三丑，一高遮五丑，一瘦遮七丑，一富遮百丑”，但最终还是会归为“一胖毁所有”。因为现在的审美天平向纤细倾斜。无论男女，他们都对肥胖避之不及。也是因为大众审美的一致性，导致减肥成为了大家日日挂在口边的事。但是，每个人的胖也不是相同的。有人是四肢肥胖；有的人是肚子胖；有的人是单独脸胖；有的人是全身胖。但在这众多的肥胖类型中，脸胖是最难解决的，也是大家最头疼的。身体的肥胖大多可以通过运动来解
  • Spring中@Value注解，需要注意的地方 无量 springbean@Valuexml
    Spring 3以后,支持@Value注解的方式获取properties文件中的配置值，简化了读取配置文件的复杂操作 1、在applicationContext.xml文件(或引用文件中)中配置properties文件 <bean id="appProperty" class="org.springframework.beans.fac
  • mongoDB 分片 开窍的石头 mongodb
        mongoDB的分片。要mongos查询数据时候 先查询configsvr看数据在那台shard上，configsvr上边放的是metar信息，指的是那条数据在那个片上。由此可以看出mongo在做分片的时候咱们至少要有一个configsvr,和两个以上的shard（片）信息。     第一步启动两台以上的mongo服务 &nb
  • OVER(PARTITION BY)函数用法 0624chenhong oracle
    这篇写得很好，引自 http://www.cnblogs.com/lanzi/archive/2010/10/26/1861338.html OVER(PARTITION BY)函数用法 2010年10月26日 OVER(PARTITION BY)函数介绍 开窗函数        &nb
  • Android开发中，ADB server didn't ACK 解决方法 一炮送你回车库 Android开发
    首先通知：凡是安装360、豌豆荚、腾讯管家的全部卸载，然后再尝试。   一直没搞明白这个问题咋出现的，但今天看到一个方法，搞定了！原来是豌豆荚占用了 5037 端口导致。 参见原文章：一个豌豆荚引发的血案——关于ADB server didn't ACK的问题 简单来讲，首先将Windows任务进程中的豌豆荚干掉，如果还是不行，再继续按下列步骤排查。 &nb
  • canvas中的像素绘制问题 换个号韩国红果果 JavaScriptcanvas
    pixl的绘制，1.如果绘制点正处于相邻像素交叉线，绘制x像素的线宽，则从交叉线分别向前向后绘制x/2个像素，如果x/2是整数，则刚好填满x个像素，如果是小数，则先把整数格填满，再去绘制剩下的小数部分，绘制时，是将小数部分的颜色用来除以一个像素的宽度，颜色会变淡。所以要用整数坐标来画的话（即绘制点正处于相邻像素交叉线时），线宽必须是2的整数倍。否则会出现不饱满的像素。 2.如果绘制点为一个像素的
  • 编码乱码问题 灵静志远 javajvmjsp编码
    1、JVM中单个字符占用的字节长度跟编码方式有关，而默认编码方式又跟平台是一一对应的或说平台决定了默认字符编码方式；2、对于单个字符：ISO-8859-1单字节编码，GBK双字节编码，UTF-8三字节编码；因此中文平台(中文平台默认字符集编码GBK)下一个中文字符占2个字节，而英文平台(英文平台默认字符集编码Cp1252(类似于ISO-8859-1))。 3、getBytes()、getByte
  • java 求几个月后的日期 darkranger calendargetinstance
    Date plandate = planDate.toDate(); SimpleDateFormat df = new SimpleDateFormat("yyyy-MM-dd"); Calendar cal = Calendar.getInstance(); cal.setTime(plandate); // 取得三个月后时间 cal.add(Calendar.M
  • 数据库设计的三大范式（通俗易懂） aijuans 数据库复习
    关系数据库中的关系必须满足一定的要求。满足不同程度要求的为不同范式。数据库的设计范式是数据库设计所需要满足的规范。只有理解数据库的设计范式，才能设计出高效率、优雅的数据库，否则可能会设计出错误的数据库. 目前，主要有六种范式：第一范式、第二范式、第三范式、BC范式、第四范式和第五范式。满足最低要求的叫第一范式，简称1NF。在第一范式基础上进一步满足一些要求的为第二范式，简称2NF。其余依此类推。
  • 想学工作流怎么入手 atongyeye jbpm
    工作流在工作中变得越来越重要，很多朋友想学工作流却不知如何入手。 很多朋友习惯性的这看一点，那了解一点，既不系统，也容易半途而废。好比学武功，最好的办法是有一本武功秘籍。研究明白，则犹如打通任督二脉。 系统学习工作流，很重要的一本书《JBPM工作流开发指南》。 本人苦苦学习两个月，基本上可以解决大部分流程问题。整理一下学习思路，有兴趣的朋友可以参考下。 1  首先要
  • Context和SQLiteOpenHelper创建数据库 百合不是茶 androidContext创建数据库
           一直以为安卓数据库的创建就是使用SQLiteOpenHelper创建,但是最近在android的一本书上看到了Context也可以创建数据库,下面我们一起分析这两种方式创建数据库的方式和区别,重点在SQLiteOpenHelper     一:SQLiteOpenHelper创建数据库:   1,SQLi
  • 浅谈group by和distinct bijian1013 oracle数据库group bydistinct
            group by和distinct只了去重意义一样，但是group by应用范围更广泛些，如分组汇总或者从聚合函数里筛选数据等。         譬如：统计每id数并且只显示数大于3 select id ,count(id) from ta
  • vi opertion 征客丶 macoprationvi
    进入 command mode （命令行模式） 按 esc 键 再按 shift + 冒号 注：以下命令中 带 $ 【在命令行模式下进行】，不带 $ 【在非命令行模式下进行】 一、文件操作 1.1、强制退出不保存 $ q! 1.2、保存 $ w 1.3、保存并退出 $ wq 1.4、刷新或重新加载已打开的文件 $ e 二、光标移动 2.1、跳到指定行 数字
  • 【Spark十四】深入Spark RDD第三部分RDD基本API bit1129 spark
      对于K/V类型的RDD,如下操作是什么含义？   val rdd = sc.parallelize(List(("A",3),("C",6),("A",1),("B",5)) rdd.reduceByKey(_+_).collect  reduceByKey在这里的操作，是把
  • java类加载机制 BlueSkator java虚拟机
    java类加载机制 1.java类加载器的树状结构 引导类加载器 ^ | 扩展类加载器 ^ | 系统类加载器 java使用代理模式来完成类加载，java的类加载器也有类似于继承的关系，引导类是最顶层的加载器，它是所有类的根加载器，它负责加载java核心库。当一个类加载器接到装载类到虚拟机的请求时，通常会代理给父类加载器，若已经是根加载器了，就自己完成加载。 虚拟机区分一个Cla
  • 动态添加文本框 BreakingBad 文本框
      <script>     var num=1; function AddInput() {      var str="";     str+="<input 
  • 读《研磨设计模式》-代码笔记-单例模式 bylijinnan java设计模式
    声明： 本文只为方便我个人查阅和理解，详细的分析以及源代码请移步 原作者的博客http://chjavach.iteye.com/ public class Singleton { } /* * 懒汉模式。注意，getInstance如果在多线程环境中调用，需要加上synchronized，否则存在线程不安全问题 */ class LazySingleton
  • iOS应用打包发布常见问题 chenhbc iosiOS发布iOS上传iOS打包
    这个月公司安排我一个人做iOS客户端开发，由于急着用，我先发布一个版本，由于第一次发布iOS应用，期间出了不少问题，记录于此。   1、使用Application Loader 发布时报错：Communication error.please use diagnostic mode to check connectivity.you need to have outbound acc
  • 工作流复杂拓扑结构处理新思路 comsci 设计模式工作算法企业应用OO
    我们走的设计路线和国外的产品不太一样，不一样在哪里呢？  国外的流程的设计思路是通过事先定义一整套规则(类似XPDL)来约束和控制流程图的复杂度(我对国外的产品了解不够多，仅仅是在有限的了解程度上面提出这样的看法)，从而避免在流程引擎中处理这些复杂的图的问题，而我们却没有通过事先定义这样的复杂的规则来约束和降低用户自定义流程图的灵活性，这样一来，在引擎和流程流转控制这一个层面就会遇到很
  • oracle 11g新特性Flashback data archive daizj oracle
    1. 什么是flashback data archive Flashback data archive是oracle 11g中引入的一个新特性。Flashback archive是一个新的数据库对象，用于存储一个或多表的历史数据。Flashback archive是一个逻辑对象，概念上类似于表空间。实际上flashback archive可以看作是存储一个或多个表的所有事务变化的逻辑空间。
  • 多叉树:2-3-4树 dieslrae 树
        平衡树多叉树,每个节点最多有4个子节点和3个数据项,2,3,4的含义是指一个节点可能含有的子节点的个数,效率比红黑树稍差.一般不允许出现重复关键字值.2-3-4树有以下特征:     1、有一个数据项的节点总是有2个子节点(称为2-节点)     2、有两个数据项的节点总是有3个子节点(称为3-节
  • C语言学习七动态分配 malloc的使用 dcj3sjt126com clanguagemalloc
    /* 2013年3月15日15:16:24 malloc 就memory(内存) allocate(分配)的缩写 本程序没有实际含义，只是理解使用 */ # include <stdio.h> # include <malloc.h> int main(void) { int i = 5; //分配了4个字节 静态分配 int * p
  • Objective-C编码规范[译] dcj3sjt126com 代码规范
      原文链接 : The official raywenderlich.com Objective-C style guide 原文作者 : raywenderlich.com Team 译文出自 : raywenderlich.com Objective-C编码规范 译者 : Sam Lau
  • 0.性能优化-目录 frank1234 性能优化
    从今天开始笔者陆续发表一些性能测试相关的文章，主要是对自己前段时间学习的总结，由于水平有限，性能测试领域很深，本人理解的也比较浅，欢迎各位大咖批评指正。 主要内容包括： 一、性能测试指标 吞吐量、TPS、响应时间、负载、可扩展性、PV、思考时间 http://frank1234.iteye.com/blog/2180305 二、性能测试策略 生产环境相同 基准测试 预热等 htt
  • Java父类取得子类传递的泛型参数Class类型 happyqing java泛型父类子类Class
      import java.lang.reflect.ParameterizedType; import java.lang.reflect.Type; import org.junit.Test; abstract class BaseDao<T> { public void getType() { //Class<E> clazz =
  • 跟我学SpringMVC目录汇总贴、PDF下载、源码下载 jinnianshilongnian springMVC
      ----广告-------------------------------------------------------------- 网站核心商详页开发 掌握Java技术，掌握并发/异步工具使用，熟悉spring、ibatis框架； 掌握数据库技术，表设计和索引优化，分库分表/读写分离； 了解缓存技术，熟练使用如Redis/Memcached等主流技术； 了解Ngin
  • the HTTP rewrite module requires the PCRE library 流浪鱼 rewrite
    ./configure: error: the HTTP rewrite module requires the PCRE library. 模块依赖性Nginx需要依赖下面3个包 1. gzip 模块需要 zlib 库 ( 下载: http://www.zlib.net/ ) 2. rewrite 模块需要 pcre 库 ( 下载: http://www.pcre.org/ ) 3. s
  • 第12章 Ajax（中） onestopweb Ajax
    index.html <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html xmlns="http://www.w3.org/
  • Optimize query with Query Stripping in Web Intelligence blueoxygen BO
    http://wiki.sdn.sap.com/wiki/display/BOBJ/Optimize+query+with+Query+Stripping+in+Web+Intelligence and a very straightfoward video http://www.sdn.sap.com/irj/scn/events?rid=/library/uuid/40ec3a0c-936
  • Java开发者写SQL时常犯的10个错误 tomcat_oracle javasql
    1、不用PreparedStatements 　　有意思的是，在JDBC出现了许多年后的今天，这个错误依然出现在博客、论坛和邮件列表中，即便要记住和理解它是一件很简单的事。开发者不使用PreparedStatements的原因可能有如下几个： 　　他们对PreparedStatements不了解 　　他们认为使用PreparedStatements太慢了 　　他们认为写Prepar
  • 世纪互联与结盟有感 阿尔萨斯
    10月10日，世纪互联与（Foxcon）签约成立合资公司，有感。 全球电子制造业巨头（全球500强企业）与世纪互联共同看好IDC、云计算等业务在中国的增长空间，双方迅速果断出手，在资本层面上达成合作，此举体现了全球电子制造业巨头对世纪互联IDC业务的欣赏与信任，另一方面反映出世纪互联目前良好的运营状况与广阔的发展前景。 众所周知，精于电子产品制造（世界第一），对于世纪互联而言，能够与结盟
按字母分类： ABCDEFGHIJKLMNOPQRSTUVWXYZ其他