position | 易学教程

前端学习（419）：京东制作页面27左侧分类上

阅读更多关于前端学习（419）：京东制作页面27左侧分类上

index.css /* 中间模块 */ .grid{height: 480px;} .grid-coll1{width: 190px;height: 100%;background-color: pink;} .grid-coll1 ul{padding: 20px 0;} .grid-coll1 ul li{padding-left: 12px;} .grid-coll2{width: 790px;height: 100%;background-color: skyblue;margin-left:10px;} .grid-coll3{width: 190px;height: 100%;background-color:purple;} normalize.css /*! normalize.css v5.0.0 | MIT License | github.com/necolas/normalize.css */ /* http://necolas.github.io/normalize.css/ */ /** * 1. Change the default font family in all browsers (opinionated). * 2. Correct the line height in all browsers. * 3. Prevent

shell字符串的用法

阅读更多关于 shell字符串的用法

shell字符串的用法注意：shell4.2和shell4.1会有差别，较低版本的shell可能不支持某些功能获取字符串长度：${#string} 获取子串：注：（左边的第一个字符是用 0 表示，右边的第一个字符用 0-1 表示） ${string:position} 从左边position开始到最后 ${string:position:length} 从position开始length个字符 ${string:begin:-end} 表示从左边begin个字符开始，到从右边end个字符结束 $(string:(-postion)) 如果使用负数，表示从positon处开始到最右边所有的字符；注意负数必须使用括号 $(string:(-postion):length) ${var:0-start:len} 从右边第几个字符开始以及字符的个数 ${var:0-start} 从右边第几个字符开始一直到结束贪婪和非贪婪： var=http://www.aaa.com/123.htm # 号截取，删除左边字符，保留右边字符。（非贪婪匹配） echo ${var#*/} 其中 var 是变量名，# 号是运算符，*/ 表示从左边开始删除第一个 / 号及左边的所有字符即删除 http:/ 结果是： /www.aaa.com/123.htm ## 号截取，删除左边字符，保留右边字符。

vertically center UILabel between two other lables

阅读更多关于 vertically center UILabel between two other lables

问题 I have 3 UILabels drawn in storyboard positioned on top of each other. Static UI Label 1 Dynamic UI Label 2 Static UI Label 3 Labels 1 and 3 are static and never change. Label 2 is dynamic and is always one sentence long, but could be a short or long sentence that wraps. I want Label 2 to be perfectly vertically centered between label 1 and label 3 based on how much text is there. Any ideas how to do this? Greatly appreciated! 回答1: If you're using auto layout (which is on by default), then

CSS定位(Position)

阅读更多关于 CSS定位(Position)

Static定位 HTML元素的默认，即没有定位，元素出现在正常的流中。静态定位的元素不会受到top/bottom/left/right影响 Fixed定位元素的位置相对于浏览器窗口是固定位置。即使窗口是滚动的也不会移动也就是说Fixed的元素位置是相对于浏览器窗口的注意： Fixed定位在IE7/IE8下需要描述！DOCTYPE才能支持。 Fixed定位使元素的位置与文档流无关，因此不占据文档流空间。 Fixed定位的元素和其他元素重叠。 Relative定位相对定位元素的定位是相对其正常位置。如： HTML: <div class="panel">1</div> <div class="panel">2</div> <div class="panel">3</div> <div class="panel pl">4</div> <div class="panel">5</div> CSS: .panel{ height:50px; border:1px dashed red; width:200px; background-color:#ccc; } .pl{ position:relative; left:100px;//相对原来位置往右偏100px top:30px;//相对原来位置往下偏30px background-color:#808080; }

web前端入门到实战：CSS实现雨滴动画效果

阅读更多关于 web前端入门到实战：CSS实现雨滴动画效果

玻璃窗今天我们要实现的是雨滴效果，不过实现雨滴前，我们先把毛玻璃的效果弄出来，没有玻璃窗，雨都进屋了，还有啥好敲打的。 <div class='window'></div> .window { position: absolute; width: 100vw; height: 100vh; background: url("https://cn.bing.com//th?id=OHR.ParrotsIndia_ZH-CN8386276023_UHD.jpg"); background-size: cover; background-position: 100%; filter: blur(10px); } 其实就是给一张图片，做了个模糊化的效果，看起来像毛玻璃的效果一滴雨雨滴的效果就很巧妙了，让我们看下一滴雨完整的效果图这滴雨其实分为两个部分，第一部分是底部的阴影部分，其实是个边框来的，代码如下：专门建立的学习Q-q-u-n ⑦⑧④-⑦⑧③-零①② 分享学习方法和需要注意的小细节，互相交流学习，不停更新最新的教程和学习技巧（从零基础开始到WEB前端项目实战教程，学习工具，全栈开发学习路线以及规划） .border { position: absolute; margin-left: 92px; margin-top: 51px; border-radius: 100%;

个人收藏的一些图片特效

阅读更多关于个人收藏的一些图片特效

第一个: Js模仿水波滑动效果图片轮显代码 < html > < head > < title > Js图片水波滑动效果 </ title > < style type ="text/css" > * { margin : 0 ; padding : 0 ; } body { margin : 5px auto ; background : #f0f0f0 ; } img { margin : 0 ; border : 0 ; padding : 0 ; } #jsF { position : relative ; margin : 0 ; width : 270px ; height : 185px ; overflow : hidden ; } #jsF ul { position : absolute ; top : 0 ; left : 0 ; list-style-type : none ; z-index : 1 ; } #jsF li { display : block ; position : absolute ; top : 0 ; margin : 0 ; padding : 0 ; overflow : hidden ; } </ style > </ head > < body > < div id ="jsF" ></ div > < div id =

图片在鼠标经过时变大

阅读更多关于图片在鼠标经过时变大

<ul id="enlarge"> <li><a href="#one"><img src="http://www.ihandu.com/googlelink.gif" alt="image 1" title="image 1" />Image 1</a></li> </ul> <style> #enlarge {padding:0; margin:2em auto; list-style-type:none; width:240px; height:40px;} #enlarge li {display:block; float:left; width:40px; height:40px; position:relative;} #enlarge li a {display:block; width:40px; height:40px; background:transparent; overflow:hidden; position:relative;} #enlarge li a img {width:100%; height:100%; border:0;} #enlarge li a:hover {position:absolute; left:-20px; top:-20px; width:80px; height:80px; z-index:100;} </style

实现图片放大并且点击打开后可以单独查看。

阅读更多关于实现图片放大并且点击打开后可以单独查看。

<!DOCTYPE html> <html> <head> <meta charset="utf-8" /> <title></title> <script src="js/jquery.min.js"></script> <style> *{ margin:0; padding:0; } li{ list-style:none; } .wrap{ width:1200px; height:244px; margin:0 auto; position:relative; /*可以先对div进行设置边框便于查看等确定了再去掉*/ } .tt{ width:200px; height:200px; float:left; margin:20px; } img{ width:200px; height:210px; } .tt:hover img{ margin-left:10px; transform:scale(1.2); transition:all 0.3 ease; } .bg,.diag{ display:none; } .bg{ width:100%; height:100%; top:0; left:0; background:#000000; opacity:0.6; z-index:10; position:absolute; } .diag{ width:500px

mina IoBuffer 常用方法

阅读更多关于 mina IoBuffer 常用方法

Limit(int) 如果position>limit, position = limit,如果mark>limit, 重置mark Mark() 取当前的position的快照标记mark Reset() 恢复position到先前标记的mark Clear() limit=capacity , position=0,重置mark,但是不清空数据，为了从头开始put做准备，其实就是清空数据，因为你put就覆盖了原来的数据 Rewind() position=0,重置mark,一系列写操作后，为了从头开始get做准备，和clear()有用途上的区别，他大部分是用来从头开始读取，而clear是大部分用来重头开始填充，就是清理的意思 Flip() limit=position , position=0,重置mask，为了将buf写出做好准备，一般是结束buf操作，将buf写入输出流时调用，这个必须要调用，否则极有可能position!=limit，导致position后面没有数据，每次写入数据到输出流时，必须确保position=limit。 Remaining() 返回limit-position,返回缓冲器中的剩余字节 Wrap(byte[]) 组装到新的buffer，capacity=limit=byte[].length，position=0 重置mark Slice()

ByteBuffer常用方法详解

阅读更多关于 ByteBuffer常用方法详解

缓冲区(Buffer)就是在内存中预留指定大小的存储空间用来对输入/输出(I/O)的数据作临时存储，这部分预留的内存空间就叫做缓冲区：使用缓冲区有这么两个好处： 1、减少实际的物理读写次数 2、缓冲区在创建时就被分配内存，这块内存区域一直被重用，可以减少动态分配和回收内存的次数举个简单的例子，比如A地有1w块砖要搬到B地由于没有工具（缓冲区），我们一次只能搬一本，那么就要搬1w次（实际读写次数）如果A，B两地距离很远的话（IO性能消耗），那么性能消耗将会很大但是要是此时我们有辆大卡车（缓冲区），一次可运5000本，那么2次就够了相比之前，性能肯定是大大提高了。而且一般在实际过程中，我们一般是先将文件读入内存，再从内存写出到别的地方这样在输入输出过程中我们都可以用缓存来提升IO性能。所以，buffer在IO中很重要。在旧I/O类库中（相对java.nio包）中的BufferedInputStream、BufferedOutputStream、BufferedReader和BufferedWriter在其实现中都运用了缓冲区。java.nio包公开了Buffer API，使得Java程序可以直接控制和运用缓冲区。在Java NIO中，缓冲区的作用也是用来临时存储数据，可以理解为是I/O操作中数据的中转站。缓冲区直接为通道(Channel)服务

订阅 position