position，float，display布局方式规整

前端攻城狮在拿到设计图，最开始做的事情是什么？布局？yup

定位：position

position值

static：默认方式，作为文档流的一部分，有行内元素（不会换行）和块级元素（独占一行）
relative：相对位置，想对于此元素应该在的位置进行偏移，并且原来的位置也会被占据。发生偏移时，可能会覆盖其他元素（这个特性让我想起了z-index），当有元素需要在后来的元素之上时，position:relative就很管用了
absolute：绝对位置，脱离文档流，在文档流之上，元素不再占有文档流位置，想对于最近的position不为static的元素进行偏移（从此元素向上级找到的第一个position不为static的元素）
fixed：固定位置，想对于视图区域进行固定
sticky：css3新属性，这个属性，个人认为是relative属性相似（因为对此位置值不太，本人也很少使用...）

讲到了position属性就必定会想到偏移量属性

left
right
top
bottom
（注：这四个属性在position:static时，这四个属性不起作用。偏移量使用px的话，不同的web端会有兼容性问题，所有推荐使用rem或者百分比（百分比基准是父级的宽度））

浮动 float

float就是脱离文档流的一种布局方式，但是它占文档位置。一般会使用在图片上，让文字围绕此图片。浮动元素会生成一个块级框，而不论它本身是何种元素（使用float时，最好定义此元素的宽度和高度）。假如在一行之上只有极少的空间可供浮动元素，那么这个元素会跳至下一行，这个过程会持续到某一行拥有足够的空间为止。
敲黑板，画重点：float：left|right与position:absolute区别
float：left|right属性与position:absolute属性都具有包裹性，两者都会使元素脱离文档流，但是，与absolute不同的是：float 的元素还会在文档流上占据一个位置。position:absolute的元素是根据最近的非static的父元素定位，如果没有，则根据最初的包含块定义（一般是body），关于float，也会脱离文档流，会被放置在其容器的左边或右边。
讲到元素浮动，就必须牵扯到清除浮动

当元素height:auto时，且容器内容中有浮动，在这种情况下，容器的高度不能自动伸长以适应内容的高度，使得内容溢到容器外部而影响整体布局；

// html代码

  我是浮动元素

// css代码
.wrap {
  font-size: 12px;
  border: 1px solid gray;
  color: #fff;
}
.content {
  float: left;
  padding: 15px;
  background: blue;
}

float布局

清除浮动
（1）使用带clear属性的空元素：在浮动元素后使用一个空元素如
，并且.clear{clear:both;}属性即可清理浮动

// html

  我是浮动元素
  

// css
.clear {
  clear: both;
}

clear:both清除浮动

（2）使用CSS的overflow属性：给浮动元素的容器添加 overflow:hidden或overflow:auto可以清除浮动，

.wrap {
  font-size: 12px;
  border: 1px solid gray;
  color: #fff;
  overflow: hidden;  // 添加
}

（3）使用CSS的:after伪元素

.wrap:after{
  content: "020"; 
  display: block; 
  height: 0; 
  clear: both; 
  visibility: hidden;  
}

（4）为容器设置高度height

布局display

block：块级元素，占领一整行，可以设置width、height、margin、padding
inline：行内元素，不占领一行，不可以设置width、height、只能设置左右的margin和padding，上下的margin和padding是不可以设置的
inline-block：像inline一样放置(比如和它相邻的元素处在同一行)，像block一样表现，可以设置width和height；设置inline-block之后，会有空白，这个时候是因为空白符才显示的间隙，这个时候设置font-size:0就可以完美解决啦
none：不显示
inherit：继承，从父元素继承布局
flex：flex布局，敲黑板，画重点。你们认真看看阮一峰老师的flex布局

table: 表格布局，类似于，表格前后有换行

inline-table：表格布局，类似于

，表格前后没有换行

list-item：列表元素，类似于

经常见到的几种布局

元素水平居中

行内元素水平居中：text-align:center
块级元素水平居中：margin: 0 auto

元素垂直居中

单行文本垂直居中：line-height
文字和图片在一行中垂直居中：平时遇到文字和图片卸载一行，图片和文字不对齐，什么鬼，用这个属性就可以解决了vertical-align:middle
使用flex布局实现垂直居中

水平垂直居中

利用绝对定位元素的盒模型特性，在偏移属性为确定值的基础上，设置margin:auto

// html

    

// css
.wrap {
  position: relative;
  width: 200px;
  height: 200px;
  background-color: red;
}
.inner {
  position: absolute;
  left: 0;
  right: 0;
  top: 0;
  bottom: 0;
  width: 100px;
  height: 100px;
  background-color: blue;
  margin: auto;
}

absolute+margin

flex实现元素的水平垂直居中
设置容器属性justify-content:center;align-items:center
table-cell实现元素水平垂直居中

.wrap {
  display: table-cell; /*此元素会作为一个表格单元格显示*/
  vertical-align: middle;  // 垂直居中
  text-align: center; // 水平居中
  background-color: red;
  width: 200px;
  height: 200px;
  border: 1px solid yellow;
}
.inner {
  display: inline-block; /*为了防止块级元素的宽度默认等于其父元素*/
  background-color: blue;
  color: #fff;
}

两栏布局

float + margin

// html
固定宽度
自适应
// css
.left{
  width: 200px;
  height: 200px;
  background: red;
  float: left;
}
.right{
  margin-left: 210px;
  height: 200px;
  background: yellow;
}

三栏布局

float + margin

// html

      
      
      

// css
.float-left {
    width: 200px;
    float: left;
    background-color: yellow;
    height: 300px;
  }
  .float-right {
    width: 200px;
    float: right;
    background-color: red;
    height: 300px;
  }
  .center {
    margin: 0 200px;
    background-color: blue;
    height: 300px;
  }

flex布局

感谢您的view，留个赞再走呗

感谢浏览姑娘的文章，来自一个写前端的姑娘！

有错误讲解的地方，欢迎指正也！

你可能感兴趣的:(position，float，display布局方式规整)

【笔记】DIDs 去中心化身份的相关名词释义 m0_47843842 去中心化
Authenticate身份验证是一个过程（通常是某种类型的协议），通过该过程，实体可以使用一种或多种验证方法证明其具有特定属性或掌控特定秘密。对于DID，一个常见的例子是证明对与DID文档中发布的公钥相关联的私钥的控制。Decentralizedidentifier(DID)不需要中心注册机构的全球唯一持久标识符，因为它是通过加密方式生成和/或注册的。DID的通用格式在DID核心规范[DID-C
Python爬虫实战：研究xmltodict库相关技术 ylfhpy 爬虫项目实战 python 爬虫开发语言 xmltodict
1.引言1.1研究背景与意义气象数据在农业生产、交通规划、灾害预警等多个领域具有重要应用价值。传统的气象数据获取方式主要依赖于气象部门发布的统计信息，存在更新不及时、数据维度有限等问题。随着互联网技术的发展，气象网站提供了丰富的实时气象数据，但这些数据通常以HTML、XML等非结构化或半结构化形式存在，难以直接利用。因此，开发高效的数据采集与解析系统具有重要的现实意义。1.2国内外研究现状网络爬虫
Java流式处理太阳伞下的阿呆 java 生成器迭代器 stream 流式处理
在Java中，没有直接类似Python生成器的语法，但可以通过迭代器（Iterator）和流式处理（如使用Spliterator或ReactiveStreams）来实现类似生成器的功能。此外，也可以通过BlockingQueue和线程的组合实现异步文件解压流。以下是几种实现方式：**方法1：使用****Iterator**实现一个Iterator，在每次调用next()时返回解压完成的下一个文件名
JVM调优实战 Day 5：内存泄漏与溢出分析在未来等你 JVM调优实战 JVM Java 性能优化调优虚拟机
【JVM调优实战Day5】内存泄漏与溢出分析文章简述在Java应用中，内存泄漏和内存溢出是常见的性能瓶颈问题。本文作为“JVM调优实战”系列的第五天内容，深入讲解了JVM中内存泄漏与溢出的基本概念、原理机制、常见问题及诊断方法。文章通过理论结合实践的方式，介绍了如何使用JVM工具如jstat、jmap、jhat等进行堆内存分析，并提供了完整的代码示例和配置参数。同时，文中还包含一个真实生产环境中的
Kafka中的消费者偏移量是如何管理的？ java1234_小锋 java kafka 分布式
大家好，我是锋哥。今天分享关于【Kafka中的消费者偏移量是如何管理的？】面试题。希望对大家有帮助；Kafka中的消费者偏移量是如何管理的？超硬核AI学习资料，现在永久免费了！在Kafka中，消费者的偏移量（offset）是用来追踪消费者读取消息的位置。Kafka提供了多种方式来管理消费者偏移量，确保消息能够从正确的位置继续消费。以下是Kafka中消费者偏移量的管理方式：1.自动提交（AutoCo
HarmonyOS NEXT仓颉开发语言实战案例：外卖App 幽蓝计划开发语言 harmonyos
各位周末好，今天为大家来仓颉语言外卖App的实战分享。我们可以先分析一下页面的布局结构，它是由导航栏和List容器组成的。幽蓝君目前依然没有找到仓颉语言导航栏的系统组件，还是要自定义，这个导航栏有三部分内容，可以使用两端对齐，要注意的是，如果需要中间部分在页面中间需要两端的内容宽度相同。导航栏和页面的布局结构代码如下：Column{Row{Text('幽蓝外卖').fontColor(Color.
微调大语言模型后，如何评估效果？一文讲清茫茫人海一粒沙人工智能
在做大语言模型（LLM）微调时，“怎么判断模型调得好不好”是必须回答的问题。无论是在研究、项目落地，还是面试中，评估方法都不能停留在“训练loss降了”这么简单。本文从评估目标、技术指标、业务适配、实战建议四个维度，讲清楚微调后的模型评估怎么做，为什么这么做。一，评估前，先搞清楚目标不同的微调目的，评估方式也不同：✅精调任务能力：判断模型是否更好完成分类、问答、摘要、代码生成等任务。✅领域适应：关
解决在Nuxt3+naiveUi中打包出现vueuc导入方式问题报错张苹果博客前端
在nuxt3+naiveui项目中打包出现vueuc导入方式问题报错，导致页面访问500。错误描述[nuxt][requesterror][unhandled][500]Namedexport'VBinder'notfound.Therequestedmodule'vueuc'isaCommonJSmodule,whichmaynotsupportallmodule.exportsasnamede
AI人工智能助力空间智能领域提升运营效率 AI智能探索者 AI Agent 智能体开发实战人工智能网络 ai
AI人工智能助力空间智能领域提升运营效率关键词：AI人工智能、空间智能领域、运营效率、智能算法、数据驱动摘要：本文聚焦于AI人工智能在空间智能领域的应用，旨在探讨其如何助力该领域提升运营效率。首先介绍了空间智能领域的背景和相关概念，阐述了AI在其中的核心作用和原理。接着详细讲解了相关核心算法，并结合数学模型进行分析。通过项目实战案例展示了AI在空间智能领域的具体应用和实现方式。同时探讨了实际应用场
WPF 常用布局控件的基础使用 Dr.多喝热水 WPF wpf
WPF常用布局控件在WPF中，布局控件（也叫布局容器）负责安排子元素（比如按钮、文本框等）的摆放位置。1.Grid（网格布局）Grid是最常用的布局控件，它把空间划分成行和列，可以让子元素按照表格方式排列。示例：说明：RowDefinitions和ColumnDefinitions分别定义了行和列。Height="Auto"表示高度根据内容自动调整。Height="*"表示分配剩余空间。2*表示是
ASP.Net依赖注入！使用Microsoft.Extensions.DependencyInjection配置依赖注入 weixin_44710358 c#asp.net 依赖注入
文章目录前言一、依赖注入是什么？二、使用步骤三、示例四、依赖注入服务生命周期五、依赖注入的方式前言ASP.Net依赖注入！使用Microsoft.Extensions.DependencyInjection配置依赖注入一、依赖注入是什么？百度百科：控制反转（InversionofControl，缩写为IoC），是面向对象编程中的一种设计原则，可以用来减低计算机代码之间的耦合度。其中最常见的方式叫做
C++数值算法深度解析：accumulate与max_element 景彡先生 C++进阶 c++算法服务器
在C++标准库中，数值算法（NumericAlgorithms）提供了高效处理数值数据的工具。本文将深入解析两个核心数值算法——accumulate（累加求和）与max_element（最大值查找）的底层原理、核心特性及最佳实践，帮助开发者掌握这些“数据统计利器”的正确使用方式。一、accumulate：通用累加器1.1底层原理与实现迭代累加：对[first,last)区间内的元素执行累积操作，初
RoomGPT: 人工智能驱动的室内设计革命 m0_56734068 人工智能
RoomGPT:用AI重新定义室内设计在当今数字化时代,人工智能正在改变各个行业的面貌,室内设计领域也不例外。RoomGPT作为一款革命性的AI驱动室内设计工具,正在彻底改变人们对室内空间进行创意和改造的方式。本文将深入探讨RoomGPT的工作原理、使用方法以及它为室内设计行业带来的变革。RoomGPT简介RoomGPT是一个开源项目,由GitHub用户Nutlope开发。它允许用户上传任何房间的
HTML响应式Web设计水云桐程序员前端 html javascript
什么是响应式Web设计？RWD指的是响应式Web设计（ResponsiveWebDesign)RWD能够以可变尺寸传递网页RWD对于平板和移动设备是必需的创建一个响应式设计：.city{float:left;margin:5px;padding:15px;width:300px;height:300px;border:1pxsolidblack;}HTMLDemoResizethisreponsi
从HTML4到HTML5+CSS3，如何快速掌握？(有老版HTML基础或经验) 唐骁虎 html 前端
从HTML4.0到HTML5+CSS3的升级是Web开发技术的一次重要迭代，两者在语法、功能、兼容性等方面存在显著差异。以下是具体异同点、学习注意事项及快速掌握方法：一、HTML5与HTML4.0的核心差异语义化标签HTML5新增：、、、、等，使代码结构更清晰，利于SEO和可维护性。HTML4.0依赖：主要用配合class/id实现布局，语义性较弱。多媒体支持HTML5原生支持：、标签，无需依赖F
Java+POI+EXCEL导出折线图到Excel表格中雾林小妖 java项目解决方案 excel
1、问题概述？本案例使用POI版本：5.2.3在项目中我们经常需要将项目中的数据以图标的形式导出，以下是，以JAVA+POI技术，将数据以折线图导出到Excel表格中。2、实现方式--折线图2.1、导入依赖包-案例完整pom.xml文件此处需要注意，我是用的springboot版本是2.17.6版本。同时需要注意commons-lang3的版本，版本尽量高一些，否则会报错，我使用的是3.12.0。
串口输出的三种方式 Ricardo.lucky STM32学习笔记 linux 运维服务器
目录一、输入输出重定向二、使用sprintf的Usart_SendString三、封装sprintf一、输入输出重定向这个是使用输入输出重定向，将输出的内容使用scanf()或getchar()从写入，使用printf的格式打印出来。使用这个输出重定向和输出重定向的时候需要使用头文件。输入重定向中只能通过使用这个函数是让scanf()或getchar()从串口读取一个字符。/*这个是输出重定向*/
Flutter多设备之响应式布局 harmonyos
Flutter多设备之响应式布局参考鸿蒙原生响应式布局场景，保持相似体验。布局能力使用场景使用说明断点将窗口宽度划分为不同的范围（即断点），监听窗口尺寸变化，当断点改变时同步调整页面布局。依赖扩展库：breakpoint媒体查询媒体查询支持监听窗口宽度、横竖屏、深浅色、设备类型等多种媒体特征，当媒体特征发生改变时同步调整页面布局。直接使用FlutterSDK中MediaQuery，无需额外适配栅格
Flutter多设备之典型布局场景 harmonyos
Flutter多设备之典型布局场景参考鸿蒙原生典型布局场景，保持相似体验。布局能力使用场景使用说明页签栏使用页签控制内容切换的容器，每个页签对应一个内容视图。基于动态断点，当位于sm,md时,使用flutter内置组件DefaultTabController、TabBar和TabBarView显示底部页签栏；当位于lg时，使用DefaultTabController和NavigationRail显
yum 报错解决记录孤高飘云影 linux centos 运维
创建一个虚拟机，在安装yum源的时候，执行到yummakecahce的时候，报如下的错误：解决方式：1、执行如下命令修改fastestmirror.conf的配置参数sed-i"s|enabled=1|enabled=0|g"/etc/yum/pluginconf.d/fastestmirror.conf2、备份一下原yum源文件mv/etc/yum.repos.d/CentOS-Base.rep
Dify实现图文混排的智能问答实践一望无际的大草原 Dify高级应用工作总结 Agent 数据分析 agent 智能客服
最近在做类似于各大平台中广泛应用的智能客服，相当于基于各平台的用户操作手册，业务流程场景等文档资料，开发一个类似于智能客服的自动化问答应用。主要基于dify进行开发，但对数据有些特殊要求，之前大家做的都是基于文本的，结合大模型返回的结果主要也是文本信息，这种方式不够直观全面，也有信息丢失，同时，一般这些资料中都包含了大量的图文结合内容，很多问题的答复需要结合图像进行答复更加直观，因此对其进行简单的
使用Picgo+Cloudflare R2构建图床 Chrislime 云计算网络网络安全缓存
R2是Cloudflare推出的非结构性Objectstorage（对象存储）服务。本文将介绍我推荐R2的原因以及与Picgo联动的使用方式。为什么选择R2正如我在博客中多次提到，Cloudflare是一家服务范围遍及全球的网络资源供应商。因此对象存储自然也会成为其主打服务之一选择R2的理由有以下：10GB免费空间无流量费免费CDN节点及DDos防护服务国际化兼容S3无政治原因的审查得益于Clou
Linux【7】------Linux系统编程（进程间通信IPC） Invinciblenuonuo linux 多进程进程间通信
文章目录1信号1.1信号类型1.2信号含义1.3信号产生按键硬件异常调用接口发送指令内核检测1.4信号处理默认捕捉忽略1.5信号阻塞1.6信号挂起2消息队列2.1概念2.2创建消息队列2.3访问消息队列2.4控制消息队列3共享内存3.1申请共享内存3.2共享内存映射3.3控制共享内存3.4信号量3.5操作信号量1信号信号是一种异步通信方式同步通信同步指的是当进程发起一个请求，但是该请求并未马上响应
【分治算法】【Python实现】Strassen矩阵乘法「已注销」 #分治算法分治算法 Python
文章目录@[toc]问题描述基础算法时间复杂性Strassen算法时间复杂性问题时间复杂性Python实现个人主页：丷从心·系列专栏：分治算法学习指南：算法学习指南问题描述设AAA和BBB是两个n×nn\timesnn×n矩阵，AAA和BBB的乘积矩阵CCC中元素cij=∑k=1naikbkjc_{ij}=\displaystyle\sum\limits_{k=1}^{n}{a_{ik}b_{kj
MyBatis实战指南（八）MyBatis日志珹洺 #MyBatis实战指南 mybatis tomcat java
MyBatis实战指南（八）MyBatis日志前言一、为什么需要日志？二、日志框架怎么选？1.手把手教你集成（以最常用的SLF4J+Logback为例）步骤1：添加依赖（Maven项目）步骤2：在MyBatis配置文件中开启日志步骤3：配置Logback日志文件三、配置方式详解1.MyBatis自身的日志配置2.日志级别控制3.SpringBoot中怎么配？四、源码解析：搞懂MyBatis日志底层
【stm32】HAL库开发——单片机工作模式许白掰 stm32 嵌入式硬件单片机学习
目录一、单片机工作模式1.1低功耗睡眠模式(Sleep)1.2低功耗停止模式(Stop)1.3低功耗待机模式(StandBy)一、单片机工作模式1.1低功耗睡眠模式(Sleep)使用HAL_PWR_EnterSLEEPMode(PWR_MAINREGULATOR_ON,PWR_SLEEPENTRY_WFI);打开睡眠模式。由于Hal库与标准库在管理系统时钟和低功耗模式时的处理方式不同，Hal库中需
Docker 镜像制作 Ris Hen docker docker
目录镜像制作及原因快照方式制作镜像Dockerfile制作镜像为什么需要DockerfileDockerfile指令常见问题镜像制作及原因镜像制作是因为某种需求，官方的镜像无法满足需求，需要我们通过一定手段来自定义镜像来满足要求。制作镜像往往因为以下原因1.编写的代码如何打包到镜像中直接跟随镜像发布2.第三方制作的内容安全性未知，如含有安全漏洞3.特定的需求或者功能无法满足，如需要给数据库添加审计
解锁云原生微服务架构：搭建与部署实战全攻略奔跑吧邓邓子必备核心技能云原生架构微服务搭建与部署实战全攻略
目录一、引言二、微服务拆分2.1拆分的必要性2.2拆分方法2.3注意事项三、服务注册与发现3.1概念与原理3.2常用组件介绍3.3实践案例四、负载均衡4.1作用与原理4.2实现方式4.3负载均衡算法4.4案例与代码实现4.4.1项目依赖配置4.4.2配置Ribbon4.4.3代码实现负载均衡调用五、容器化部署5.1容器化技术基础5.2容器化部署流程5.2.1编写Dockerfile5.2.2构建D
解锁Ubuntu安装：从新手到高手的通关秘籍奔跑吧邓邓子必备核心技能 ubuntu linux 安装指南
目录一、前期准备1.1明确安装目标1.2硬件要求自查1.3安装方式抉择1.4必备工具下载二、虚拟机安装Ubuntu2.1VMwareWorkstation安装与设置2.2创建虚拟机2.3安装Ubuntu系统2.4安装VMwareTools三、双系统安装Ubuntu3.1磁盘空间准备3.2制作启动U盘3.3进入BIOS/UEFI设置3.4安装过程详解四、安装常见问题与解决4.1分区问题4.2安装包错
YOLOv13：目标检测的全面攻略与实战指南奔跑吧邓邓子必备核心技能 YOLO 目标检测目标跟踪人工智能全攻略实战
目录一、YOLOv13简介1.1YOLO系列发展回顾1.2YOLOv13的特点与优势二、YOLOv13原理剖析2.1HyperACE技术详解2.2FullPAD技术详解2.3轻量级卷积替换技术详解三、YOLOv13性能对比3.1与其他YOLO版本对比3.2实际应用场景对比四、YOLOv13项目结构与使用方式4.1仓库文件结构介绍4.2快速上手步骤五、YOLOv13优化技巧5.1数据增强技巧5.2锚
数据采集高并发的架构应用 3golden .net
问题的出发点：最近公司为了发展需要，要扩大对用户的信息采集，每个用户的采集量估计约2W。如果用户量增加的话，将会大量照成采集量成3W倍的增长，但是又要满足日常业务需要，特别是指令要及时得到响应的频率次数远大于预期。 &n
不停止 MySQL 服务增加从库的两种方式 brotherlamp linux linux视频 linux资料 linux教程 linux自学
现在生产环境MySQL数据库是一主一从，由于业务量访问不断增大，故再增加一台从库。前提是不能影响线上业务使用，也就是说不能重启MySQL服务，为了避免出现其他情况，选择在网站访问量低峰期时间段操作。一般在线增加从库有两种方式，一种是通过mysqldump备份主库，恢复到从库，mysqldump是逻辑备份，数据量大时，备份速度会很慢，锁表的时间也会很长。另一种是通过xtrabacku
Quartz——SimpleTrigger触发器 eksliang SimpleTrigger TriggerUtils quartz
转载请出自出处：http://eksliang.iteye.com/blog/2208166 一.概述 SimpleTrigger触发器，当且仅需触发一次或者以固定时间间隔周期触发执行；二.SimpleTrigger的构造函数 SimpleTrigger(String name, String group)：通过该构造函数指定Trigger所属组和名称； Simpl
Informatica应用（1） 18289753290 sql workflow lookup 组件 Informatica
1.如果要在workflow中调用shell脚本有一个command组件，在里面设置shell的路径；调度wf可以右键出现schedule，现在用的是HP的tidal调度wf的执行。 2.designer里面的router类似于SSIS中的broadcast（多播组件）;Reset_Workflow_Var：参数重置（比如说我这个参数初始是1在workflow跑得过程中变成了3我要在结束时还要
python 获取图片验证码中文字酷的飞上天空 python
根据现成的开源项目 http://code.google.com/p/pytesser/改写在window上用easy_install安装不上看了下源码发现代码很少于是就想自己改写一下添加支持网络图片的直接解析 #coding:utf-8 #import sys #reload(sys) #sys.s
AJAX 永夜-极光 Ajax
1.AJAX功能:动态更新页面,减少流量消耗,减轻服务器负担 2.代码结构: <html> <head> <script type="text/javascript"> function loadXMLDoc() { .... AJAX script goes here ...
创业OR读研随便小屋创业
现在研一，有种想创业的想法，不知道该不该去实施。因为对于的我情况这两者是矛盾的，可能就是鱼与熊掌不能兼得。研一的生活刚刚过去两个月，我们学校主要的是
需求做得好与坏直接关系着程序员生活质量 aijuans IT 生活
这个故事还得从去年换工作的事情说起，由于自己不太喜欢第一家公司的环境我选择了换一份工作。去年九月份我入职现在的这家公司，专门从事金融业内软件的开发。十一月份我们整个项目组前往北京做现场开发，从此苦逼的日子开始了。系统背景：五月份就有同事前往甲方了解需求一直到6月份，后续几个月也完
如何定义和区分高级软件开发工程师 aoyouzi
在软件开发领域，高级开发工程师通常是指那些编写代码超过 3 年的人。这些人可能会被放到领导的位置，但经常会产生非常糟糕的结果。Matt Briggs 是一名高级开发工程师兼 Scrum 管理员。他认为，单纯使用年限来划分开发人员存在问题，两个同样具有 10 年开发经验的开发人员可能大不相同。近日，他发表了一篇博文，根据开发者所能发挥的作用划分软件开发工程师的成长阶段。　　初
Servlet的请求与响应百合不是茶 servlet get提交 java处理post提交
Servlet是tomcat中的一个重要组成,也是负责客户端和服务端的中介 1,Http的请求方式(get ,post); 客户端的请求一般都会都是Servlet来接受的,在接收之前怎么来确定是那种方式提交的,以及如何反馈,Servlet中有相应的方法, http的get方式 servlet就是都doGet(
web.xml配置详解之listener bijian1013 java web.xml listener
一.定义 <listener> <listen-class>com.myapp.MyListener</listen-class> </listener> 二.作用该元素用来注册一个监听器类。可以收到事件什么时候发生以及用什么作为响
Web页面性能优化（yahoo技术） Bill_chen JavaScript Ajax Web css Yahoo
1.尽可能的减少HTTP请求数 content 2.使用CDN server 3.添加Expires头(或者 Cache-control) server 4.Gzip 组件 server 5.把CSS样式放在页面的上方。 css 6.将脚本放在底部(包括内联的) javascript 7.避免在CSS中使用Expressions css 8.将javascript和css独立成外部文
【MongoDB学习笔记八】MongoDB游标、分页查询、查询结果排序 bit1129 mongodb
游标游标，简单的说就是一个查询结果的指针。游标作为数据库的一个对象，使用它是包括声明打开循环抓去一定数目的文档直到结果集中的所有文档已经抓取完关闭游标游标的基本用法，类似于JDBC的ResultSet(hasNext判断是否抓去完,next移动游标到下一条文档)，在获取一个文档集时，可以提供一个类似JDBC的FetchSize
ORA-12514 TNS 监听程序当前无法识别连接描述符中请求服务的解决方法白糖_ ORA-12514
今天通过Oracle SQL*Plus连接远端服务器的时候提示“监听程序当前无法识别连接描述符中请求服务”，遂在网上找到了解决方案： ①打开Oracle服务器安装目录\NETWORK\ADMIN\listener.ora文件，你会看到如下信息： # listener.ora Network Configuration File: D:\database\Oracle\net
Eclipse 问题 A resource exists with a different case bozch eclipse
在使用Eclipse进行开发的时候，出现了如下的问题： Description Resource Path Location TypeThe project was not built due to "A resource exists with a different case: '/SeenTaoImp_zhV2/bin/seentao'.&
编程之美-小飞的电梯调度算法 bylijinnan 编程之美
public class AptElevator { /** * 编程之美小飞电梯调度算法 * 在繁忙的时间，每次电梯从一层往上走时，我们只允许电梯停在其中的某一层。 * 所有乘客都从一楼上电梯，到达某层楼后，电梯听下来，所有乘客再从这里爬楼梯到自己的目的层。 * 在一楼时，每个乘客选择自己的目的层，电梯则自动计算出应停的楼层。 * 问：电梯停在哪
SQL注入相关概念 chenbowen00 sql Web 安全
SQL Injection：就是通过把SQL命令插入到Web表单递交或输入域名或页面请求的查询字符串，最终达到欺骗服务器执行恶意的SQL命令。具体来说，它是利用现有应用程序，将（恶意）的SQL命令注入到后台数据库引擎执行的能力，它可以通过在Web表单中输入（恶意）SQL语句得到一个存在安全漏洞的网站上的数据库，而不是按照设计者意图去执行SQL语句。首先让我们了解什么时候可能发生SQ
[光与电]光子信号战防御原理 comsci 原理
无论是在战场上,还是在后方,敌人都有可能用光子信号对人体进行控制和攻击,那么采取什么样的防御方法,最简单,最有效呢? 我们这里有几个山寨的办法,可能有些作用,大家如果有兴趣可以去实验一下根据光
oracle 11g新特性:Pending Statistics daizj oracle dbms_stats
oracle 11g新特性:Pending Statistics 转从11g开始，表与索引的统计信息收集完毕后，可以选择收集的统信息立即发布，也可以选择使新收集的统计信息处于pending状态，待确定处于pending状态的统计信息是安全的，再使处于pending状态的统计信息发布，这样就会避免一些因为收集统计信息立即发布而导致SQL执行计划走错的灾难。在 11g 之前的版本中，D
快速理解RequireJs dengkane jquery requirejs
RequireJs已经流行很久了，我们在项目中也打算使用它。它提供了以下功能：声明不同js文件之间的依赖可以按需、并行、延时载入js库可以让我们的代码以模块化的方式组织初看起来并不复杂。在html中引入requirejs 在HTML中，添加这样的 <script> 标签： <script src="/path/to
C语言学习四流程控制if条件选择、for循环和强制类型转换 dcj3sjt126com c
# include <stdio.h> int main(void) { int i, j; scanf("%d %d", &i, &j); if (i > j) printf("i大于j\n"); else printf("i小于j\n"); retu
dictionary的使用要注意 dcj3sjt126com IO
NSDictionary *dict = [NSDictionary dictionaryWithObjectsAndKeys: user.user_id , @"id", user.username , @"username",
Android 中的资源访问(Resource) finally_m xml android String drawable color
简单的说，Android中的资源是指非代码部分。例如，在我们的Android程序中要使用一些图片来设置界面，要使用一些音频文件来设置铃声，要使用一些动画来显示特效，要使用一些字符串来显示提示信息。那么，这些图片、音频、动画和字符串等叫做Android中的资源文件。在Eclipse创建的工程中，我们可以看到res和assets两个文件夹，是用来保存资源文件的，在assets中保存的一般是原生
Spring使用Cache、整合Ehcache 234390216 spring cache ehcache @Cacheable
Spring使用Cache 从3.1开始，Spring引入了对Cache的支持。其使用方法和原理都类似于Spring对事务管理的支持。Spring Cache是作用在方法上的，其核心思想是这样的：当我们在调用一个缓存方法时会把该方法参数和返回结果作为一个键值对存放在缓存中，等到下次利用同样的
当druid遇上oracle blob(clob) jackyrong oracle
http://blog.csdn.net/renfufei/article/details/44887371 众所周知，Oracle有很多坑, 所以才有了去IOE。在使用Druid做数据库连接池后，其实偶尔也会碰到小坑，这就是使用开源项目所必须去填平的。【如果使用不开源的产品，那就不是坑，而是陷阱了，你都不知道怎么去填坑】用Druid连接池，通过JDBC往Oracle数据库的
easyui datagrid pagination获得分页页码、总页数等信息 ldzyz007
var grid = $('#datagrid'); var options = grid.datagrid('getPager').data("pagination").options; var curr = options.pageNumber; var total = options.total; var max =
浅析awk里的数组 nigelzeng 二维数组 array 数组 awk
awk绝对是文本处理中的神器，它本身也是一门编程语言，还有许多功能本人没有使用到。这篇文章就单单针对awk里的数组来进行讨论，如何利用数组来帮助完成文本分析。有这么一组数据： abcd,91#31#2012-12-31 11:24:00 case_a,136#19#2012-12-31 11:24:00 case_a,136#23#2012-12-31 1
搭建 CentOS 6 服务器(6) - TigerVNC rensanning centos
安装GNOME桌面环境 # yum groupinstall "X Window System" "Desktop" 安装TigerVNC # yum -y install tigervnc-server tigervnc 启动VNC服务 # /etc/init.d/vncserver restart # vncser
Spring 数据库连接整理 tomcat_oracle spring bean jdbc
1、数据库连接jdbc.properties配置详解　　jdbc.url=jdbc:hsqldb:hsql://localhost/xdb 　　jdbc.username=sa 　　jdbc.password= 　　jdbc.driver=不同的数据库厂商驱动，此处不一一列举　　接下来，详细配置代码如下：　　 Spring连接池
Dom4J解析使用xpath java.lang.NoClassDefFoundError: org/jaxen/JaxenException异常 xp9802
用Dom4J解析xml,以前没注意,今天使用dom4j包解析xml时在xpath使用处报错异常栈：java.lang.NoClassDefFoundError: org/jaxen/JaxenException异常导入包 jaxen-1.1-beta-6.jar 解决; &nb

按字母分类： A B C D E F G H I J K L M N O P Q R S T U V W X Y Z 其他