太羽
太羽

Flexbox学习笔记

flexbox布局容器有两根轴，主轴（main axis）和交叉轴（cross axis），
主轴开始位置main start，
主轴结束位置main end，
交叉轴开始位置cross start，
交叉轴结束位置cross end。

容器属性

  1. flex-direction 改变轴方向

  2. flex-wrap 是否换行

  3. flex-flow 上两个属性的简写形式

  4. justify-content 主轴对齐方式

  5. align-items 交叉轴对齐方式

  6. align-content 多轴对齐方式

用容器属性已经可以解决item的对齐方式了，复杂的布局可以看下项目所用的属性

项目属性

  1. order

  2. flex-grow

  3. flex-shrink

  4. flex-basis

  5. flex

  6. align-self

以上笔迹来自：http://www.ruanyifeng.com/blo...
其他相关文章：http://blog.csdn.net/zhang_re...

你可能感兴趣的:(flexbox)

  • 水平垂直居中的几种方法（总结） LJ小番茄 CSS_玄学语言htmljavascript前端csscss3
    1.使用flexbox的justify-content和align-items.parent{display:flex;justify-content:center;/*水平居中*/align-items:center;/*垂直居中*/height:100vh;/*需要指定高度*/}2.使用grid的place-items:center.parent{display:grid;place-item
  • 【CSS in Depth 2 精译_027】4.4 Flexbox 元素对齐、间距等细节处理（下）+ 4.5 本章小结 安冬的码畜日常 CSSinDepth2css前端css3html5flexboxcss布局
    当前内容所在位置（可进入专栏查看其他译好的章节内容）第一章层叠、优先级与继承（已完结）1.1层叠1.2继承1.3特殊值1.4简写属性1.5CSS渐进式增强技术1.6本章小结第二章相对单位（已完结）2.1相对单位的威力2.2em与rem2.3告别像素思维2.4视口的相对单位2.5无单位的数值与行高2.6自定义属性2.7本章小结第三章文档流与盒模型（已完结）3.1常规文档流3.2盒模型3.3元素的高度
  • VUE3学习路线 蜡笔小新星 Vue学习vue经验分享
    以下是一份详细的Vue3学习路线，涵盖从基础到进阶的各个方面，以帮助你系统掌握Vue3开发。第一阶段：基础知识理解前端基础HTML:了解文档结构，常用标签，语义化HTML。CSS:学习选择器、布局、Flexbox和Grid，基本的样式应用。JavaScript:理解基本语法、DOM操作、事件处理、异步编程（Promises,async/await），以及ES6+特性（如箭头函数、解构赋值、模块化）
  • 自学成才Flutter 弹性布局、线性布局 高级技术工程师 flutterflutter
    本文我们要介绍Flutter中布局Widget，包括弹性布局、线性布局流式布局和层叠布局。Flutter中文网Flutter开发一、弹性布局--FlexFlex类似Android中的FlexboxLayout，和Expanded配合使用可以实现子Widget按照一定比例来分配父容器空间。使用：Flex(direction:Axis.horizontal,children:[...],)其中dire
  • CSS中的align-content属性：实现垂直居中的新方式 芭拉拉小魔仙 csscss前端
    引言在CSS的漫长发展历程中，垂直居中一直是一个令人头疼的问题。不过，好消息是，到了2024年，CSS终于引入了一种新的方式来实现垂直居中，那就是使用align-content属性。本文将详细介绍align-content的使用方式，并对比之前常见的垂直居中方法，帮助你更好地理解和应用这一新特性。align-content属性简介在CSS中，align-content属性原本主要用在Flexbox
  • 前端CSS：CSS的Flexbox布局 DTcode7 HTML网站开发#前端基础入门三大核心之CSSHTMLCSSwebcss3网页开发
    前端CSS：CSS的Flexbox布局引言Flexbox布局基础基本概念作用说明示例一：基本的Flexbox布局示例代码解释说明示例二：使用Flexbox进行响应式布局示例代码解释说明示例三：多方向的Flexbox布局示例代码解释说明示例四：垂直方向的Flexbox布局示例代码解释说明示例五：Flexbox布局的自适应性示例代码解释说明不同角度的功能使用思路使用Flexbox创建响应式导航栏使用F
  • 网页记事本 ネф̶-イω css前端
    网页记事本工具简单易用，一个直观的笔记编辑体验。用户可以在文本区域中输入笔记，并通过点击“保存”按钮将笔记保存为.txt文件，文件名包含当前的时间以便于管理。点击“重置”按钮会清空文本区域，方便开始新的笔记。点击“打开”按钮则可以选择本地.txt文件内容到文本区域。开发技术：HTML:用于构建页面结构。CSS:通过Flexbox布局和样式提升用户界面体验。JavaScript:实现动态功能，如文件
  • 使用 Tailwind CSS 实现水平和垂直居中对齐的方法 B.- css前端htmljavascript
    在前端开发中，可以使用TailwindCSS轻松实现水平和垂直居中对齐。方法1：使用flex布局这种方法最常用且灵活，可以适应各种情况。Centeredcontentflex：将父元素设为Flexbox布局。items-center：垂直居中对齐子元素。justify-center：水平居中对齐子元素。h-screen：将父元素高度设为屏幕高度（可以根据实际需要调整）。方法2：使用grid布局Gr
  • 弹性盒子display:flex——justify-content主轴方向对齐方式、align-items交叉轴对齐方式、 flex-direction修改主轴方向、flex-wrap换行 钟意冉冉 前端css3html5
    1、css3弹性盒子CSS3弹性盒（FlexibleBox或flexbox），是一种当页面需要适应不同的屏幕大小以及设备类型时确保元素拥有恰当的行为的布局方式。引入弹性盒布局模型的目的是提供一种更加有效的方式来对一个容器中的子元素进行排列、对齐和分配空白空间。2、弹性盒子属性值display:flex或inline-flexjustify-content（主轴方向的对齐方式）flex-start默
  • 不同分辨率下vue页面的高度自适应 Abao vue.jsjavascript前端
    1.使用视口单位.element{height:100vh;/*使得元素高度等于视口高度的100%*//*可以减去一部分高度以适应页眉或页脚*/height:calc(100vh-100px);}2.使用百分比（%）高度.parent{height:100vh;/*父元素高度等于视口高度*/}.child{height:50%;/*子元素高度为父元素高度的50%*/}3.使用Flexbox或Gri
  • 网格虫 cundai5745 javapython人工智能javascriptlinuxViewUI
    ThereisanexcellentlistofFlexboxbugs,curatedbyPhilipWaltonandGregWhitworth.It’sasiteI’vereferredtomanytimeswhileworkingonmyownprojectsorwritingarticles.IthoughtitmightbeusefultohaveasimilarlistingofCSS
  • 基础到实践：深入了解HTML和CSS 自身就是太阳 htmlcss前端大学生javascript
    目录1.HTML入门示例：HTML基本结构2.CSS基础示例：基本CSS样式3.结合HTML和CSS示例：使用CSS调整HTML结构4.CSS布局技巧示例：使用Flexbox进行布局总结HTML和CSS的综合应用项目概览1.创建项目结构2.编写HTML内容主页(index.html)总结在现代Web开发中，HTML和CSS是构建任何网站不可或缺的基础。HTML负责网页的结构和内容，而CSS则控制这
  • css新特性？ 一个大长腿 css前端
    CSS（层叠样式表）作为网页样式设计的关键语言，在不断发展和更新中也引入了许多新的特性以提供更强大的样式控制和设计能力。以下是一些较新的CSS特性：CSSGrid布局：CSSGrid布局是一种二维布局系统，可以通过定义行和列来创建复杂的布局结构，实现灵活的网格布局。Flexbox布局：Flexbox是一种弹性盒子布局模型，可以实现更加简单和有效的布局方式，使得元素在容器内按照指定的规则排列和对齐。
  • 页面垂直居中实现方法（HTML/CSS） TdMaster csshtml前端
    在网页设计中，垂直居中是一个常见的需求。本文将介绍几种常用的方法，以实现HTML/CSS中的页面垂直居中效果。方法一：使用Flexbox布局Flexbox是CSS3中引入的一种弹性盒子布局模型，它提供了简单而强大的方式来实现元素的居中对齐。下面是一个使用Flexbox布局实现页面垂直居中的示例代码：body,html{height:100%;margin:0;display:flex;align-
  • React Native布局 极客天空
    宽和高在学习FlexBox之前首先要清楚一个概念“宽和高”。一个组件的高度和宽度决定了它在屏幕上的尺寸，也就是大小。像素无关在ReactNative中尺寸是没有单位的，它代表了设备独立像素。尺寸上述代码，运行在Android上时，View的长和宽被解释成：100dp100dp单位是dp，字体被解释成16sp单位是sp，运行在iOS上时尺寸单位被解释称了pt，这些单位确保了布局在任何不同dpi的手机
  • 《CSS 简易速速上手小册》第2章：CSS 布局与定位（2024 最新版） 江帅帅 《CSS简易速速上手小册》css前端人工智能数据分析数据挖掘web3网页
    文章目录2.1Flexbox：灵活的布局解决方案2.1.1基础知识2.1.2重点案例：创建一个响应式导航菜单2.1.3拓展案例1：卡片布局2.1.4拓展案例2：中心对齐的登录表单2.2Grid布局：网格系统的魔力2.2.1基础知识2.2.2重点案例：创建一个新闻网站的布局2.2.3拓展案例1：画廊布局2.2.4拓展案例2：个人博客的文章布局2.3定位技巧：Static、Relative、Absol
  • 2023 年开始写 CSS 会与众不同
    CSS的发展速度比以往任何时候都要快。在Flexbox和Grid之后，CSS的发展似乎经历了一段漫长的停滞期，但在近几年，CSS已经新增了许多新功能可用，而且还会有更多新功能即将推出。这个发展速度是令人兴奋的，同时也有些压倒性。虽然CSS新增了很多新功能，但很多Web开发者都认为这些花里胡哨的东西并没有给自己带来实质上的变化。换句话说，所有这些花里胡哨的东西（CSS新特性）实际上改变了你编写CSS
  • Web课程学习笔记--flex布局的基本概念 北航程序员小C Web学习笔记前端学习笔记
    flex布局的基本概念FlexibleBox模型，通常被称为flexbox，是一种一维的布局模型。它给flexbox的子元素之间提供了强大的空间分布和对齐能力。本文给出了flexbox的主要特性，更多的细节将在别的文档中探索。我们说flexbox是一种一维的布局，是因为一个flexbox一次只能处理一个维度上的元素布局，一行或者一列。作为对比的是另外一个二维布局CSSGridLayout，可以同时
  • 【Web前端第二阶段--CSS高级】Day04 皮皮陈Q 前端CSS阶段css前端css3
    【Web前端第二阶段–CSS高级】Day04第一章【Web前端第二阶段–Html】Day01第二章【Web前端第二阶段–Html】Day02第三章【Web前端第二阶段–CSS】Day03文章目录【Web前端第二阶段--CSS高级】Day041、属性选择器2、目标伪类选择器3、结构性伪类选择器1、伪类属性列表2、反选伪类选择器4、flex布局flex基本概念flexbox的指定主轴的排列方式主轴排序
  • [UI5 常用控件] 05.FlexBox, VBox,HBox,HorizontalLayout,VerticalLayout SAP峰※ UI5SAPUI5
    文章目录前言1.FlexBox布局控件1.1alignItems对齐模式1.2justifyContent对齐模式1.3Direction1.4Sort1.5RenderType1.6嵌套使用1.7组件等高显示2.HBox,VBox3.HorizontalLayout，VerticalLayout前言本章节记录常用控件FlexBox,VBox,HBox,HorizontalLayout,Verti
  • flex 布局循环数据超出范围滚动条（内容不换行） 心若向阳(*￣︶￣) 知识累积css个人项目css3css前端文本超出换行white-space
    {{item.name}}.tab_ul{display:-webkit-box;/*iOS6-,Safari3.1-6*/display:-webkit-flex;/*Chrome*/display:-moz-box;/*Firefox19*/display:-ms-flexbox;display:flex;/*flex容器*/height:100%;width:100%;overflow-x:
  • flex 布局详解 LilyLaw
    关于flex具体是什么在此不赘述，官方文档在此：https://developer.mozilla.org/zh-CN/docs/Web/CSS/CSS_Flexible_Box_Layout/Basic_Concepts_of_Flexbox我自己通过实例总结如下：flex布局主要有两大块：1.父元素；2.子元素把这两大块搞明白就算吃透flex布局了（接下来的实例中，我会将完整代码贴出来，大家可
  • CSS3：最新特性和实例教程 Devil枫 前端css3前端css
    今天简单复习一下css3的相关特性吧。一：响应式设计CSS3引入了媒体查询（MediaQueries）和弹性盒子布局（Flexbox）等特性，使得响应式设计变得更加容易。媒体查询可以根据设备的屏幕大小、分辨率等属性来应用不同的样式。弹性盒子布局则可以轻松地创建复杂的布局结构。实例：创建一个简单的响应式网页布局首先，在HTML文件中定义一个容器元素，并为其添加一个类名（例如，.container）：
  • css学习网站 txtNaiu
    flexboxdefense.comflexboxfroggy.comcssgridgarden.comflukeout.github.iomastery.games/flexboxzombies
  • Flex布局语法篇2019-09-28 可可的雪碧儿
    Flex布局语法篇一、Flex布局基本概念FlexibleBox模型，通常被称为flexbox，是一种一维的布局模型。它给flexbox的子元素之间提供了强大的空间分布和对齐能力。Flex布局1、采用flex布局的元素被称之为容器。2、容器默认存在两根轴：水平的主轴（mainaxis）和垂直的交叉轴（crossaxis）。主轴的开始位置（与边框的交叉点）叫做mainstart，结束位置叫做main
  • 请解释一下 CSS3 的 Flexbox（弹性盒布局模型）, 以及适用场景？ 我爱学习yq css3前端css
    Flexbox（弹性盒布局模型）是CSS3中一种用于页面布局的模块。它通过定义容器和其内部项目的灵活的、自适应的布局来实现页面的响应式设计。Flexbox的适用场景包括以下几种情况：等高布局：通过设置容器的display:flex，项目（子元素）将自动等高并填充容器。垂直居中：通过设置容器的align-items:center，项目将自动垂直居中。自适应布局：通过设置容器的flex-wrap:wr
  • 14.CSS学习（五） Kylincsg 从零教你学Web前端css学习前端笔记经验分享低代码css3
    上一篇：13.CSS学习（四）CSS学习布局多列布局（column）属性设置是否跨列瀑布流布局响应式设计优势不足@media媒体查询弹性盒子(FlexBox)弹性父容器属性设置：弹性子元素属性设置：CSS3新单位了解viewport视口BFC原理及应用BFC是什么？BFC如何生成？BFC的应用布局布局是对网页的全面设计和排版常见布局：两列布局、三列布局（圣杯布局，双飞翼布局）两列布局，左侧固定宽度
  • HTML5+CSS3笔记 Magin_Baron html5css3
    文章目录HTML5新增特性:CSS3新增特性:**属性选择器****结构伪类选择器**伪元素选择器2、盒子模型：CSS3弹性盒子(flexbox)**flex-direction：****justify-content属性****align-items属性****CSSflex-wrap属性****CSSalign-content属性****弹性子元素排序属性order****弹性子元素对齐属性m
  • CSS通用样式2——Flex布局 抱抱旋旋子 Bootstrap学习css前端htmlbootstrap
    Bootstrap4与Bootstrap3最大的区别是Bootstrap4使用弹性盒子来布局，而不是使用浮动来布局。弹性盒子也是CSS的一种新的布局模式，更适合响应式的设计。一.定义弹性盒子使用display通用类d-flex或d-inline-flex类创建一个flexbox容器，并将子元素转换为flex属性。其中，d-flex类设置对象为弹性伸缩盒子，d-inline-flex类设置对象为内联
  • 前端：布局（用于div中有多行元素，一行只显示四个，最左或最右要紧贴父div，最顶层和最底层也要紧贴父div） 雯0609~ 前端前端csscss3
    效果一、flex实现htmlFlexboxLayout.container{display:flex;flex-wrap:wrap;justify-content:space-between;gap:10px;border:1pxsolidred;}.box{flex:10calc(25%-10px);height:100px;background-color:#ccc;border:1pxsol
  • jQuery 跨域访问的三种方式 No 'Access-Control-Allow-Origin' header is present on the reque qiaolevip 每天进步一点点学习永无止境跨域众观千象
    XMLHttpRequest cannot load http://v.xxx.com. No 'Access-Control-Allow-Origin' header is present on the requested resource. Origin 'http://localhost:63342' is therefore not allowed access. test.html:1
  • mysql 分区查询优化 annan211 java分区优化mysql
    分区查询优化 引入分区可以给查询带来一定的优势，但同时也会引入一些bug. 分区最大的优点就是优化器可以根据分区函数来过滤掉一些分区，通过分区过滤可以让查询扫描更少的数据。 所以，对于访问分区表来说，很重要的一点是要在where 条件中带入分区，让优化器过滤掉无需访问的分区。 可以通过查看explain执行计划，是否携带 partitions
  • MYSQL存储过程中使用游标 chicony Mysql存储过程
    DELIMITER $$ DROP PROCEDURE IF EXISTS getUserInfo $$ CREATE PROCEDURE getUserInfo(in date_day datetime)-- -- 实例-- 存储过程名为：getUserInfo-- 参数为：date_day日期格式:2008-03-08--    BEGINdecla
  • mysql 和 sqlite 区别 Array_06 sqlite
    转载： http://www.cnblogs.com/ygm900/p/3460663.html mysql 和 sqlite 区别 SQLITE是单机数据库。功能简约，小型化，追求最大磁盘效率 MYSQL是完善的服务器数据库。功能全面，综合化，追求最大并发效率 MYSQL、Sybase、Oracle等这些都是试用于服务器数据量大功能多需要安装，例如网站访问量比较大的。而sq
  • pinyin4j使用 oloz pinyin4j
    首先需要pinyin4j的jar包支持；jar包已上传至附件内 方法一:把汉字转换为拼音；例如：编程转换后则为biancheng      /** * 将汉字转换为全拼 * @param src 你的需要转换的汉字 * @param isUPPERCASE 是否转换为大写的拼音； true:转换为大写；fal
  • 微博发送私信 随意而生 微博
    在前面文章中说了如和获取登陆时候所需要的cookie，现在只要拿到最后登陆所需要的cookie，然后抓包分析一下微博私信发送界面 http://weibo.com/message/history?uid=****&name=**** 可以发现其发送提交的Post请求和其中的数据， 让后用程序模拟发送POST请求中的数据，带着cookie发送到私信的接入口，就可以实现发私信的功能了。
  • jsp 香水浓 jsp
    JSP初始化     容器载入JSP文件后，它会在为请求提供任何服务前调用jspInit()方法。如果您需要执行自定义的JSP初始化任务，复写jspInit()方法就行了 JSP执行     这一阶段描述了JSP生命周期中一切与请求相关的交互行为，直到被销毁。     当JSP网页完成初始化后
  • 在 Windows 上安装 SVN Subversion 服务端 AdyZhang SVN
    在 Windows 上安装 SVN Subversion 服务端2009-09-16高宏伟哈尔滨市道里区通达街291号   最佳阅读效果请访问原地址：http://blog.donews.com/dukejoe/archive/2009/09/16/1560917.aspx   现在的Subversion已经足够稳定，而且已经进入了它的黄金时段。我们看到大量的项目都在使
  • android开发中如何使用 alertDialog从listView中删除数据？ aijuans android
    我现在使用listView展示了很多的配置信息，我现在想在点击其中一条的时候填出 alertDialog,点击确认后就删除该条数据，（ ArrayAdapter ，ArrayList，listView 全部删除），我知道在 下面的onItemLongClick 方法中 参数 arg2  是选中的序号，但是我不知道如何继续处理下去 1 2 3
  • jdk-6u26-linux-x64.bin 安装 baalwolf linux
    1.上传安装文件(jdk-6u26-linux-x64.bin) 2.修改权限 [root@localhost ~]# ls -l /usr/local/jdk-6u26-linux-x64.bin 3.执行安装文件 [root@localhost ~]# cd /usr/local [root@localhost local]# ./jdk-6u26-linux-x64.bin&nbs
  • MongoDB经典面试题集锦 BigBird2012 mongodb
    1.什么是NoSQL数据库？NoSQL和RDBMS有什么区别？在哪些情况下使用和不使用NoSQL数据库？ NoSQL是非关系型数据库，NoSQL = Not Only SQL。 关系型数据库采用的结构化的数据，NoSQL采用的是键值对的方式存储数据。 在处理非结构化/半结构化的大数据时；在水平方向上进行扩展时；随时应对动态增加的数据项时可以优先考虑使用NoSQL数据库。 在考虑数据库的成熟
  • JavaScript异步编程Promise模式的6个特性 bijian1013 JavaScriptPromise
            Promise是一个非常有价值的构造器，能够帮助你避免使用镶套匿名方法，而使用更具有可读性的方式组装异步代码。这里我们将介绍6个最简单的特性。         在我们开始正式介绍之前，我们想看看Javascript Promise的样子： var p = new Promise(function(r
  • [Zookeeper学习笔记之八]Zookeeper源代码分析之Zookeeper.ZKWatchManager bit1129 zookeeper
    ClientWatchManager接口 //接口的唯一方法materialize用于确定那些Watcher需要被通知 //确定Watcher需要三方面的因素1.事件状态 2.事件类型 3.znode的path public interface ClientWatchManager { /** * Return a set of watchers that should
  • 【Scala十五】Scala核心九：隐式转换之二 bit1129 scala
    隐式转换存在的必要性，   在Java Swing中，按钮点击事件的处理，转换为Scala的的写法如下：   val button = new JButton button.addActionListener( new ActionListener { def actionPerformed(event: ActionEvent) {
  • Android JSON数据的解析与封装小Demo ronin47
    转自：http://www.open-open.com/lib/view/open1420529336406.html package com.example.jsondemo; import org.json.JSONArray; import org.json.JSONException; import org.json.JSONObject;    impor
  • [设计]字体创意设计方法谈 brotherlamp UIui自学ui视频ui教程ui资料
      从古至今，文字在我们的生活中是必不可少的事物，我们不能想象没有文字的世界将会是怎样。在平面设计中，UI设计师在文字上所花的心思和功夫最多，因为文字能直观地表达UI设计师所的意念。在文字上的创造设计，直接反映出平面作品的主题。 如设计一幅戴尔笔记本电脑的广告海报，假设海报上没有出现“戴尔”两个文字，即使放上所有戴尔笔记本电脑的图片都不能让人们得知这些电脑是什么品牌。只要写上“戴尔笔
  • 单调队列-用一个长度为k的窗在整数数列上移动，求窗里面所包含的数的最大值 bylijinnan java算法面试题
    import java.util.LinkedList; /* 单调队列 滑动窗口 单调队列是这样的一个队列：队列里面的元素是有序的，是递增或者递减 题目：给定一个长度为N的整数数列a(i),i=0,1,...,N-1和窗长度k. 要求：f(i) = max{a(i-k+1),a(i-k+2),..., a(i)},i = 0,1,...,N-1 问题的另一种描述就
  • struts2处理一个form多个submit chiangfai struts2
    web应用中，为完成不同工作，一个jsp的form标签可能有多个submit。如下代码： <s:form action="submit" method="post" namespace="/my"> <s:textfield name="msg" label="叙述：">
  • shell查找上个月，陷阱及野路子 chenchao051 shell
    date -d "-1 month" +%F     以上这段代码，假如在2012/10/31执行，结果并不会出现你预计的9月份，而是会出现八月份，原因是10月份有31天，9月份30天，所以-1 month在10月份看来要减去31天，所以直接到了8月31日这天，这不靠谱。     野路子解决：假设当天日期大于15号
  • mysql导出数据中文乱码问题 daizj mysql中文乱码导数据
    解决mysql导入导出数据乱码问题方法： １、进入mysql，通过如下命令查看数据库编码方式： mysql>  show variables like 'character_set_%'; +--------------------------+----------------------------------------+ | Variable_name&nbs
  • SAE部署Smarty出现：Uncaught exception 'SmartyException' with message 'unable to write dcj3sjt126com PHPsmartysae
      对于SAE出现的问题：Uncaught exception 'SmartyException' with message 'unable to write file...。 官方给出了详细的FAQ：http://sae.sina.com.cn/?m=faqs&catId=11#show_213 解决方案为：   01 $path 
  • 《教父》系列台词 dcj3sjt126com
    Your love is also your weak point. 你的所爱同时也是你的弱点。   If anything in this life is certain, if history has taught us anything, it is that you can kill anyone.   不顾家的人永远不可能成为一个真正的男人。 &
  • mongodb安装与使用 dyy_gusi mongo
    一.MongoDB安装和启动,widndows和linux基本相同 1.下载数据库,     linux:mongodb-linux-x86_64-ubuntu1404-3.0.3.tgz 2.解压文件,并且放置到合适的位置     tar -vxf mongodb-linux-x86_64-ubun
  • Git排除目录 geeksun git
    在Git的版本控制中，可能有些文件是不需要加入控制的，那我们在提交代码时就需要忽略这些文件，下面讲讲应该怎么给Git配置一些忽略规则。   有三种方法可以忽略掉这些文件，这三种方法都能达到目的，只不过适用情景不一样。 1.  针对单一工程排除文件 这种方式会让这个工程的所有修改者在克隆代码的同时，也能克隆到过滤规则，而不用自己再写一份，这就能保证所有修改者应用的都是同一
  • Ubuntu 创建开机自启动脚本的方法 hongtoushizi ubuntu
    转载自： http://rongjih.blog.163.com/blog/static/33574461201111504843245/ Ubuntu 创建开机自启动脚本的步骤如下： 1) 将你的启动脚本复制到 /etc/init.d目录下 以下假设你的脚本文件名为 test。   2) 设置脚本文件的权限 $ sudo chmod 755
  • 第八章 流量复制/AB测试/协程 jinnianshilongnian nginxluacoroutine
    流量复制 在实际开发中经常涉及到项目的升级，而该升级不能简单的上线就完事了，需要验证该升级是否兼容老的上线，因此可能需要并行运行两个项目一段时间进行数据比对和校验，待没问题后再进行上线。这其实就需要进行流量复制，把流量复制到其他服务器上，一种方式是使用如tcpcopy引流；另外我们还可以使用nginx的HttpLuaModule模块中的ngx.location.capture_multi进行并发
  • 电商系统商品表设计 lkl
    DROP TABLE IF EXISTS `category`; -- 类目表 /*!40101 SET @saved_cs_client = @@character_set_client */; /*!40101 SET character_set_client = utf8 */; CREATE TABLE `category` ( `id` int(11) NOT NUL
  • 修改phpMyAdmin导入SQL文件的大小限制 pda158 sqlmysql
    　用phpMyAdmin导入mysql数据库时，我的10M的 数据库不能导入，提示mysql数据库最大只能导入2M。 　　 phpMyAdmin数据库导入出错： 　　You probably tried to upload too large file. Please refer to documentation for ways to workaround this limit.
  • Tomcat性能调优方案 Sobfist apachejvmtomcat应用服务器
    一、操作系统调优 对于操作系统优化来说，是尽可能的增大可使用的内存容量、提高CPU的频率，保证文件系统的读写速率等。经过压力测试验证，在并发连接很多的情况下，CPU的处理能力越强，系统运行速度越快。。 【适用场景】 任何项目。 二、Java虚拟机调优 应该选择SUN的JVM，在满足项目需要的前提下，尽量选用版本较高的JVM，一般来说高版本产品在速度和效率上比低版本会有改进。 J
  • SQLServer学习笔记 vipbooks 数据结构xml
    1、create database school 创建数据库school 2、drop database school 删除数据库school 3、use school 连接到school数据库，使其成为当前数据库 4、create table class(classID int primary key identity not null) 创建一个名为class的表，其有一
按字母分类： ABCDEFGHIJKLMNOPQRSTUVWXYZ其他