top | 易学教程

利用CSS实现带相同间隔地无缝滚动动画

阅读更多关于利用CSS实现带相同间隔地无缝滚动动画

说明：因为在移动上主要利用CSS来做动画，所以没有考虑其他浏览器的兼容性，只有-webkit这个前缀，如果需要其他浏览器，请自行补齐。首先解释一下什么是无缝滚动动画，例如下面的例子 See the Pen css实现上下循环滚动效果 by lilyH ( @lilyH ) on CodePen . ------------------------------------------------------------------------------- 实现原理：首先需要滚动的是每一条数据，而不是数据外面包裹的父元素保证每一条数据循环滚动的时间相同，只是他们之间滚动到可视区域的时间段不同平分滚动的整个时间段，保证每条数据滚动的时间间隔相同以上三条，看起来就头疼，也太绕了，下面直接说明例子中的实现方法。 1、html 通过class是wrap的div把可视区域固定在30PX高度内，在此区域中的为可见区域，在此之外的为不可见区域 2、CSS （1）.content p:nth-child(n) // 这里是为了获得每一个p数据，例子中具体写明了1，2。可以用n代替，比如2n表示偶数位置上的子元素 .content p:nth-child(2n)就是表示p元素位于0,2,4位置上的元素（2）-webkit-animation: anim1 3s linear

【分治】动态点分治（[ZJOI2007]捉迷藏）

阅读更多关于【分治】动态点分治（[ZJOI2007]捉迷藏）

动态点分治先看一道题目 [ZJOI2007]捉迷藏显然如果不带修改O（N）的树形动规和O（NlogN）的静态点分治都可以切掉这道题一、点分树考虑点分治，对于每一个分治区域树的重心的答案只会与其所有子区域树有关，所以我们可以再构建一颗点分树：在点分治的过程中，我们把每个区域树的重心和其子区域树的重心建立父子关系，形成了一颗新的树，称为点分树。点分树的性质：1、一颗点分树的深度为严格logN的 2、当修改一个结点事，只会对其父亲结点造成影响z 二、维护结点信息对于这道题，我们只需维护每个结点上的最大链和次大链，我们可以对于每个结点建两个大根堆： A：关键字：原分治区域树中以该结点为链的一段的所有链的长度 B：关键字：原分治树中以该结点为根时，每个子树中最长链的长度所以我们可以得出每个分支区域树中，B中的第一大元素和第二大元素的和即是答案 B由该结点为根的子树中每个A的最大值组成最后我们只需用树链剖分求lca，并用差分求树上任意两点距离即可三、时间复杂度&空间复杂度时间复杂度为点分治的NlogN+堆的logN == O（Nlog2N）空间复杂度：O（N） 1 #include<bits/stdc++.h> 2 #define INF 0x3f3f3f3f 3 #define MAXN 100010 4 using namespace std; 5

Js中的window.parent ,window.top,window.self 详解

阅读更多关于 Js中的window.parent ,window.top,window.self 详解

在应用有frameset或者iframe的页面时，parent是父窗口，top是最顶级父窗口（有的窗口中套了好几层frameset或者iframe），self是当前窗口， opener是用open方法打开当前窗口的那个窗口。 window.self 功能：是对当前窗口自身的引用。它和window属性是等价的。语法：window.self 注：window、self、window.self是等价的。 window.top 功能：返回顶层窗口，即浏览器窗口。语法：window.top 注：如果窗口本身就是顶层窗口，top属性返回的是对自身的引用。 window.parent 功能：返回父窗口。语法：window.parent 注：如果窗口本身是顶层窗口，parent属性返回的是对自身的引用。在框架网页中，一般父窗口就是顶层窗口，但如果框架中还有框架，父窗口和顶层窗口就不一定相同了。判断当前窗口是否在一个框架中： <script type="text/javascript"> var b = window.parent==window.self; document.write( "当前窗口是否是底层窗口："+b ); </script> 你应当将框架视为窗口中的不同区域，框架是浏览器窗口中特定的部分。一个浏览器窗口可以根据你的需要分成任意多的框架

top工具命令

阅读更多关于 top工具命令

本文转载自https://blog.csdn.net/weixin_42500678/article/details/80754737 功用： <—实时动态地查看系统的整体运行情况，两个命令都是查看运行状况，但是htop更加易用—> TOP是一个动态显示过程,即可以通过用户按键来不断刷新当前状态.如果在前台执行该命令,它将独占前台,直到用户终止该程序为止.比较准确的说,top命令提供了实时的对系统处理器的状态监视.它将显示系统中CPU最“敏感”的任务列表.该命令可以按CPU使用.内存使用和执行时间对任务进行排序；而且该命令的很多特性都可以通过交互式命令或者在个人定制文件中进行设定. top工具界面信息介绍：一、前五行是统计信息： 1、第一行是任务队列信息，同uptime命令的执行结果一样　其内容如下： 10:25:00　　当前时间 up 21:31　　系统运行时间，格式为时:分 4 users 　　当前登录用户数 load average: 0.00, 0.00, 0.00　　系统负载，即任务队列的平均长度。三个数值分别为 1分钟、5分钟、15分钟前到现在的平均值。 2、第二行为进程信息统计数据 Tasks — 任务（进程）　　total　　　　进程总数　　running 　　正在运行的进程数　　sleeping 　　睡眠的进程数　　stopped 　

7、文档流相关

阅读更多关于 7、文档流相关

一、什么是文档流文档流是文档中可显示对象在排列时所占用的位置。换句话讲就是将窗体自上而下分成一行行, 并在每行中按从左至右的顺序排放元素,即为文档流.(自己的理解是从头到尾按照文档的顺序，该在什么位置就在什么位置，也可以按照上面的意思理解，自上而下，自左到右的顺序) 二、文档流代码 <!DOCTYPE html> <html> <head> <meta charset="UTF-8"> <title></title> <style> body{ margin: 0; padding: 0; } div{ width: 100px; background: pink; height: 100px; border: 1px solid #000000; } </style> </head> <body> <div>01</div> <div>02</div> <div>03</div> </body> </html> 代码段运行结果上图就是标准的文档流，按照顺序自行排列。该在什么位置就在什么位置。三、脱离文档流的方法：目前脱离文档流有两种方法：1、float；2、定位也就是postion。四、float float 属性定义元素在哪个方向浮动。以前这个属性总应用于图像，使文本围绕在图像周围，在 CSS 中任何元素都可以浮动。浮动元素会生成一个块级框，而不论它本身是何种元素

spoj 839最小割

阅读更多关于 spoj 839最小割

题意：给出一个无向图，图中的一些点有mark值，每条边<u,v>的权值为mark[u]^mark[v], 现在给出了一些点的mark值，现在想让你求出其他点的mark值让边权和最小。点的个数100，边的的个数为3000 思路：对于mark值不同位的值是不影响的，所以可以一位一位的处理。对于每一位只能是1和0，对不不知道的点的mark只能是1和0，所以最后的问题就是将这些点分到两个集合中。两个点之间如果不是一个集合并且还有边的话那么答案就要花费1. 我们这样建图。对于当前位mark值为1的点建一个<s，u, INF>的边，对于为0的点我们建立<u,t，INF>的边。对于普通的边建立一个 <u,v,1>,<v,u,1>的边。让割最小就行。这样就转化成了最大刘德问题。 AC代码： View Code 1 #include <cstdio> 2 #include <cstring> 3 #include <queue> 4 #include <string> 5 #include <iostream> 6 using namespace std; 7 const int N = 600, M = 30010, INF=1<<29; 8 struct EDGE 9 { 10 int u, v, cap, next; 11 }edge[M], p[M]; 12 13 int

关于jQuery中的offset()和position()

阅读更多关于关于jQuery中的offset()和position()

在jQuery中有两个获取元素位置的方法offset()和position()。position()方法是在1.2.6版本之后加入的，为什么要引入这个方法呢？这两个方法之间有什么异同？使用的时候应该注意哪些问题？什么时候使用offset(),什么时候又使用position()呢？先看看API对这这两个方法的定义： offset(): 获取匹配元素在当前视口的相对偏移。返回的对象包含两个整形属性：top 和 left。此方法只对可见元素有效。 position(): 获取匹配元素相对父元素的偏移。返回的对象包含两个整形属性：top 和 left。为精确计算结果，请在补白、边框和填充属性上使用像素单位。此方法只对可见元素有效。真的就这么简单吗？实践出真知。先来看看在jQuery框架源码里面，是怎么获得position()的： //Get *real* offsetParent var offsetParent = this.offsetParent(), //Get correct offsets offset = this.offset(), parentOffset = /^body|html$/i.test(offsetParent[0].tagName) ? { top: 0, left: 0 } : offsetParent.offset(); /

关于jQuery中的offset()和position()

阅读更多关于关于jQuery中的offset()和position()

关于jQuery中的offset()和position()

阅读更多关于关于jQuery中的offset()和position()

跟随屏幕滚动层、遮罩层、获取Div相对定位、整个屏幕、html文档的jquery基本操作

阅读更多关于跟随屏幕滚动层、遮罩层、获取Div相对定位、整个屏幕、html文档的jquery基本操作

一、层跟随屏幕滚动 <div style="width:120px;height:120px;border:1px solid red; position:absolute; left:800px; top:100px; z-index:1001;" id="AdminUserStateDiv"> </div> <div class="div1">层1</div> <div class="div2">层2</div> <style type="text/css"> .div1{ background-color:#FF0000; width:2000px; height:2000px; } .div2{ background-color:#33FF66; width:100px; height:100px; position:fixed; left:50px; top:50px; } </style> <script> （1）对文档、屏幕、层的一些jquery基本操作 var showAdminUser = function (obj) { var offSet = $(obj).offset(); var docTop = offSet.top; //当前元素相对文档top偏移位置 var docLeft = offSet.left; //当前元素相对文档left偏移位置 var

订阅 top