搬砖行家
搬砖行家

Flexbox

flexDirection : 决定布局的主轴(column默认沿着竖直方向排列，row 子元素沿着水平轴)
justifyContent ：主轴的排列方式（flex-start、center、flex-end、space-around以及space-between）

alignItems ：侧轴的对其方向（flex-start、center、flex-end以及stretch）

flexWrap : 换不换行

margin ： 边距（marginTop 上边距；marginBottom下边距）

flex : 占父视图占比
alignSelf : 允许单个项目跟其他项目不一样

你可能感兴趣的:(Flexbox)

  • 深入掌握CSS Grid布局：每个属性详解与实战示例
    CSSGrid布局是前端开发者的“布局神器”，能让你轻松搞定复杂的网页排版。想从零基础到熟练运用Grid？别急，这篇文章会带你逐一拆解Grid的每个核心属性，配上直观的代码示例和效果分析，确保你不仅看懂，还能自己写出来！无论你是新手还是想进阶，这篇指南都帮你打牢基础，学会用Grid玩转布局！1.为什么要学CSSGrid？Grid是CSS提供的一种二维布局系统，比Flexbox更强大，因为它能同时控
  • 图像旁文本垂直对齐的方法
    图像旁文本垂直对齐的方法技术背景在网页设计中，经常需要将文本与图像进行垂直对齐。然而，由于HTML和CSS的特性，实现完美的垂直对齐可能会遇到一些挑战。本文将介绍多种实现图像旁文本垂直对齐的方法。实现步骤方法一：对图像应用垂直对齐将vertical-align:middle样式应用于图像：Works.方法二：使用Flexbox布局.box{display:flex;align-items:cent
  • 06.CSS3布局 Ching_Lee
    1.弹性盒模型flexbox1）弹性容器属性flexcontainerflex-directionflex-wrap复合属性flex-flowjustify-contentalign-itemsalign-content2）弹性子元素属性flexitem3）Flexbox菜单项目实战宽度大于768px宽度大于480px小于768px宽度小于480px弹性响应式布局实现菜单栏.menu{list-s
  • 自行搭建前端页面并进行解析
    用户登录/*基础页面样式*/body{font-family:'SegoeUI',Tahoma,Geneva,Verdana,sans-serif;/*设置更现代的字体族*/background:linear-gradient(135deg,#f5f7fa0%,#e4e5e6100%);/*添加渐变背景*/display:flex;/*使用Flexbox布局*/justify-content:ce
  • 重学前端006 --- 响应式网页设计 CSS 弹性盒子
    文章目录盒模型一、盒模型的基本概念二、两种盒模型的对比举例三、总结Flexbox弹性盒子布局一、Flexbox的核心概念二、Flexbox的基本语法1.定义Flex容器2.Flex容器的主要属性3.Flex项目的主要属性三、Flexbox的常见布局示例四、FlexboxvsGrid布局五、总结imgobject-fitgapCSS::after伪元素详解1.基本概念2.基础语法3.关键注意事项以下
  • React 学习计划 夜游猿 Reactreact.js学习前端
    React学习计划前置知识目标熟练掌握HTML、CSS和JavaScript的基础知识。了解ES6+的新特性。学习内容HTML:标签属性表单布局CSS:选择器盒模型布局（Flexbox,Grid）响应式设计JavaScript:变量数据类型控制结构函数对象数组DOM操作ES6+:箭头函数模板字符串解构赋值类模块化资源MDNWeb文档《你不知道的JavaScript》（上卷）React基础目标能够创
  • ReactNative进阶（四十四）：Mobile App 适配性优化_react native 适配
    在ReactNative中尺寸是没有单位的，它代表了设备独立像素。尺寸上述代码，运行在Android上时，View的长和宽被解释成：100dp100dp单位是dp，字体被解释成16sp单位是sp，运行在iOS上时尺寸单位被解释称了pt，这些单位确保了布局在任何不同dpi的手机屏幕上显示不会发生改变；值得一提的是，ReactNative中的FlexBox和WebCSS上FlexBox工作方式是一样的
  • Bootstrap 5学习教程，从入门到精通，Bootstrap 5 Flex 布局语法知识点及案例（27） 知识分享小能手 网页开发Bootstrap5前端开发bootstrap学习前端javascriptecmascripthtmlcss
    Bootstrap5Flex布局语法知识点及案例Bootstrap5提供了强大的Flexbox工具集，让布局变得更加简单灵活。以下是Bootstrap5Flex布局的完整知识点和详细案例代码。一、Flex布局基础语法1.启用Flex布局我是一个flex容器我是一个行内flex容器2.方向控制(flex-direction)水平排列（默认）水平反向排列垂直排列垂直反向排列3.主轴对齐(justify
  • HTML 与 JavaScript 常见错误及解决方案 Sally璐璐 常见错误htmljavascript前端
    一、HTML常见错误1.标签未闭合未闭合的段落已闭合的段落影响分析：可能导致后续元素样式异常，因为浏览器会尝试自动补全标签DOM结构错乱，影响JavaScript查询和操作在复杂页面中可能引发连锁反应，导致大面积布局问题实际案例：一个未闭合的可能导致整个页面的布局崩溃，特别是在使用Flexbox或Grid布局时检测工具：浏览器开发者工具（Elements面板）：会显示黄色警告符号W3C验证器：ht
  • 深入理解CSS弹性布局中的flex-basis属性 大奇鸭 CSS弹性布局flex-basis属性内容自适应最小尺寸浏览器兼容性
    深入理解CSS弹性布局中的flex-basis属性在CSS弹性布局中，flex-basis属性扮演着核心角色，它决定了flex子项在主轴方向上的初始大小。本文将详细解读flex-basis属性的用法、兼容性以及与其他CSS属性的关系，帮助前端开发者更高效地布局页面。背景简介在现代网页设计中，弹性布局（Flexbox）已成为实现响应式设计的首选。它允许元素在容器内灵活地伸缩以适应不同的屏幕尺寸和内容
  • 每天一个前端小知识 Day 2 - Flexbox 布局模型 蓝婷儿 前端面试前端css3
    Flexbox布局模型（CSSFlex弹性盒模型）1.为什么要学习Flexbox？传统布局方式（如float,inline-block,table）存在：居中困难；等高列实现繁琐；代码不够语义化；响应式适配能力差。而Flexbox（CSSFlexibleBoxLayout）为这些常见问题提供了简洁、强大、现代化的解决方案，适合构建一维方向的布局（横排或竖排）。2.Flexbox核心概念容器与项目（
  • CSS中如何实现多列布局 DTcode7 HTML网站开发#前端基础入门三大核心之CSSHTMLCSSwebcss3网页开发
    CSS中如何实现多列布局多列布局的基本概念作用说明示例一：使用浮动实现多列布局示例二：使用Flexbox实现多列布局示例三：使用Grid布局实现多列布局示例四：响应式多列布局示例五：自定义列数的多列布局不同角度的功能使用思路1.浮动布局的优势与限制2.Flexbox的灵活性3.Grid布局的强大功能实际开发中的使用技巧在现代Web开发中，多列布局是一种常见的网页设计模式，它可以有效地组织内容，使页
  • web复习（八） 丸卜 前端
    一、响应式布局1.响应式概述响应式布局是一种网页设计方法，使页面能够自适应不同尺寸的设备（如手机、平板、电脑等），为用户提供了一致的浏览体验。示例：使用媒体查询实现简单的响应式设计。HTMLbody{background-color:blue;}@media(min-width:768px){body{background-color:green;}}2.弹性盒子布局弹性盒子布局（Flexbox）
  • 【前端进阶】深入解析 Flexbox 布局中的 flex-shrink 与 gap 兼容性问题
    Flexbox布局已成为现代Web开发中不可或缺的技术，但在实际使用中开发者常会遇到flex-shrink导致的内容挤压问题和gap属性的兼容性挑战。本文将通过代码示例和原理分析，帮助你彻底理解这些问题并提供解决方案。一、flex-shrink导致内容挤压问题1.1问题现象当容器空间不足时，Flex子项可能出现以下异常情况：文本内容溢出容器图片或固定尺寸元素被压缩变形布局出现不可预测的错位Shor
  • Flexbox中的flex-shrink和flex-grow属性 魔云连洲 前端
    flex-shrink属性flex-shrink是CSSFlexbox布局中的一个属性，用于定义弹性项目在容器空间不足时的收缩比例。当弹性容器的宽度小于所有弹性项目的总宽度时，flex-shrink决定每个项目将按何种比例缩小以适应容器。语法flex-shrink:;：一个非负数值，默认值为1。数值越大，表示该项目在空间不足时收缩得越多。示例假设我们有一个弹性容器，里面有三个弹性项目，每个项目的宽
  • 【CSS 面经】水平垂直居中的实现 Peter-Lu #CSS面经css前端html
    文章目录一、基本需求二、实现方法方法一：使用CSSFlexbox1.代码示例：2.解析：3.优点：4.注意：方法二：使用CSSGrid1.代码示例：2.解析：3.优点：4.注意：方法三：使用绝对定位1.代码示例：2.解析：3.优点：4.注意：方法四：使用传统的margin方法1.代码示例：2.解析：3.优点：4.注意：三、总结在前端开发中，水平和垂直居中是一个非常常见的布局需求。无论是一个按钮、图
  • HTML实战：响应式个人资料页面 三三十二 html前端
    我将创建一个现代化的响应式个人资料页面，展示HTML在实际应用中的强大功能。这个页面将包含多个实战元素：导航栏、个人简介、技能展示、作品集和联系表单。设计思路使用Flexbox和Grid布局实现响应式设计添加CSS过渡效果增强交互体验实现深色/浅色模式切换功能创建悬停动画效果提升视觉体验确保所有元素在不同设备上完美显示下面是完整的HTML代码实现：HTML实战-响应式个人资料页面*{margin:
  • 【css】 flex布局基本知识 夫琅禾费米线 css前端react.js前端框架javascript
    FlexibleBox模型，是一种一维的布局模型。一个flexbox一次只能处理一个维度上的元素布局，一行或者一列。轴线flex属性与主轴和交叉轴有关，通过flex-direction定义主轴由flex-direction定义，可以取4个值：rowrow-reverse：交换起始线和终止线位置columncolumn-reverseflex容器将一个容器设置display:flex后，其直系子元素
  • （初级）前端初学者入门指南：HTML5与CSS3核心知识详解 前端虫 系统学习前端路线前端html5css3
    对于前端初学者来说，掌握HTML5和CSS3的基础知识是构建现代化网页的第一步。本文将围绕语义化标签、多媒体嵌入、盒模型、Flexbox布局和Grid布局五大核心知识点展开，通过代码示例和详细解析帮助大家快速上手。一、HTML5：从结构到交互的革新1.语义化标签：让代码更易读为什么需要语义化？在HTML4时代，开发者常用和构建页面，导致代码可读性差且不利于SEO。HTML5引入的语义化标签通过明确
  • 32、跨平台咒语—— React Native初探 进取星辰 reactnativereact.jsjavascript
    一、时空晶体架构（核心原理）1.量子组件桥接协议//原生组件映射  →iOSUIView/AndroidViewGroup  →UILabel/TextView 魔法特性：•JavaScriptCore引擎：通过V8/Hermes引擎执行JS逻辑，构建跨平台抽象渲染树•原生桥接层：JS代码与原生UI组件形成量子纠缠，自动转换为iOS/Android原生视图•Flexbox布局引擎：弹性布局系统适配
  • CSS进阶技巧与概念深度解析 andriy_mulyar CSS布局技巧坐标系统应用角处理技术计数器与计数模式CORS策略CSS3动画与过渡
    CSS进阶技巧与概念深度解析背景简介本章节内容是关于CSS高级特性的全面剖析，不仅涵盖了连续与分页媒体的对比、坐标系统、角处理、CORS策略等基础概念，还深入讲解了计数器的使用、CORS和flexbox的理解，以及CSS3中动画和过渡的使用。通过对这些主题的学习，读者可以掌握CSS中更为复杂和精细的样式设计技巧。连续与分页媒体在Web开发中，媒体类型的不同会影响布局和样式的表现。本章首先介绍了连续
  • 完全掌握HTML与CSS：从基础到进阶的最佳实践 赵子诺
    本文还有配套的精品资源，点击获取简介：《HeadFirstHTML与CSS第2版中文版》是为Web前端初学者量身打造的教材。它通过直观的方式讲解HTML和CSS的基础知识，引导读者从零开始掌握构建网页的技能。书内深入分析了HTML的结构、元素和属性、文本格式化、链接与导航以及列表与表格的创建方法；CSS的选择器、属性与值、盒模型、布局方式及响应式设计；以及CSS的浮动、Flexbox、Grid布局
  • 《div+css 网站布局案例精粹》：实用网页设计技术深度解析 AIAlchemist
    本文还有配套的精品资源，点击获取简介：《div+css网站布局案例精粹》详细介绍了如何使用HTML的元素和CSS来构建响应式网站。本书深入探讨了的多功能性、CSS布局技术，以及响应式设计原则。读者将学习到多种布局方法，包括浮动、定位、Flexbox和Grid，以及如何应用这些技术创建适应不同设备的界面。本书还涵盖了盒模型、选择器和优先级、过渡和动画、浏览器兼容性和性能优化等关键知识点，旨在帮助网页
  • CSS 布局系统深度解析：从传统到现代的布局方案 读心悦 html5css3css前端
    CSS布局系统深度解析：从传统到现代的布局方案一、CSS布局发展概述CSS布局的演进历程反映了前端开发对页面结构控制的需求升级。早期的布局依赖HTML表格（）和浮动（float），但存在语义混乱、布局僵化等问题。随着CSS2.1到CSS3的发展，现代布局系统（如Flexbox、Grid）逐渐成为主流，它们以更高效的方式解决了传统布局的痛点。核心布局分类：传统布局：标准流（NormalFlow）、浮
  • Flexbox魔法世界 前端熊猫 Flexbox前端前端框架
    Flexbox魔法世界：纵向排列与属性探索️实现三个盒子的纵向排列：垂直积木塔Flex容器盒子1盒子2盒子3生活类比：想象传统的HTML布局就像是把积木平铺在桌面上。而Flexbox就像是给积木加上了磁性，可以让它们按照你想要的方向吸附排列！要建造一座垂直的积木塔，你只需要告诉积木：“请垂直排列”，它们就会乖乖地一个叠在另一个上面。实现垂直排列的魔法咒语/*创建Flex容器*/.container
  • Vue百日学习计划Day4-8——Gemini版 LuckyLay vue.js学习前端
    番茄时钟：每个番茄钟为25分钟学习，之后休息5分钟。每完成4个番茄钟，进行一次15-30分钟的长休息。灵活性：这仍然是一个建议性计划。某些主题（尤其是Flexbox和Grid）可能需要比预期更多的时间来练习和理解。请根据您的进度灵活调整。实践是关键：对于Flexbox、Grid和响应式设计，动手实践至关重要。请务必完成相关的练习和游戏。资源利用：MDNWebDocs(CSS):https://de
  • CSS flex:1 2401_83708850 css前端
    在CSS中，flex:1是一个用于弹性布局（Flexbox）的简写属性，主要用于控制flex项目（子元素）如何分配父容器的剩余空间。以下是其核心作用和用法：核心作用等分剩余空间：让flex项目自动填充父容器的剩余空间，所有设置了flex:1的项目会平均分配可用空间。弹性伸缩：使项目能够根据父容器的大小自动伸缩，适应不同屏幕尺寸。简化布局：避免手动计算宽度或高度，快速实现等高列、等分布局等。
  • CSS基础知识 【一篇就够】 成茂峰 #前端-基础合集css前端
    文章目录CSS知识点基础知识什么是css？css的历史和版本css语法的结构css选择器，如何选择元素css属性和值的基础知识CSS属性CSS值css属性值类型css单位css值的继承性css值的优先级排版和布局盒子模型的概念W3C盒子模型IE盒子模型块级元素和行内元素的区别浮动和清除浮动定位，绝对定位和相对定位弹性盒子模型（flexbox）的概念网格布局（grid）的概念样式化文本字体样式和字体
  • 如何使用CSS解决一行有三个元素，前两个元素靠左排列，第三个元素靠右排列的问题 DanyHope CSS场景cssjavascript前端
    如图所示，我要把左边的场馆和区域信息靠左排列，价格信息靠右排列。如何使用CSS实现这种效果？在这里，我使用了flexbox弹性布局，以下是我的实现代码.name-info{display:flex;gap:2px;justify-content:space-between;align-items:center;}.venue-name{font-weight:600;font-size:16px;
  • 探秘Reflex：一款创新的前端响应式框架 邢郁勇Alda
    探秘Reflex：一款创新的前端响应式框架reflexresponsiveflexboxgridwithinline-blocklegacysupport项目地址:https://gitcode.com/gh_mirrors/refle/reflex在Web开发的世界中，前端框架扮演着至关重要的角色，它们帮助开发者构建高效、动态且响应式的应用。今天我们要介绍的是一个新兴的开源项目——Reflex。
  • 安装数据库首次应用 Array_06 javaoraclesql
    可是为什么再一次失败之后就变成直接跳过那个要求 enter full pathname of java.exe的界面 这个java.exe是你的Oracle 11g安装目录中例如：【F:\app\chen\product\11.2.0\dbhome_1\jdk\jre\bin】下的java.exe 。不是你的电脑安装的java jdk下的java.exe！ 注意第一次，使用SQL D
  • Weblogic Server Console密码修改和遗忘解决方法 bijian1013 Welogic
            在工作中一同事将Weblogic的console的密码忘记了，通过网上查询资料解决，实践整理了一下。 一.修改Console密码         打开weblogic控制台，安全领域 --> myrealm -->&n
  • IllegalStateException: Cannot forward a response that is already committed Cwind javaServlets
    对于初学者来说，一个常见的误解是：当调用 forward() 或者 sendRedirect() 时控制流将会自动跳出原函数。标题所示错误通常是基于此误解而引起的。 示例代码： protected void doPost() { if (someCondition) { sendRedirect(); } forward(); // Thi
  • 基于流的装饰设计模式 木zi_鸣 设计模式
    当想要对已有类的对象进行功能增强时，可以定义一个类，将已有对象传入，基于已有的功能，并提供加强功能。 自定义的类成为装饰类 模仿BufferedReader，对Reader进行包装，体现装饰设计模式 装饰类通常会通过构造方法接受被装饰的对象，并基于被装饰的对象功能，提供更强的功能。 装饰模式比继承灵活，避免继承臃肿，降低了类与类之间的关系 装饰类因为增强已有对象，具备的功能该
  • Linux中的uniq命令 被触发 linux
    Linux命令uniq的作用是过滤重复部分显示文件内容，这个命令读取输入文件，并比较相邻的行。在正常情 况下，第二个及以后更多个重复行将被删去，行比较是根据所用字符集的排序序列进行的。该命令加工后的结果写到输出文件中。输入文件和输出文件必须不同。如 果输入文件用“- ”表示，则从标准输入读取。 AD： uniq [选项] 文件 说明：这个命令读取输入文件，并比较相邻的行。在正常情况下，第二个
  • 正则表达式Pattern 肆无忌惮_ Pattern
    正则表达式是符合一定规则的表达式，用来专门操作字符串，对字符创进行匹配，切割，替换，获取。   例如，我们需要对QQ号码格式进行检验 规则是长度6~12位  不能0开头  只能是数字，我们可以一位一位进行比较，利用parseLong进行判断，或者是用正则表达式来匹配[1-9][0-9]{4,14} 或者 [1-9]\d{4,14} &nbs
  • Oracle高级查询之OVER (PARTITION BY ..) 知了ing oraclesql
    一、rank()/dense_rank() over(partition by ...order by ...) 现在客户有这样一个需求，查询每个部门工资最高的雇员的信息，相信有一定oracle应用知识的同学都能写出下面的SQL语句： select e.ename, e.job, e.sal, e.deptno from scott.emp e, (se
  • Python调试 矮蛋蛋 pythonpdb
    原文地址： http://blog.csdn.net/xuyuefei1988/article/details/19399137 1、下面网上收罗的资料初学者应该够用了，但对比IBM的Python 代码调试技巧： IBM：包括 pdb 模块、利用 PyDev 和 Eclipse 集成进行调试、PyCharm 以及 Debug 日志进行调试： http://www.ibm.com/d
  • webservice传递自定义对象时函数为空，以及boolean不对应的问题 alleni123 webservice
    今天在客户端调用方法 NodeStatus status=iservice.getNodeStatus(). 结果NodeStatus的属性都是null。 进行debug之后，发现服务器端返回的确实是有值的对象。 后来发现原来是因为在客户端，NodeStatus的setter全部被我删除了。 本来是因为逻辑上不需要在客户端使用setter， 结果改了之后竟然不能获取带属性值的
  • java如何干掉指针，又如何巧妙的通过引用来操作指针————>说的就是java指针 百合不是茶
    C语言的强大在于可以直接操作指针的地址，通过改变指针的地址指向来达到更改地址的目的,又是由于c语言的指针过于强大，初学者很难掌握， java的出现解决了c，c++中指针的问题 java将指针封装在底层，开发人员是不能够去操作指针的地址，但是可以通过引用来间接的操作：   定义一个指针p来指向a的地址（&是地址符号）：        
  • Eclipse打不开，提示“An error has occurred.See the log file ***/.log” bijian1013 eclipse
    打开eclipse工作目录的\.metadata\.log文件，发现如下错误： !ENTRY org.eclipse.osgi 4 0 2012-09-10 09:28:57.139 !MESSAGE Application error !STACK 1 java.lang.NoClassDefFoundError: org/eclipse/core/resources/IContai
  • spring aop实例annotation方法实现 bijian1013 javaspringAOPannotation
            在spring aop实例中我们通过配置xml文件来实现AOP，这里学习使用annotation来实现，使用annotation其实就是指明具体的aspect,pointcut和advice。1.申明一个切面(用一个类来实现)在这个切面里,包括了advice和pointcut AdviceMethods.jav
  • [Velocity一]Velocity语法基础入门 bit1129 velocity
    用户和开发人员参考文档 http://velocity.apache.org/engine/releases/velocity-1.7/developer-guide.html   注释 1.行级注释## 2.多行注释#*  *#   变量定义 使用$开头的字符串是变量定义，例如$var1, $var2,   赋值 使用#set为变量赋值，例
  • 【Kafka十一】关于Kafka的副本管理 bit1129 kafka
    1. 关于request.required.acks   request.required.acks控制者Producer写请求的什么时候可以确认写成功，默认是0， 0表示即不进行确认即返回。 1表示Leader写成功即返回，此时还没有进行写数据同步到其它Follower Partition中 -1表示根据指定的最少Partition确认后才返回，这个在   Th
  • lua统计nginx内部变量数据 ronin47 lua nginx　 统计
    server { listen 80; server_name photo.domain.com; location /{set $str $uri; content_by_lua ' local url = ngx.var.uri local res = ngx.location.capture(
  • java-11.二叉树中节点的最大距离 bylijinnan java
    import java.util.ArrayList; import java.util.List; public class MaxLenInBinTree { /* a. 1 / \ 2 3 / \ / \ 4 5 6 7 max=4 pass "root"
  • Netty源码学习-ReadTimeoutHandler bylijinnan javanetty
    ReadTimeoutHandler的实现思路： 开启一个定时任务，如果在指定时间内没有接收到消息，则抛出ReadTimeoutException 这个异常的捕获，在开发中，交给跟在ReadTimeoutHandler后面的ChannelHandler，例如 private final ChannelHandler timeoutHandler = new ReadTim
  • jquery验证上传文件样式及大小(好用) cngolon 文件上传jquery验证
    <!DOCTYPE html> <html> <head> <meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> <script src="jquery1.8/jquery-1.8.0.
  • 浏览器兼容【转】 cuishikuan css浏览器IE
    浏览器兼容问题一：不同浏览器的标签默认的外补丁和内补丁不同 问题症状：随便写几个标签，不加样式控制的情况下，各自的margin 和padding差异较大。 碰到频率:100% 解决方案：CSS里    *{margin:0;padding:0;} 备注：这个是最常见的也是最易解决的一个浏览器兼容性问题，几乎所有的CSS文件开头都会用通配符*来设
  • Shell特殊变量：Shell $0, $#, $*, $@, $?, $$和命令行参数 daizj shell$#$?特殊变量
    前面已经讲到，变量名只能包含数字、字母和下划线，因为某些包含其他字符的变量有特殊含义，这样的变量被称为特殊变量。例如，$ 表示当前Shell进程的ID，即pid，看下面的代码： $echo $$ 运行结果 29949   特殊变量列表 变量 含义 $0 当前脚本的文件名 $n 传递给脚本或函数的参数。n 是一个数字，表示第几个参数。例如，第一个
  • 程序设计KISS 原则-------KEEP IT SIMPLE, STUPID! dcj3sjt126com unix
    翻到一本书，讲到编程一般原则是kiss：Keep It Simple, Stupid.对这个原则深有体会，其实不仅编程如此，而且系统架构也是如此。 KEEP IT SIMPLE, STUPID! 编写只做一件事情，并且要做好的程序；编写可以在一起工作的程序，编写处理文本流的程序，因为这是通用的接口。这就是UNIX哲学.所有的哲学真 正的浓缩为一个铁一样的定律，高明的工程师的神圣的“KISS 原
  • android Activity间List传值 dcj3sjt126com Activity
    第一个Activity： import java.util.ArrayList;import java.util.HashMap;import java.util.List;import java.util.Map;import android.app.Activity;import android.content.Intent;import android.os.Bundle;import a
  • tomcat 设置java虚拟机内存 eksliang tomcat 内存设置
    转载请出自出处：http://eksliang.iteye.com/blog/2117772 http://eksliang.iteye.com/ 常见的内存溢出有以下两种: java.lang.OutOfMemoryError: PermGen space java.lang.OutOfMemoryError: Java heap space   ------------
  • Android 数据库事务处理 gqdy365 android
    使用SQLiteDatabase的beginTransaction()方法可以开启一个事务，程序执行到endTransaction() 方法时会检查事务的标志是否为成功，如果程序执行到endTransaction()之前调用了setTransactionSuccessful() 方法设置事务的标志为成功则提交事务，如果没有调用setTransactionSuccessful() 方法则回滚事务。事
  • Java 打开浏览器 hw1287789687 打开网址open浏览器open browser打开url打开浏览器
    使用java 语言如何打开浏览器呢? 我们先研究下在cmd窗口中,如何打开网址 使用IE 打开 D:\software\bin>cmd /c start iexplore http://hw1287789687.iteye.com/blog/2153709 使用火狐打开 D:\software\bin>cmd /c start firefox http://hw1287789
  • ReplaceGoogleCDN：将 Google CDN 替换为国内的 Chrome 插件 justjavac chromeGooglegoogle apichrome插件
    Chrome Web Store 安装地址： https://chrome.google.com/webstore/detail/replace-google-cdn/kpampjmfiopfpkkepbllemkibefkiice 由于众所周知的原因，只需替换一个域名就可以继续使用Google提供的前端公共库了。 同样，通过script标记引用这些资源，让网站访问速度瞬间提速吧
  • 进程VS.线程 m635674608 线程
    资料来源： http://www.liaoxuefeng.com/wiki/001374738125095c955c1e6d8bb493182103fac9270762a000/001397567993007df355a3394da48f0bf14960f0c78753f000 1、Apache最早就是采用多进程模式 2、IIS服务器默认采用多线程模式 3、多进程优缺点 优点： 多进程模式最大
  • Linux下安装MemCached 字符串 memcached
    前提准备：1. MemCached目前最新版本为：1.4.22，可以从官网下载到。2. MemCached依赖libevent，因此在安装MemCached之前需要先安装libevent。2.1 运行下面命令，查看系统是否已安装libevent。[root@SecurityCheck ~]# rpm -qa|grep libevent libevent-headers-1.4.13-4.el6.n
  • java设计模式之--jdk动态代理（实现aop编程） Supanccy2013 javaDAO设计模式AOP
        与静态代理类对照的是动态代理类，动态代理类的字节码在程序运行时由Java反射机制动态生成，无需程序员手工编写它的源代码。动态代理类不仅简化了编程工作，而且提高了软件系统的可扩展性，因为Java 反射机制可以生成任意类型的动态代理类。java.lang.reflect 包中的Proxy类和InvocationHandler 接口提供了生成动态代理类的能力。 &
  • Spring 4.2新特性-对java8默认方法(default method)定义Bean的支持 wiselyman spring 4
    2.1 默认方法(default method) java8引入了一个default medthod; 用来扩展已有的接口,在对已有接口的使用不产生任何影响的情况下,添加扩展 使用default关键字 Spring 4.2支持加载在默认方法里声明的bean 2.2 将要被声明成bean的类 public class DemoService {
按字母分类： ABCDEFGHIJKLMNOPQRSTUVWXYZ其他