position

前言 正在读《数据结构与算法图解》一书，被其简单明了的讲解折服，其中涉及到了很多有用的算法，为了加深印象以及理解，便跟着把其中的代码转换为我平时所使用的的语言java。 每种算法的时间复杂度标识出来。 第 1 章　数据结构为何重要 第 2 章　算法为何重要 第 3 章　大O记法 第 4 章　运用大O来给代码提速 第 5 章　用或不用大O来优化代码 第 6 章　乐观地调优 1、插入排序 时间复杂度 /** * @author xch * @params [arrays] * @return int[] * @description 插入排序 */ public static int[] insertSort(int [] arrays) { for (int i = 1; i < arrays.length; i++) { int position = i; int temp = arrays[i]; while (position > 0 && arrays[position - 1] > temp) { arrays[position] = arrays[position - 1]; position = position - 1; } arrays[position] = temp; } System.out.println(JSON.toJSONString(arrays))

CSS的相对定位和绝对定位 通常情况下，我们元素的position属性的值默认为static 就是没有定位，元素出现在正常的文档流中，，这个时候你给这个元素设置的left,right,bottom,top这些偏移属性都是没有效果的，不会生效，比如你设置一个距离左边距偏移100px的声明：left:100px 那么这条声明不会起到任何效果。还有z-index属性在这时也不会生效。 也就是说我们平时如果不给某元素一个position属性的声明，那么它默认的就是我上述的这种情况，不过因为有了浮动，所以通常情况下我们还真不需要给元素设置position属性！ 但是某些特殊的情况下，我们不得不用到position属性，那我们今天就讲讲position属性的relative和absolute值 首先说relative ,相对定位。 怎么理解呢？如果说我对某元素设置了相对定位，那么首先这个元素他会跟其它的元素一样，出现在文档流中它该出现的位置，然后，我们可以设置它的水平或垂直偏移量，让这个元素相对于它在文档流中的位置的起始点进行移动。有一点要注意， 在使用相对定位时，就算元素被偏移了，但是他仍然占据着它没偏移前的空间。这里值得注意的一点是：偏移可不是边距，跟边距是不一样的。 我们先看看下图： 上图中有三个浮动的块，第二个块是设置了相对定位position:relative了的

1 介绍一下标准的CSS的盒子模型？与低版本IE的盒子模型有什么不同的？ 标准盒子模型：宽度=内容的宽度（content）+ border + padding + margin 低版本IE盒子模型：宽度=内容宽度（content+border+padding）+ margin 2 box-sizing属性？ 用来控制元素的盒子模型的解析模式，默认为content-box context-box：W3C的标准盒子模型，设置元素的 height/width 属性指的是content部分的高/宽 border-box：IE传统盒子模型。设置元素的height/width属性指的是border + padding + content部分的高/宽 3 CSS选择器有哪些？哪些属性可以继承？ CSS选择符：id选择器(#myid)、类选择器(.myclassname)、标签选择器(div, h1, p)、相邻选择器(h1 + p)、子选择器（ul > li）、后代选择器（li a）、通配符选择器（*）、属性选择器（a[rel=”external”]）、伪类选择器（a:hover, li:nth-child） 可继承的属性：font-size, font-family, color 不可继承的样式：border, padding, margin, width, height 优先级（就近原则）：

1 、介绍一下标准的CSS的盒子模型？与低版本IE的盒子模型有什么不同的？ 标准盒子模型：宽度=内容的宽度（content）+ border + padding + margin 低版本IE盒子模型：宽度=内容宽度（content+border+padding）+ margin 2、 box-sizing属性？ 用来控制元素的盒子模型的解析模式，默认为content-box context-box：W3C的标准盒子模型，设置元素的 height/width 属性指的是content部分的高/宽 border-box：IE传统盒子模型。设置元素的height/width属性指的是border + padding + content部分的高/宽 3、 CSS选择器有哪些？哪些属性可以继承？ CSS选择符：id选择器(#myid)、类选择器(.myclassname)、标签选择器(div, h1, p)、相邻选择器(h1 + p)、子选择器（ul > li）、后代选择器（li a）、通配符选择器（*）、属性选择器（a[rel="external"]）、伪类选择器（a:hover, li:nth-child） 可继承的属性：font-size, font-family, color 不可继承的样式：border, padding, margin, width, height 优先级

1 介绍一下标准的CSS的盒子模型？与低版本IE的盒子模型有什么不同的？ 标准盒子模型：宽度=内容的宽度（content）+ border + padding + margin 低版本IE盒子模型：宽度=内容宽度（content+border+padding）+ margin 2 box-sizing属性？ 用来控制元素的盒子模型的解析模式，默认为content-box context-box：W3C的标准盒子模型，设置元素的 height/width 属性指的是content部分的高/宽 border-box：IE传统盒子模型。设置元素的height/width属性指的是border + padding + content部分的高/宽 3 CSS选择器有哪些？哪些属性可以继承？ CSS选择符：id选择器(#myid)、类选择器(.myclassname)、标签选择器(div, h1, p)、相邻选择器(h1 + p)、子选择器（ul > li）、后代选择器（li a）、通配符选择器（*）、属性选择器（a[rel=”external”]）、伪类选择器（a:hover, li:nth-child） 可继承的属性：font-size, font-family, color 不可继承的样式：border, padding, margin, width, height 优先级（就近原则）：

大家都知道MySQL Binlog 有三种格式，分别是 Statement、Row、Mixd。 Statement记录了用户执行的原始SQL，而Row则是记录了行的修改情况，在MySQL 5.6以上的版本默认是Mixd格式，但为了保证复制数据的完整性，建议生产环境都使用Row格式，就前面所说的Row记录的是行数据的修改情况，而不是原始SQL。那么线上或者测试环境误操删除或者更新几条数据后，又想恢复，那怎么办呢？下面演示基于Binlog格式为Row的误操后数据恢复，那么怎么把Binlog解析出来生成反向的原始SQL呢？下面我们一起来学习。 下面我们使用 binlog-rollback.pl 对数据进行恢复演示。（ 这脚本的作者不知道是谁，Github上也没找到这个脚本，所以无法标明出处 ），脚本是用Perl语言写的，非常好用的一个脚本，当然你也可以用Shell或者Python脚本来实现，下面是脚本的代码： #!/usr/lib/perl -w use strict; use warnings; use Class::Struct; use Getopt::Long qw(:config no_ignore_case); # GetOption # register handler system signals use sigtrap 'handler', \&sig_int,

using System.Collections; using System.Collections.Generic; using UnityEngine; public class CameraRotate : MonoBehaviour { public Transform targetObject; public Vector3 targetOffset; public float averageDistance = 5.0f; public float maxDistance = 20; public float minDistance = .6f; public float xSpeed = 200.0f; public float ySpeed = 200.0f; public int yMinLimit = -80; public int yMaxLimit = 80; public int zoomSpeed = 40; public float panSpeed = 0.3f; public float zoomDampening = 5.0f; public float rotateOnOff = 1; private float xDeg = 0.0f; private float yDeg = 0.0f; private float

1. display(元素显示模式) display 属性用来设置元素的显示方式。 block 块对象指的是元素显示为一个方块，默认显示状态下将占据整行，其它的元素只能另起一行显示。 inline 行间对象与block刚好相反，它允许其它元素在同一行显示。 none 隐藏对象 CSS Display - 块和内联元素 块元素是一个元素，占用了全部宽度，在前后都是换行符。 块元素的例子： <h1>、<p>、<div> 内联元素只需要必要的宽度，不强制换行。 内联元素的例子： <span>、<a> div{display:block} 2. float 属性值 　　　　left 向左浮动 　　　　right 向右浮动 　　　　none 不浮动 　　　　说明： 浮动的时候元素的显示属性也变化了 变为 “行内元素” div{ float:left;} 清除浮动 none :默认值。允许两边都可以有浮动对象 left :不允许左边有浮动对象 right: 不允许右边有浮动对象 both :不允许有浮动对象 3. position(元素的定位) static : 无定位，默认值 absolute：绝对定位 relative ： 相对定位 fixed：固定定位 absolute 说明： 1.脱离文档流。 2.通过 top,bottom,left,right 定位。 3.如果父元素position

/* 让盒子居中，不受屏幕像素大小限制 前提需要设置宽度 width ;不要简单使用left 移动多少px ;屏幕大小不同 左移位置都不同*/ /* margin:0 auto; 是用于文档流居中，对于脱标的盒子没办法居中 */ １.1 文档流(标准流) 元素自上而下，自左而右，块元素独占一行，行内元素在一行上显示，碰到父集元素的边框换行 行内元素独占一行 １.2 浮动 Float:left | right 特点: 不占据原来的位置，会脱标。 可以让块元素在一行上显示。 可以将行内元素转成行内块。（不推荐使用） １.3 清除浮动 Clear:both; １.4 额外标签法 在最后一个浮动元素后边添加新标签。 １.5 Overflow:hidden; 在父元素上使用overflow:hidden; １.6 伪元素清除浮动 2 定位 Position: left | right | top | bottom 2.1 静态定位 Position:static; 标准流。 2.2 绝对定位(看脸型) Position:absolute; 特点： ◆自身从浏览器出发。 ◆绝对定位之后，元素不占位置，会脱标。 ◆嵌套的盒子，父元素没有给自身绝对定位，子元素绝对定位，子元素从浏览器出发设置自身位置。 ◆嵌套的盒子，父元素绝对定位，子元素绝对定位，子元素从父元素出发设置自身位置。