position

GPS平台、网站建设、软件开发、系统运维，找森大网络科技！ http://cnsendnet.taobao.com 来自森大科技官方博客 http://www.cnsendblog.com/index.php/?p=476 扩展方法使你能够向现有类型“添加”方法，而无需创建新的派生类型、重新编译或以其他方式修改原始类型。 扩展方法是一种特殊的静态方法，但可以像扩展类型上的实例方法一样进行调用。 以上是msdn官网对扩展方法的描述，现在我通过一个情景例子来对此进行阐释。假设一个控制台程序class Program{}里面的主函数如下： static void Main(string[] args) { DateTime now = DateTime.Now; string time = now.ToString("yyyy-MM-dd HH:mm:ss"); Console.WriteLine(time); Console.ReadKey(); } 假设需求变了，日期的显示格式要变成"yyyy-MM-dd"这种格式，当然只需要初始化time时按下面写法改写即可： string time = now.ToString("yyyy-MM-dd"); 但是如果要改变日期格式的有很多个类呢？每个都要改一次吗？这样一旦需求变来变去就忙死人了。传统的解决方式是封装一个帮助类，在里面写方法

题记 最近在做Python GUI开发，一直觉得自己的界面LOW爆了，所以想找一些好的资源，但真心没有太好的，最终只找到一个QSS编辑器，一个API，一个OSX的Sketch资源文件。就有了这个QSS文件，本人没有UI经验，调整了一套，算是对自己一个交待吧。 一个QSS编辑器： https://github.com/hustlei/QssStylesheetEditor QssStylesheetEditor 支持预览，控件很全。 一个API： https://doc.qt.io/qt-5/stylesheet-examples.html 官方例子。能用的都有了。 源文件的位置在码云： https://gitee.com/aocshallo/mac-qss.git 1 QWidget{ 2 color: #222; 3 background-color: #C8F5F5F5; 4 } 5 6 QFrame, QLabel, QToolTip { 7 border: 1px solid #8D8D91; 8 border-radius: 5px; 9 padding: 1px; 10 background:#FFFFFF; 11 } 12 QLabel { 13 border: 0px solid #8D8D91; 14 padding: 2px; 15 background

前言 Java NIO 由以下几个核心部分组成： 1 、Buffer 2、Channel 3、Selector 传统的IO操作面向数据流，意味着每次从流中读一个或多个字节，直至完成，数据没有被缓存在任何地方。 NIO操作面向缓冲区，数据从Channel读取到Buffer缓冲区，随后在Buffer中处理数据。 本文着重介绍Channel和Buffer的概念以及在文件读写方面的应用和内部实现原理。 Buffer A buffer is a linear, finite sequence of elements of a specific primitive type. 一块缓存区，内部使用字节数组存储数据，并维护几个特殊变量，实现数据的反复利用。 1、 mark ：初始值为-1，用于备份当前的position; 2、 position ：初始值为0，position表示当前可以写入或读取数据的位置，当写入或读取一个数据后，position向前移动到下一个位置； 3、 limit ：写模式下，limit表示最多能往Buffer里写多少数据，等于capacity值；读模式下，limit表示最多可以读取多少数据。 4、 capacity ：缓存数组大小 mark() ：把当前的position赋值给mark public final Buffer mark() { mark =

本节内容： awk命令实现字符串的拼接 输入文件的内容： TMALL_INVENTORY_30_GROUP my163149.cm6 3506 5683506 mysql-bin.000013 327359057 TMALL_INVENTORY_31_GROUP my163149.cm6 3606 5683606 mysql-bin.000017 301259529 $1 $2 $3 $4 $5 $6 目标： TMALL_INVENTORY_30_GROUP 000013.327359057#5683506.0 awk awk '{position=$5":"$6"#"$4; print $1, position}' posi.txt | awk -F '[.]' '{print $1,$2"."0}' | awk '{print $1,$3}' 字符串拼接，使用双引号""，来连接两边的字符串 输出 TMALL_INVENTORY_30_GROUP mysql-bin 000013:327359057#5683506.0 TMALL_INVENTORY_31_GROUP mysql-bin 000017:301259529#5683606.0 如果输入： awk '{position=$5":"$6"#"$4; print $1, position}' posi.txt | awk

Div.attributes 是所有 标签属性构成的数据集合 Div.classList 是所有 class 名构成的数组集合 在 classList 的原型链上看以看到 add() 和 remove()。 client 系列： clientWidth/clientHeight 是我们设置的宽和高加上内边距（没有边框） clientLeft/clientTop 就是我们设置的边框值 Offset 系列： offsetWidth/offsetHeight 是我们设置的宽和高加上边框加上内边距 offsetLeft/offsetTop 是元素外边距离父级的内边距的距离 这个父级由定位 position:absolute; offsetTop 参照物由父级元素身上的 position:absolute/fixed 决定的 ; 如果父级元素没有就逐层向上查找直到 body 。 Scroll 系列： scrollWidth/scrollHeight 就是我们设置的宽高加上内边距 ( 内容没有溢出的前提下 ) 如果超出了范围就按内容而定 scrollTop/scrollLeft 滚动条卷走的高度和宽度 如果我们设置了小数，都会向上取整。 来源： https://www.cnblogs.com/lxlym/p/10054671.html

页面布局，或者是在页面上做些小效果的时候经常会用到 display,position和float 属性，如果对它们不是很了解的话，很容易出现一些莫名其妙的效果，痛定思痛读了《CSS Mastery》后总结一下。 让我们从基础的CSS知识谈起，相信很多初学者和小弟一样不明白CSS原理，一味追求效果，结果页面漏洞百出，错误匪夷所思，关于盒模型我就不多说了，网上很多，注意一下IE和其他浏览器（W3C规范）的区别就好了。 块级元素与行内元素 首先谈谈人们经常提及的 块级元素 和 行内(内联)元素 p, ul, form, div等元素被称为块级元素，这些元素显示为一块儿内容（会自动换行），span, input 等元素称为行内元素，这两者主要区别就是块级元素会从上到下一个个垂直排列，每个自占一行，如下即使两个div之间没任何元素，绿色的div仍然会显示在 hongsediv下方，而不是右方 <div style="height: 100px; width: 100px; background-color: Red;"> </div> <div style="height: 100px; width: 100px; background-color: Green;"> </div> 而行内元素在一行中水平排列，行内元素的高度由其内容撑开，不可显示的设置其高度

语法： position : static | absolute | fixed | relative 参数： static : 无特殊定位，对象遵循HTML定位默认规则 absolute : 绝对定位。将对象从文档流中拖出，使用 left ， right ， top ， bottom 等属性进行绝对定位。而其层叠通过 z-index 属性定义。此时对象不具有 边距 ，但仍有 补白 和 边框 。相对于position属性非static值的最近父级元素进行偏移，如果父级都是static（文档流），则相对整个文档进行偏移。偏移后，原来的空间会被其他元素挤占 relative : 相对定位。对象不能想绝对定位一样层叠，但可依据 left ， right ， top ， bottom 等属性在正常文档流中相对原先对象的位置进行偏移。原先的位置会被其他元素挤占。 positon 名称 (1) 是否将对象脱离文档流 (2) 偏移参照对象 偏移属性 (3) 原先位置是否会被其他元素占用 (4) 是否 能通过z-index层叠 absolute 绝对定位 是 相对于position属性非static值的最近父级元素进行偏移，如果父级都是static（文档流），则相对整个文档进行偏移（即body左上角坐标原点） left ， right ， top ， bottom 是 是 relative

前言 前端一直是我的一个很大的缺憾，这段时间痛顶思痛，决定好好的把前台的东西加强，这不，在学习了一段时间js之后，在做一些小练习，却发现最基本的一些css知识却还不了解，所以便有了这篇博文。 块级元素与行内元素 首先谈谈人们经常提及的块级元素和行级(内联)元素 p, ul, form, div等元素被称为块级元素，这些元素显示为一块儿内容（会自动换行），span, input 等元素称为行内元素，这两者主要区别就是块级元素会从上到下一个个垂直排列，每个自占一行，如下即使两个div之间没任何元素，绿色的div仍然会显示在hongsediv下方，而不是右方 <div style="height: 100px; width: 100px; background-color: Red;"> </div> <div style="height: 100px; width: 100px; background-color: Green;"> </div> 而行内元素在一行中水平排列，行内元素的高度由其内容撑开，不可显示的设置其高度，这就是为什么我们一次次的在span上设置height属性不好使的原因。 简单了解了这些只是，让我们看看dispisplay常用的几个属性。 值 描述 none 此元素不会被显示。 block 此元素将显示为块级元素，此元素前后会带有换行符。 inline

static： 元素根据文档的正常流程定位。 的top，right ，bottom ，left ，和z-index 性能有 任何影响 。 这是默认值。 relative： 该元件根据文档的正常流动定位，然后偏移 相对于它本身 的基础上的值 top ， right ， bottom ，和 left 。 偏移量不会影响任何其他元素的位置; 因此，页面布局中为元素给出的空间与位置相同 static 。 当值 不是 时， 此值将创建新的叠堆上下文 。 它在影响 ， ， ， ，和 元素是不确定的。 absolute; 该元素将从普通文档流中删除，并且不会为页面布局中的元素创建空间。 它相对于其最近的祖先（如果有的话）定位; 否则，它相对于初始包含快 放置 。 其最终位置是由的值确定的 top ， right ， bottom ，和 left 。 当值 不是 时， 此值将创建新的叠堆上下文 。 绝对定位框的边距不会 与其他边距一起折叠 。 fixed： 该元素将从普通文档流中删除，并且不会为页面布局中的元素创建空间。 它相对于所述初始位置包含快 通过所建立的视口 除了当它的祖先中的一个具有， transform ， perspective ，或 filter 属性设置为比其他的东西 none ，在这种情况下祖先表现为包含块。 （请注意，存在与浏览器的不一致性 perspective 和

css布局模型 布局模型与盒模型一样都是 CSS 最基本、 最核心的概念。 但布局模型是建立在盒模型基础之上。又不同于我们常说的 CSS 布局样式或 CSS 布局模板。假设说布局模型是本。那么 CSS 布局模板就是末了。是外在的表现形式。 CSS包括3种主要的布局模型。用英文概括为：Flow、Layer 和 Float。 在网页中。元素有三种布局模型： 1、流动模型（Flow） 2、浮动模型 (Float) 3、层模型（Layer） 流动模型 先来说一说 流动模型 ，流动（Flow）是默认的网页布局模式。也就是说网页在默认状态下的 HTML 网页元素都是依据流动模型来分布网页内容的。 流动布局模型具有2个比較典型的特征： 第一点。 块状元素 都会在所处的 包括元素内 自上而下按顺序垂直延伸分布，由于在默认状态下，块状元素的宽度都为 100% 。实际上。块状元素都会以行的形式占领位置。如右側代码编辑器中三个块状元素标签(div，h1，p)宽度显示为100%。 第二点，在流动模型下。 内联元素 都会在所处的包括元素内从左到右水平分布显示。（内联元素可不像块状元素这么霸道独占一行） 浮动模型 块状元素这么霸道都是独占一行，假设如今我们想让两个块状元素并排显示，怎么办呢？不要着急，设置元素浮动就能够实现这一愿望。 不论什么元素在默认情况下是不能浮动的，但能够用 CSS 定义为浮动，如