kingrome2009
kingrome2009

深入理解 CSS3 弹性盒布局模型(flex)----以及实战应用

思 考

1、学会了弹性布局如何使用？
2、那些地方会用到弹性布局？
3、弹性布局在 Safari浏览器下的兼容性？

弹性布局参考手册：

阮一峰flex

菜鸟css3-flex

深入理解 CSS3 弹性盒布局模型(flex)----以及实战应用_第1张图片

实现代码


<html>
<head>
<meta charset="utf-8"> 
<title>菜鸟教程(runoob.com)title> 
<style> 
.flex-container {
    display: -webkit-flex;
    display: flex;
    /*width: 1200px;*/
    width: 100%;
    overflow: hidden;
    margin: 0 auto;
    border: 1px solid  lightgrey;
    flex-wrap: wrap;
}

.flex-item {
    background-color: cornflowerblue;
    width: 380px;
    height: 100px;
    line-height: 100px;
    margin: 10px;
    text-align: center;
    flex-grow:1;
}
style>
head>
<body>

<div class="flex-container">
  <div class="flex-item">flex item 1div>
  <div class="flex-item">flex item 2div>
  <div class="flex-item">flex item 3div>  
  <div class="flex-item">flex item 1div>
  <div class="flex-item">flex item 2div>
  <div class="flex-item">flex item 3div>  
  <div class="flex-item">flex item 1div>
  <div class="flex-item">flex item 2div>
  <div class="flex-item">flex item 3div>  
div>

body>
html>

推荐html5页面使用此布局，不受浏览器限制

你可能感兴趣的:(响应式网站)

  • css怎么做响应式布局,用CSS实现响应式布局 休蒙提的可爱背包 css怎么做响应式布局
    响应式网页看起来高大上，但实际上，不用JS只用CSS也能实现响应式网站的布局要用到的就是CSS中的媒体查询下面来简单介绍一下怎么运用使用@media的三种方式第一：直接在CSS文件中使用@media类型and(条件1)and(条件二){css样式}@mediascreenand(max-width:980px){body{background-color:red;}}第二：使用@import导入@
  • 打印样式的艺术：用CSS @media 规则优化页面输出 2401_85761003 css前端
    标题：打印样式的艺术：用CSS@media规则优化页面输出摘要随着Web技术的发展，CSS已经成为前端设计中不可或缺的一部分。在构建响应式网站时，除了考虑不同屏幕尺寸的显示效果，打印样式的优化同样重要。CSS的@media规则提供了一种灵活的方式来定义不同媒体类型下的样式，其中就包括打印媒体。本文将详细介绍如何使用@media规则来实现打印样式的优化，包括页面布局、字体大小、颜色和背景等的调整，并
  • 常见的Web前端开发框架推荐 M乔木 日常分享前端框架前端html5javascriptbootstrapvue.js
    常见的Web前端开发框架推荐随着互联网的快速发展，Web前端开发变得越来越重要。一个好的前端框架可以帮助开发者更高效地完成项目，提高代码的可维护性和可扩展性。本文将为大家介绍几个常见的Web前端开发框架，并给出一些示例代码。BootstrapBootstrap是一个流行的前端框架，它提供了一套用于快速开发响应式网站和应用的工具。Bootstrap基于HTML、CSS和JavaScript，可以与任
  • 为什么互联网巨头都采用跨屏网站设计 悠悠qie
    伴随着移动互联网的飞速发展，线上流量越来越多地从PC端转移至移动端，传统的网站已渐渐无法适应消费者的访问需求，跨屏响应式网站应运而生。其原理是通过HTML5前端技术让网站可以智能地根据用户行为以及使用的设备屏幕的尺寸进行相对应的布局。互联网巨头都采用跨屏网站设计然而，在诸如国外的谷歌、苹果，国内的百度、腾讯等互联网巨头早已完成网站的跨屏响应式升级之时，国内仍有众多企业依旧使用的是传统网站，甚至有些
  • html+css实现漂亮透明的登录页面，HTML实现炫酷登录页面 神码观察 开源推荐htmlcss前端
    今天花了几个小时的时间整理了一些响应式网站模板，代码下载方式放在了文章末尾，有什么问题可以私信我或者评论区留言1.WooWOO是一个干净、现代的登陆页面网站模板。它具有完全响应式设计，并在所有主要浏览器和移动设备上进行了测试。Woo是展示您的应用程序、服务或数字产品的完美模板。主题信息布局:Html5和Css3类别:设计,服务颜色:黑色页数:全部在一页中评价:4星兼容浏览器：MicrosoftEd
  • 如何搭建一个简单响应式网站 南蓝NL
    手机显示.png手机显示.pngpad显示.png电脑显示.png核心代码,当然是媒体查询了,css代码@mediascreenand(max-width:481px){//手机端的判定.container{.main-area{.item{width:100%!important;min-width:100px!important;margin:auto!important;}}}.sideba
  • 2018-10-06 007QQQQQQ
    Foundation是一个易用、强大而且灵活的响应式前端框架，用于构建基于任何设备上的响应式网站、Web应用和电子邮件。结构语义化、移动设备优先、完全可定制。SemanticUI经过多年的努力、致力于可以用更语义化的方式构建网站、原生语言规则让代码更易读易懂。
  • 响应式网页设计freeCodecamp(基础 HTML 和 HTML5) Kra_af3b
    响应式网站设计是一种网络页面设计布局，其理念是：集中创建页面的图片排版大小，可以智能地根据用户行为以及使用的设备环境进行相对应的布局。-1大部分HTML元素都有一个开始标签和一个结束标签。Hello-2h2元素h1元素通常被用作主标题，h2元素通常被用作副标题，还有h3、h4、h5、h6元素，它们分别用作不同级别的标题。-3用p元素代表段落p元素是网站上段落文本使用的元素。p是“paragraph
  • 编程笔记 html5&css&js 014 网页布局框架 明月看潮生 #html5css3javascript前端少年工程师
    编程笔记html5&css&js014网页布局框架一、Bootstrap简介二、使用Bootstrap布局网页布局不只用HTML，还要用CSS和JAVASCRIPT等技术完成,这里暂时简单了解一下Bootstrap。一、Bootstrap简介这是一个开源的前端框架，由Twitter的前端工程师MarkOtto和JacobThornton共同开发。它提供了一套用于快速开发响应式网站和Web应用程序的
  • 影视视频+知识付费行业万能通用响应式网站系统源码 三网合一 带完整的安装部署教程 源码集结地 源码分享音视频影视视频+知识付费行业万能通用响应式网站系统源码知识付费行业影视视频PHP
    互联网的快速发展，网络视频和知识付费行业也迎来了前所未有的发展机遇。为了满足这一市场的需求，基于响应式网站技术的万能通用影视视频+知识付费行业网站系统便由此应运而生。本系统集成了三网合一的解决方案，旨在帮助用户快速搭建高品质、高性能的网站，同时带完整的安装部署教程，让用户轻松上手。以下是部分代码示例：系统特色功能一览：1.响应式设计本系统采用响应式网站设计，能够自适应不同屏幕尺寸的设备，确保网站在
  • 使用 CSS Grid 的响应式网页设计：消除媒体查询过载 网罗开发 前端css媒体tensorflow
    文章目录前言介绍CSSGrid让我们开始吧实现高级响应性1、Repeat()2、Auto-fit3、Minmax()结论前言你是否厌倦了在实现响应式网站时需要管理多个媒体查询？说再见复杂的代码，拥抱更简单的解决方案吧：CSSGrid。在这篇文章中，我们将踏上一场激动人心的CSSGrid之旅，发现它如何消除了对复杂媒体查询的需求，使你能够轻松创建响应式网站。所以，让我们深入研究，彻底改变你对网页设计
  • 浏览器开发工具的秘密 GarfieldEr007 JavaScript浏览器开发工具秘密
    目录常规找到开发工具用最新的开发版移动开发工具位置开发工具调试响应式设计学习快捷键Console控制台Log,Info,Debug,Warn,Error输出数据表格Assert使用控制台定时器持久控制台重新运行命令任意Tab打开控制台改变框架焦点引用当前和前一个元素最终求值表达式检查通过面包屑导航DOM搜索DOM节点检查字体浏览你的响应式网站3D视图编辑改变CSS值改变:active，:hover
  • bootstrap3简单玩法 森木在花开 前端javascript开发语言
    Bootstrapv3Bootstrapv3是一个流行的前端框架，它提供了一系列的模板、组件和工具，可以帮助开发者快速地构建响应式的网站和应用程序。以下是Bootstrapv3的一些常见应用：响应式布局：Bootstrapv3提供了一个易于使用的网格系统，可以让开发者轻松地构建响应式网站。网格系统使用行和列来创建网页布局，可以适应不同的屏幕尺寸，从而在不同的设备上获得更好的用户体验。样式化的组件：
  • vue-quasar-admin 一个包含通用权限控制的后台管理系统 若邪Y
    vue-quasar-admin  Quasar-Framework是一款基于vue.js开发的开源的前端框架,它能帮助web开发者快速创建以下网站：响应式网站，渐进式应用，手机应用(通过Cordova)，跨平台应用(通过Electron)。  Quasar允许开发者在只写一次代码的情况下发布到多个平台website,PWA,MobileApp和ElectronApp在使用Quasar的时候,你甚
  • 开源自助建站系统源码完整源码+搭建教程 傻瓜式一键建站系统源码 魔法师李 源码精选编程案例分享自助建站源码自助建站系统响应式建站系统建站源码自助建站
    一键傻瓜式自助建站系统源码，目前包含七百多套完整网站模板，全部都是响应式网站模板，傻瓜一键自助建站。开发组合PHP+mysql，功能强大。一键自助建站系统源码带安装教程，源码下载：春哥技术博客获取。自助建站傻瓜式建站源码系统。
  • “响应式开发”调研报告 Dzh43 调研报告响应式网站设计
    1.什么是“响应式开发”“响应式开发”也就是“响应式网站设计”是一种网络页面设计布局，其理念是，集中创建页面的图片排版大小，可以智能地根据用户行为以及使用的设备环境进行相对应的布局。换句话说，就是使用相同的html在不同的分辨率有不同的排版。就像下面图片那样…EthanMarcotte曾经在AListApart发表过一篇文章”ResponsiveWebDesign”，文中援引了响应式建筑设计的概念
  • 响应式网页设计教程:展示响应式设计的基本原理 wangxiaohui6687 响应式设计响应式设计网页设计响应式
    响应式网页设计，毫无疑问地变得越来越重要了。如果你还没听说过响应式设计，可以先看看我之前发的文章响应式网站。对新手来说,响应式设计听起来可能会有点复杂,但事实上，它比你想象的简单得多。为了让你能快速入门，我准备了一个简易的教程。通过这三个步骤，你一定可以了解响应式设计的基本原理和mediaquery（在你有一些CSS基础的前提下）。第一步.Meta标签(查看demo)为了适应屏幕，多数的移动浏览器
  • 【Bootstrap】响应式原理和设计 Wendy-lxq BootstrapBootstrap响应式设计
    响应式网页设计最初是由EthanMarcotte提出的一个概念：为什么一定要为每个用户群各自打造一套设计和开发方案？Web设计应该做到根据不同设备环境自动响应及调整。当然响应式Web设计不仅仅是关于屏幕分辨率自适应以及自动缩放的图片等等，它更像是一种对于设计的全新思维模式；我们应当向下兼容、移动优先。响应式网站设计(ResponsiveWebdesign)的理念是：页面的设计与开发应当根据用户行为
  • 最新自助建站系统源码 一键建站系统源码 含700+精美网站模板和搭建教程 源码师傅 源码分享自助建站系统源码一键建站系统源码PHP自助建站系统源码一键搭建网站工具春哥帮企建站宝源码
    分享一款最新自助建站系统源码，一键建站系统源码，傻瓜式一键建站含700+精美网站模板，网站全是自适应响应式，含完整代码程序包和详细搭建教程。系统模板页面图：系统功能特色一览：1、一次性打包，解决手机和其他移动终端屏幕尺寸、屏幕分辨率不统一、浏览器分化三大移动终端适配难题，适配于超过5000种移动设备，智能跨平台网站基于前沿的HTML5技术；2、多终端视觉效果统一H5响应式网站自动侦测设备屏幕的大小
  • 响应式网站建站源码系统+完整的搭建教程 罗峰源码 源码分享响应式响应式建站
    互联网已成为人们生活中不可或缺的一部分。在这个信息爆炸的时代，企业和个人对网站的需求不再仅仅是展示信息，而是要求网站能够适应各种设备、屏幕尺寸和网络环境，以便更好地与用户进行互动。因此，响应式网站建设应运而生，成为当下网站建设的热点。今天罗峰来给大家分享一个响应式网站建站源码系统。响应式网站建设源码系统的功能：响应式设计：该系统采用响应式设计方法，能够根据用户的行为和设备环境进行自动调整，以提供最
  • Blocs for mac(优秀的可视化代码编辑器) 宠虫宠虫
    BlocsMac版是一款出色的代码编辑器，快速，直观和功能强大的可视化Web设计，即使你不了解或不会编写代码，Blocs也能帮助你快速上手，为你带来全新的方法来构建现代化、高质量的静态网站。Blocsmac版安装教程软件下载完成后打开，双击.pkg按照安装引导器进行安装即可！Macv.comBlocsmac版功能介绍建立Blocs致力于将预构建的部分堆叠在一起的概念，以创建经过完全编码的响应式网站
  • 响应式网站建设小程序开发网站模板源码 技术员阿宁 网站javascript前端html
    模板信息：模板编号：11841模板编码：UTF8模板颜色：黑白模板分类：IT、软件、互联网、游戏适合行业：网站建设类企业模板介绍：本模板自带eyoucms内核，无需再下载eyou系统，原创设计、手工书写DIV+CSS，完美兼容IE7+、Firefox、Chrome、360浏览器等；主流浏览器；结构容易优化；多终端均可正常预览。模板特点：源码下载qnziyw.cn/cmsmb/eyoucms/101
  • 响应式网站绝佳11例 Doria2016
    早在2010年，伊桑马克特敦促设计人员和开发人员就开始实践“响应网页设计”(RWD):“随着网络设备尺寸千变万化，为了达到相同的体验，通常的做法是剪切不相关的设计。实际上，我们可以让我们的设计更好的适应渲染屏幕。”使设计适应任何设备的网站，可能是设计人员和开发人员未来的工作内容。八年后，响应式网页设计已经达到非常高的质量。现在创建一个的标准做法，让网页对于每个设备都是量身定做的，同时，体验也是一致
  • CSS 分辨率和设备分辨率之间的区别 程序媛萌小雪Mxx
    文章转自：https://ydmgirls.com/posts/ex0f74在作为Web开发人员的过程当中，看到了许多Web开发人员都在努力理解如何在Web浏览器的高密度屏幕中处理CSS像素单元。如今，高密度屏幕和视网膜屏幕已经出现在所有移动设备和许多其他类型的设备上。image这些新的高密度屏幕对我们Web开发人员来说是一个很大的痛点，因为当我们构建响应式网站时，我们不知道如何与屏幕分辨率相关联
  • 推荐一套家居行业网站模板---来自SiteServer CMS 深入浅出SiteServer
    1、模板基本信息这是一套响应式网站模版，适用于家居公司，产品图片展示、轮播图展示，整体效果清爽、简约。不担心响应式网站在移动端的速度以及流量消耗，模板采用图片处理技术后，在手机上会只加载尺寸更小的图片。这套模板包含了主页、新闻中心、公司简介、家居列表、家居详情页、线下实体门店查询、联系地址等板块。模版演示地址：http://templates.siteserver.cn/uranus/index.
  • HTML5响应式网站模板源码 自助建站平台系统源码 可视化后台+700多套模板+安装部署教程 源码师傅 源码分享html5自助建站系统源码傻瓜式一键部署网站源码自助搭建源码一键建站响应式网站模板源码
    一、什么是HTML5响应式网站模板？HTML5响应式网站模板源码是一种预先设计好的网站模板，用户可以直接使用或者在原有基础上进行修改。这种模板采用HTML5+CSS3+JavaScript技术，具有良好的兼容性和响应性，可以自动适应不同大小的屏幕，为用户带来良好的用户体验。特点：响应式设计：可以自动适应不同大小的屏幕，实现真正的移动端友好。易于定制：可以在原有模板上进行修改，也可以根据用户需求进行
  • 响应式设计的实现方式 xiongxinyu10 前端javascript开发语言响应式设计
    一.什么是响应式响应式网站设计是一种网络页面设计布局。页面的设计与开发应当根据用户行为以及设备环境（系统平台，屏幕尺寸，屏幕定向等）进行相应的响应和调整。响应式网站常见特点：1.同时适配PC+平板+手机。2.标签导航在接近手持终端设备时改变为经典的抽屉式导航。3.网站的布局会根据视口来调整模块的大小和位置。响应式设计的基本原理是通过媒体查询检测不同的设备屏幕尺寸做处理。为了处理移动端，页面头部必须
  • 亿纬锦能项目总结 要讲故事 前端开发语言笔记
    项目名称：亿纬锦能项目链接：https://www.evebattery.com项目概况:此项目用到了wow.js/slick.js/swiper-bundle.min.js/animate.js/appear.js/fullpage.js以及slick.css/animate.css/fullpage.css/swiper-bundle.min.css/viewer.css本项目是一种响应式网站
  • CSS 响应式设计：Viewport 梁辰兴 CSScss前端Viewport
    文章目录什么是Viewport?设置Viewport示例1，没有添加viewport2，添加viewport什么是Viewport?Viewport是一个用于在各种设备（如手机、平板电脑、桌面等）上创建和渲染Web页面的容器。在设计和开发响应式网站时，Viewport非常重要，因为它定义了网页的可视区域，即用户在设备屏幕上可以看到的内容。Viewport的宽度和高度可以由开发者进行设置，这样他们就
  • React + TailwindCSS + Vite 实现响应式网站 萌萌哒の瑞萌萌 react前端react.jsvitetailwindcsscss
    文章目录项目配置Index组件Header组件Hero组件SectionHeading组件Solutions组件HowItWorks组件Clients组件Contact组件Footer组件项目配置首先yarncreatevite创建Vite项目然后写入项目名称、选择框架、选择语言项目创建完成，接下来cd进去运行yarnadd-Dtailwindcsspostcssautoprefixer安装``t
  • C/C++Win32编程基础详解视频下载 择善Zach 编程C++Win32
    课题视频：C/C++Win32编程基础详解 视频知识：win32窗口的创建                   windows事件机制 主讲：择善Uncle老师 学习交流群：386620625 验证码：625 --
  • Guava Cache使用笔记 bylijinnan javaguavacache
    1.Guava Cache的get/getIfPresent方法当参数为null时会抛空指针异常 我刚开始使用时还以为Guava Cache跟HashMap一样，get(null)返回null。 实际上Guava整体设计思想就是拒绝null的，很多地方都会执行com.google.common.base.Preconditions.checkNotNull的检查。 2.Guava
  • 解决ora-01652无法通过128（在temp表空间中） 0624chenhong oracle
    解决ora-01652无法通过128（在temp表空间中）扩展temp段的过程 一个sql语句后，大约花了10分钟，好不容易有一个结果，但是报了一个ora-01652错误，查阅了oracle的错误代码说明：意思是指temp表空间无法自动扩展temp段。这种问题一般有两种原因：一是临时表空间空间太小，二是不能自动扩展。 分析过程：    既然是temp表空间有问题，那当
  • Struct在jsp标签 不懂事的小屁孩 struct
    非UI标签介绍： 控制类标签： 1：程序流程控制标签   if   elseif    else <s:if test="isUsed"> <span class="label label-success">True</span> </
  • 按对象属性排序 换个号韩国红果果 JavaScript对象排序
    利用JavaScript进行对象排序，根据用户的年龄排序展示 <script> var bob={ name;bob, age:30 } var peter={ name;peter, age:30 } var amy={ name;amy, age:24 } var mike={ name;mike, age:29 } var john={
  • 大数据分析让个性化的客户体验不再遥远 蓝儿唯美 数据分析
    顾客通过多种渠道制造大量数据，企业则热衷于利用这些信息来实现更为个性化的体验。 分析公司Gartner表示，高级分析会成为客户服务的关键，但是大数据分析的采用目前仅局限于不到一成的企业。 挑战在于企业还在努力适应结构化数据，疲于根据自身的客户关系管理（CRM）系统部署有效的分析框架，以及集成不同的内外部信息源。 然而，面对顾客通过数字技术参与而产生的快速变化的信息，企业需要及时作出反应。要想实
  • java笔记4 a-john java
    操作符 1，使用java操作符       操作符接受一个或多个参数，并生成一个新值。参数的形式与普通的方法调用不用，但是效果是相同的。加号和一元的正号（+）、减号和一元的负号（-）、乘号（*）、除号（/）以及赋值号（=）的用法与其他编程语言类似。       操作符作用于操作数，生成一个新值。另外，有些操作符可能会改变操作数自身的
  • 从裸机编程到嵌入式Linux编程思想的转变------分而治之：驱动和应用程序 aijuans 嵌入式学习
        笔者学习嵌入式Linux也有一段时间了，很奇怪的是很多书讲驱动编程方面的知识，也有很多书将ARM9方面的知识，但是从以前51形式的（对寄存器直接操作，初始化芯片的功能模块）编程方法，和思维模式，变换为基于Linux操作系统编程，讲这个思想转变的书几乎没有，让初学者走了很多弯路，撞了很多难墙。     笔者因此写上自己的学习心得，希望能给和我一样转变
  • 在springmvc中解决FastJson循环引用的问题 asialee 循环引用fastjson
              我们先来看一个例子：           package com.elong.bms; import java.io.OutputStream; import java.util.HashMap; import java.util.Map; import co
  • ArrayAdapter和SimpleAdapter技术总结 百合不是茶 androidSimpleAdapterArrayAdapter高级组件基础
    ArrayAdapter比较简单，但它只能用于显示文字。而SimpleAdapter则有很强的扩展性，可以自定义出各种效果   ArrayAdapter;的数据可以是数组或者是队列        // 获得下拉框对象 AutoCompleteTextView textview = (AutoCompleteTextView) this
  • 九封信 bijian1013 人生励志
            有时候，莫名的心情不好，不想和任何人说话，只想一个人静静的发呆。有时候，想一个人躲起来脆弱，不愿别人看到自己的伤口。有时候，走过熟悉的街角，看到熟悉的背影，突然想起一个人的脸。有时候，发现自己一夜之间就长大了。         2014，写给人
  • Linux下安装MySQL Web 管理工具phpMyAdmin sunjing PHPInstallphpMyAdmin
    PHP http://php.net/ phpMyAdmin http://www.phpmyadmin.net Error compiling PHP on CentOS x64   一、安装Apache 请参阅http://billben.iteye.com/admin/blogs/1985244   二、安装依赖包 sudo yum install gd
  • 分布式系统理论 bit1129 分布式
    FLP One famous theory in distributed computing, known as FLP after the authors Fischer, Lynch, and Patterson, proved that in a distributed system with asynchronous communication and process crashes,
  • ssh2整合(spring+struts2+hibernate)-附源码 白糖_ eclipsespringHibernatemysql项目管理
    最近抽空又整理了一套ssh2框架，主要使用的技术如下： spring做容器，管理了三层(dao,service,actioin)的对象 struts2实现与页面交互(MVC)，自己做了一个异常拦截器，能拦截Action层抛出的异常 hibernate与数据库交互 BoneCp数据库连接池，据说比其它数据库连接池快20倍，仅仅是据说 MySql数据库   项目用eclipse
  • treetable bug记录 braveCS table
    // 插入子节点删除再插入时不能正常显示。修改： //不知改后有没有错，先做个备忘 Tree.prototype.removeNode = function(node) { // Recursively remove all descendants of +node+ this.unloadBranch(node); // Remove
  • 编程之美-电话号码对应英语单词 bylijinnan java算法编程之美
    import java.util.Arrays; public class NumberToWord { /** * 编程之美 电话号码对应英语单词 * 题目： * 手机上的拨号盘，每个数字都对应一些字母，比如2对应ABC，3对应DEF.........，8对应TUV，9对应WXYZ， * 要求对一段数字，输出其代表的所有可能的字母组合
  • jquery ajax读书笔记 chengxuyuancsdn jQuery ajax
    1、jsp页面 <%@ page language="java" import="java.util.*" pageEncoding="GBK"%> <% String path = request.getContextPath(); String basePath = request.getScheme()
  • JWFD工作流拓扑结构解析伪码描述算法 comsci 数据结构算法工作活动J#
      对工作流拓扑结构解析感兴趣的朋友可以下载附件，或者下载JWFD的全部代码进行分析   /*  流程图拓扑结构解析伪码描述算法         public java.util.ArrayList DFS(String graphid, String stepid, int j)
  • oracle I/O 从属进程 daizj oracle
    I/O 从属进程 　　I/O从属进程用于为不支持异步I/O的系统或设备模拟异步I/O.例如，磁带设备(相当慢)就不支持异步I/O.通过使用I/O 从属进程，可以让磁带机模仿通常只为磁盘驱动器提供的功能。就好像支持真正的异步I/O 一样，写设备的进程(调用者)会收集大量数据，并交由写入器写出。数据成功地写出时，写入器(此时写入器是I/O 从属进程，而不是操作系统)会通知原来的调用者，调用者则会
  • 高级排序:希尔排序 dieslrae 希尔排序
    public void shellSort(int[] array){ int limit = 1; int temp; int index; while(limit <= array.length/3){ limit = limit * 3 + 1;
  • 初二下学期难记忆单词 dcj3sjt126com englishword
    kitchen 厨房 cupboard 厨柜 salt 盐 sugar 糖 oil 油 fork 叉；餐叉 spoon 匙；调羹 chopsticks 筷子 cabbage 卷心菜；洋白菜 soup 汤 Italian 意大利的   Indian 印度的 workplace  工作场所 even 甚至；更 Italy 意大利 laugh 笑 m
  • Go语言使用MySQL数据库进行增删改查 dcj3sjt126com mysql
    目前Internet上流行的网站构架方式是LAMP，其中的M即MySQL, 作为数据库，MySQL以免费、开源、使用方便为优势成为了很多Web开发的后端数据库存储引擎。MySQL驱动Go中支持MySQL的驱动目前比较多，有如下几种，有些是支持database/sql标准，而有些是采用了自己的实现接口,常用的有如下几种: http://code.google.c...o-mysql-dri
  • git命令 shuizhaosi888 git
    ---------------设置全局用户名： git config --global user.name "HanShuliang" //设置用户名 git config --global user.email "[email protected]" //设置邮箱 ---------------查看环境配置 git config --li
  • qemu-kvm 网络 nat模式 (四) haoningabc kvmqemu
    qemu-ifup-NAT #!/bin/bash BRIDGE=virbr0 NETWORK=192.168.122.0 GATEWAY=192.168.122.1 NETMASK=255.255.255.0 DHCPRANGE=192.168.122.2,192.168.122.254 TFTPROOT= BOOTP= function check_bridge()
  • 不要让未来的你，讨厌现在的自己 jingjing0907 生活 奋斗 工作 梦想
     故事one 　23岁，他大学毕业，放弃了父母安排的稳定工作，独闯京城，在家小公司混个小职位，工作还算顺手，月薪三千，混了混，混走了一年的光阴。　　　　24岁，有了女朋友，从二环12人的集体宿舍搬到香山民居，一间平房，二人世界，爱爱爱。偶然约三朋四友，打扑克搓麻将，日子快乐似神仙；　　　　25岁，出了几次差，调了两次岗，薪水涨了不过百，生猛狂飙的物价让现实血淋淋，无力为心爱银儿购件大牌
  • 枚举类型详解 一路欢笑一路走 enum枚举详解enumsetenumMap
    枚举类型详解 一.Enum详解      1.1枚举类型的介绍   JDK1.5加入了一个全新的类型的”类”—枚举类型，为此JDK1.5引入了一个新的关键字enum,我们可以这样定义一个枚举类型。      Demo:一个最简单的枚举类   public enum ColorType { RED
  • 第11章 动画效果（上） onestopweb 动画
    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/
  • Eclipse中jsp、js文件编辑时，卡死现象解决汇总 ljf_home eclipsejsp卡死js卡死
    使用Eclipse编辑jsp、js文件时，经常出现卡死现象，在网上百度了N次，经过N次优化调整后，卡死现象逐步好转，具体那个方法起到作用，不太好讲。将所有用过的方法罗列如下：   1、取消验证 windows–>perferences–>validation 把 除了manual 下面的全部点掉，build下只留 classpath dependency Valida
  • MySQL编程中的6个重要的实用技巧 tomcat_oracle mysql
    每一行命令都是用分号(;)作为结束 对于MySQL，第一件你必须牢记的是它的每一行命令都是用分号(;)作为结束的，但当一行MySQL被插入在PHP代码中时，最好把后面的分号省略掉，例如： mysql_query("INSERT INTO tablename(first_name,last_name)VALUES('$first_name',$last_name')");
  • zoj 3820 Building Fire Stations(二分+bfs) 阿尔萨斯 Build
    题目链接：zoj 3820 Building Fire Stations 题目大意：给定一棵树，选取两个建立加油站，问说所有点距离加油站距离的最大值的最小值是多少，并且任意输出一种建立加油站的方式。 解题思路：二分距离判断，判断函数的复杂度是o(n)，这样的复杂度应该是o(nlogn)，即使常数系数偏大，但是居然跑了4.5s，也是醉了。 判断函数里面做了3次bfs，但是每次bfs节点最多
按字母分类： ABCDEFGHIJKLMNOPQRSTUVWXYZ其他