position | 易学教程

Android设计模式系列--之适配器模式

阅读更多关于 Android设计模式系列--之适配器模式

quote frome: http://www.cnblogs.com/qianxudetianxia/archive/2012/02/27/2010965.html 对于android开发者来说起，适配器模式简直太熟悉不过，有很多应用可以说是天天在直接或者间接的用到适配器模式，比如ListView。 ListView用于显示列表数据，但是作为列表数据集合有很多形式，有Array，有Cursor，我们需要对应的适配器作为桥梁，处理相应的数据（并能形成ListView所需要的视图）。正是因为定义了这些适配器接口和适配器类，才能使我们的数据简单灵活而又正确的显示到了adapterview的实现类上。适配器模式，Adapter Pattern，勇敢的去适配，大量的资源可以重用。 1.意图适配器模式，把一个类的接口变换成客户端所期待的另一种接口，从而使原本不匹配而无法在一起工作的两个，类能够在一起工作。适配器模式分为类适配器模式和对象适配器模式。关于类适配器模式，因为java的单继承，如果继承一个类，另外的则只能是接口，需要手动实现相应的方法。热门词汇：类的适配器模式对象的适配器模式缺省适配器模式源类目标接口 2.结构图和代码为了简明直接，我省略了相关的其他适配器，只以此两个适配器为例。 ListViews做为client，他所需要的目标接口(target

css动画demo

阅读更多关于 css动画demo

<!DOCTYPE html> <html> <head> <meta charset="utf-8"> <title>zepto实现手机端滚屏效果</title> <meta name="description" content="羊城杯活动"> <meta name="keywords" content="羊城杯活动"> <meta name="viewport" content="initial-scale=1, maximum-scale=1, minimum-scale=1, user-scalable=no"> <meta name="apple-mobile-web-app-capable" content="yes"> <meta name="apple-mobile-web-app-status-bar-style" content="black"> <meta content="telephone=no" name="format-detection"> <script type="text/javascript" src="http://script2.pingan.com/app_js/wap/common/flexible.min.js"></script> <link rel="stylesheet" href="http://css2.pingan

总结绝对定位和相对定位

阅读更多关于总结绝对定位和相对定位

定位分为4种： 1：static元素框正常生成。块级元素生成一个矩形框，作为文档流的一部分，行内元素则会创建一个或多个行框，置于其父元素中。 (2)absolute元素框偏移某个距离。 http://www.w3cfuns.com/thread-258-1-1.html 　　无父级：参照浏览器左上角　　有父级：父级无position，参照浏览器左上角　　　　　　父级有position，参照父级左上角 (3)relative元素框从文档流完全删除，并相对于其包含块定位。　　无父级：参照自身原来在文档流中位置的左上角　　有父级：父级无position，参照自身原来在文档流中位置的左上角　　　　　　父级有position：有padding，参照padding 　　　　　　　　　　　　　　无padding，参照自身原来在文档流中位置的左上角 (4)fixed元素框的表现类似于将 position 设置为 absolute，不过其包含块是视窗本身。　　始终不动总结：如果用定位来布局来定位页面，父级元素的Position 的属性必须设置为relative,而位于父级内部的某个元素最好用absolute,因为他不会受父级元素padding的影响，当然你也可以用relative，但不要忘记计算padd的值来源： https://www.cnblogs.com

网页播放器开发系列笔记(二)

阅读更多关于网页播放器开发系列笔记(二)

（二）页面展示各位朋友大家好，我们接着上文继续开发，这一节我们主要是把上一节最后的图片素材从新组合，用 web形式展现，我们用到的主要工具是：HBuilderX，这个工具我就不介绍了，上手很容易，很好用的，具体情况大家可以百度研究一下。 1.新建项目首先启动 HBuilderX开发工具，新建一个项目，具体操作“文件”→“新建”→“项目”如图2-1所示。图 2-1 新建项目在弹出的对话框中选择普通项目，项目名称填入 “网页播放器”，选择存储路径，选择空项目，单击创建即可，如图2-2所示。图 2-2 设置新项目 2.新建目录在左侧的项目管理窗口，项目上单击右键选择 “新建”→“目录”，CSS文件夹，用于存放样式文件，如图2-3所示新建目录。新建images目录，存放我们上节剪切的图片素材，记得把所有需要的图片素材全部拷贝到该目录下，拷贝十分简单，在文件中复制图片，在项目管理images目录点击右键，选择粘贴，这样所复制的图片就全部拷贝到该目录下了；新建JS目录，用于存放Javascript文件。图 2-3 新建目录 3.新建文件新建文件与新建目录大同小异，在项目上点击右键依次选择 “新建”→“html文件”，命名为“index.html”,用于编写HTML代码;在CSS目录上点击右键依次选择“新建”→“css文件”，命名为“playMusic.css”

线性表和链表

阅读更多关于线性表和链表

线性表的定义： (List) typedef int position; typedef struct LNode* PtrToNode; typedef PtrToNode List; struct LNode{//数据从data[0]开始，last记录线性表中最后一个元素在表中的位置，表长为last+1; int date[maxsize]; position last;//表空时，last = -1; }; 以下是顺序表的主要操作以及实现: 1.初始化(构造一个空表) List MakeEmpty() { List L; L = (List)malloc(sizeof(struct LNode)); L->last = -1;//表示表空 return L; } 2.查找:在线性表中，查找与给定值x相等的数据元素。查找成功就返回X在线性表中的下标，否则返回错误信息error #define error -1 position Find(List L, int x) { position i =0;//i记录下标，从0开始 while(i<=L->Last && L->date[i]!=x) i++; //跳出while时说明：要么i>last,要么x=date[i] if(i>L->Last)//检查i是否越界 return error; else return i; } 3

MYSQL增量备份

阅读更多关于 MYSQL增量备份

Code # !/bin/sh # +++++++++++++mysqlback++++++++++++ # a mysql incremental backup script. # by flute # ++++++++++++++++++++++++++++++++++ BAK_DIR = " . " while getopts :u:p:d:c OPTION do case ${OPTION} in u) DB_USER = ${OPTARG} ;; p) PASSWD = ${OPTARG} ;; d) DB_NAME = ${OPTARG} ;; b) BAK_DIR = ${OPTARG} ;; c) INIT = " true " ;; \ ? ) echo " Usage: mysqlback.sh [OPTIONS] " echo " -u user for login " echo " -p Password to use when connecting to server " echo " -d which database to backup " echo " -b backup database files to directory,default is current directory " echo " -c must be usage for

前端学习(四)-轮播图案例

阅读更多关于前端学习(四)-轮播图案例

文章目录前言导入jQuery函数库轮播图需求分析实现 css html 开发流程 html框架开发样式开发动态页面生成总结前言上篇文章：前端学习(三)-jQuery函数库上篇文章简单的介绍了下jQuery函数库的功能，本篇文章将上篇学到的内容应用到实际的开发当中，通过轮播图案例来熟悉jQuery。导入jQuery函数库有两种方法获取jQuery函数库，可以将jQuery下载到本地再通过script导入，或者在网络允许的情况下直接使用url导入。 jQuery常用下载地址：http://www.jq22.com/jquery-info122 /*两种使用其中一种即可，第一种是通过url跨域引入包，第二种是下载到本地后引入本地包*/ < script src = " https://code.jquery.com/jquery-3.4.1.min.js " > </ script > < script src = " jquery/jquery.min.js " > </ script > 轮播图需求分析一个轮播图的窗口，实现图片的自动轮播。当鼠标进入轮播图窗口时，自动轮播停止，鼠标移除后恢复。可以通过左右按钮控制图片播放。窗口下方有悬浮条提示图片轮播到第几张，同时可以通过点击小球切换图片。实现首先预先下载好jquery.js包和五张图片

CSS 属性position

阅读更多关于 CSS 属性position

基本认识 css position 属性用于指定一个元素在文档中的定位方式（参考谁定位，怎么进行定位）通过定位我们可以将元素摆放到我们想要摆放的页面位置使用方法：position:属性值属性值的可选值： static（默认值） relative absolute fixed sticky 该属性可使用于所有元素。且不可被继承 static static是元素position属性的默认值，即不开启定位. relative(相对定位) 当我们为元素的position属性设置值relative时，那么就会开启元素的相对定位在这里，我们可以分别设置以下值来移动开启该定位的元素 top 相对于参照物向下移动多少距离 bottom g 相对于参照物向上移动多少距离 left 相对于参照物向右移动多少距离 right 相对于参照物向左移动多少距离在这里，元素移动的参照物是元素在未开启定位的元素原来的位置当一个元素开启了相对定位后，会具有以下特点 1. 如果我们不为元素设置topright,bottom,left,那么元素的位置是不会发生任何变化的 2. 元素移动时的参考物是元素本身 3. 开启相对定位的元素不会脱离文档流例子说明（代码形式） <!DOCTYPE html> < html lang = " en " > < head > < meta

IE7下当position:fixed遇到text-align:center

阅读更多关于 IE7下当position:fixed遇到text-align:center

啥也不说，先看代码: <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html xmlns="http://www.w3.org/1999/xhtml"> <head> <title>IE7下当position:relative遇到text-align:center</title> <meta http-equiv="Content-Type" content="text/html; charset=utf-8"/> <meta http-equiv="X-UA-Compatible" content="IE=EmulateIE7" /> <style type="text/css"> body{padding:0;margin:0} #wrap{text-align:center} #toolbar{width:100%;height:25px;background:#000;position:fixed;bottom:0;} </style> </head> <body> <div id="wrap"> <div id="toolbar"></div> </div> </body>

css水平垂直居中

阅读更多关于 css水平垂直居中

1.元素水平居中：元素是行内块元素，可以设置宽度的情况下，margin: 0 auto; 2.一个已知宽度和高度的开启了position: absolute;的元素（父元素开启position: relative;） <div class="wrap"> <div class="content"></div></div> <style> .wrap { background-color: red; width: 300px; height: 300px; position: relative; } .content { background-color: yellow; width: 100px; height: 100px; position: absolute; left: 50%; top: 50%; margin: -50px 0 0 -50px; }</style> 3.一个宽高不固定的元素，同上方式，把固定可知的margin替换成 transform: translate(-50%, -50%); <div class="wrap"> <div class="content">11111</div></div> <style> .wrap { background-color: red; width: 300px; height: 300px; position:

订阅 position