定位_定位修改 - CSDN
定位 订阅
《定位》是机械工业出版社于2002年2月出版发行的一本图书,作者是艾·里斯 ,杰克·特劳特。 [1]  本书阐述了“定位”观念的产生,剖析了“满足需求”无法赢得用户的原因,给出了如何进入用户心智以赢得用户选择之道 [2]  。2009年,《定位》一书被财富杂志评选为“史上百本最佳商业经典”第一名 [3]  。 展开全文
《定位》是机械工业出版社于2002年2月出版发行的一本图书,作者是艾·里斯 ,杰克·特劳特。 [1]  本书阐述了“定位”观念的产生,剖析了“满足需求”无法赢得用户的原因,给出了如何进入用户心智以赢得用户选择之道 [2]  。2009年,《定位》一书被财富杂志评选为“史上百本最佳商业经典”第一名 [3]  。
信息
原版名称
定位
作    者
艾·里斯,杰克·特劳特
译    者
邓德隆、火华强 [4]
类    别
商业类书籍 [2]
装    帧
平装
书    名
定位
出版时间
2010-12-01
出版社
机械工业出版社
ISBN
9787111577973 [4]
页    数
314
版    次
1
印    次
1
定位图书简介
《定位》本书提出了被称为“有史以来对美国营销影响最大的观念”——定位,改观了人类“满足需求”的旧有营销认识,开创了“胜出竞争”的营销之道。本书阐述“定位”观念的产生,剖析“满足需求”无法赢得顾客的原因,给出如何进入顾客心智以赢得选择的定位之道。在竞争日益激烈的今天,它揭示了现代企业经营的本质(争夺顾客),为企业阐明了获胜的要诀(赢得心智之战),是商业人士的必读之作。 [5] 
收起全文
精华内容
参与话题
  • 手机归属地和ip定位

    万次阅读 2018-12-20 20:26:23
    import phone if name==“main”: phonenumber=‘15754605035’ info=phone.Phone().find(phonenumber) print(info) ip定位 https://www.jianshu.com/p/1a7d41efc615

    import phone
    if name==“main”:
    phonenumber=‘15754605035’
    info=phone.Phone().find(phonenumber)
    print(info)

    ip定位
    https://www.jianshu.com/p/1a7d41efc615

    展开全文
  • css定位相关

    2020-08-29 08:10:39
    相对定位: 1,他是相对于自身原来位置移动 2.原来的在标准留的位置继续占有,后边盒子仍以标准流对待他 所以并没有脱标(主要用限制绝对定位) **绝对定位:**相对祖先元素移动 1.如果没有祖先元素或所有祖先元素...

    只有定位才用z-index设置层级关系
    相对定位:
    1,他是相对于自身原来位置移动
    2.原来的在标准留的位置继续占有,后边盒子仍以标准流对待他
    所以并没有脱标(主要用限制绝对定位)
    **绝对定位:**相对祖先元素移动
    1.如果没有祖先元素或所有祖先元素没有定位,相对Document文档移动
    2.如果祖先元素有定位(绝对相对固定),以最近一级有定位的祖先元素移动
    3.绝对定位不再占有移动前的位置脱标即能在相对定位祖先元素内自由移动,否则不脱标老占有移动前的标准流位置就会影响相对定位祖先元素的位置,
    固定定位
    1.以浏览器可视窗口
    2.与父元素无关
    3.不随滚动条滚动
    4.不占有原来位置脱标
    固定定位是特殊的绝对定位
    固定在版心右侧:

    
    <head>
        <meta charset="UTF-8">
        <meta name="viewport" content="width=device-width, initial-scale=1.0">
        <title>Document</title>
        <style>
            .w {
                width: 800px;
                height: 1400px;
                background-color: pink;
                margin: 0 auto;
            }
            
            .fixed {
                /* fix盒子总是保持在浏览器可视区版心右侧且相对可视区垂直居中处 */
                position: fixed;
                left: 50%;
                margin-left: 400px;
                /* margin-left=w.width/2 */
                top: 50%;
                margin-top: -75px;
                /* margin-top=fixed.height/2 */
                width: 50px;
                height: 150px;
                background-color: skyblue;
            }
        </style>
    </head>
    
    

    在这里插入图片描述
    在这里插入图片描述
    粘性定位:(ie完全不支持)
    1.以浏览器可视窗口移动(固定定位即一种特殊的绝对定位)
    2.站由原来的位置不脱标(相对定位)
    3.必须添加top bottom left right中一个才有效
    z-index
    数值可以是正整数、负整数或 0, 默认是 auto,数值越大,盒子越靠上
     如果属性值相同,则按照书写顺序,后来居上
     数字后面不能加单位
     只有定位的盒子才有 z-index 属性
    代码实现固定绝对定位盒子相对于可视区水平垂直居中

    <!DOCTYPE html>
    <html lang="en">
    
    <head>
        <meta charset="UTF-8">
        <meta name="viewport" content="width=device-width, initial-scale=1.0">
        <title>Document</title>
        <style>
            .w {
                width: 800px;
                height: 1400px;
                background-color: pink;
                margin: 0 auto;
            }
            
            .fixed {
                /* fix盒子总是保持相对可视区水平垂直居中(固定定位同理) */
                position: fixed;
                /*   left: 50%;
                margin-left: 400px; */
                /* margin-left=w.width/2 */
                top: 50%;
                margin-top: -75px;
                /* margin-top=fixed.height/2 */
                left: 50%;
                margin-left: -25px;
                /* margin-left: -fixed.width/2; */
                width: 50px;
                height: 150px;
                background-color: skyblue;
            }
        </style>
    </head>
    
    <body>
        <div class="fixed"></div>
        <div class="w"></div>
    </body>
    
    </html>
    

    在这里插入图片描述
    在这里插入图片描述
    定位特殊特性:
    绝对固定定位和浮动类似(变为行内块元素):
    行内元素加绝对固定定位之后可直接设置宽高,高度由不带行高的内容撑开变为带行高的内容撑开
    块级元素添加绝对和固定定位,如不给定宽高,默认大小是内容大小
    浮动绝对定位固定定位元素脱标都不会引起外边距合并导致的高度塌陷
    浮动元素不会压住以后标准流盒子的文字,定位会
    固定定位左右边缘有两个宽度不变的固定定位儿子,中间一个宽度变化相对定位儿子有一个绝对定位的儿子示例代码(选自
    黑马程序员pink老师前端入门视频教程 HTML5+CSS3+移动端布局-flex布局rem布局响应式布局摹客蓝湖使用-简单有趣好玩 p407):

    <!DOCTYPE html>
    <html lang="en">
    
    <head>
        <meta charset="UTF-8">
        <meta name="viewport" content="width=device-width, initial-scale=1.0,user-scalable=no,min-scale=1.0,max-scale=1.0">
        <title>Document</title>
        <style>
            * {
                padding: 0;
                margin: 0;
                box-sizing: border-box;
            }
            
            body {
                /* 此案例基于移动端开发,父元素宽度默认是移动端设备宽度 */
                width: 100%;
                /* 以下需再次给定宽度范围的是脱标的(固定绝对)因为固定定位相对浏览器可视区,绝对相对于dom文档,因为不脱标的宽度会自动被同为标准流的body限制 */
                min-width: 500px;
                max-width: 640px;
                margin: 0 auto;
                height: 2000px;
            }
            
            .box1 {
                position: fixed;
                /* body默认宽度是在给定范围的某个移动端设备宽度,box1默认宽度是父元素body默认宽度,但注意box1只继承了body.width:100%;并没有继承body的min-width、max-width,所以继续检索body的父元素dom宽度pc端dom宽度默认1349px,所以脱离标准流的box1默认宽度是pc端dom宽度1349px(换一种理解固定相对于浏览器可视区,默认宽度是浏览器可视区宽度,如box1绝对定位,默认宽度是最近一级带定位祖先元素宽度,此案例box1最近一级带定位祖先是dom,所以如box1是绝对定位默认宽度是dom宽度)
                对比:对于body的标准流儿子,可理解为直接继承了来自body.width的像素值
                对于body脱标(固定定位绝对定位浮动)儿子可理解为继承了来自body.width的百分比值从而追溯到dom,dom.width:1349px;所以为了让body脱标儿子宽度也在body给定范围内,所以只能给body脱标儿子重新添加min-width max-width*/
                width: 100%;
                min-width: 500px;
                max-width: 640px;
                /* 当没给定高度,儿子元素leftbox、rightbox绝对定位会脱离掉已经固定定位的爸爸box1类似于绝对定位脱离标准流,middlebox绝对定位时,也会脱离固定定位的box1(box1固定定位即特殊绝对定位先脱离标准流父盒子body,然后middlebox再在已经脱离标准流的box1基础上再脱离box1,由于box1三个儿子都绝对定位脱离掉box1,所以box1.height依然为0)
                情况二:当middlebox相对定位,不会脱离已经脱离掉标准流的父盒子box1,所以相当于高度为零的标准流块元素高度能由不脱标(不浮动不绝对定位不固定定位)子元素高度撑开 */
                /* height: 40px; */
                border: 2px solid yellow;
            }
            
            .leftbox,
            .rightbox {
                position: absolute;
                top: 0;
                width: 40px;
                height: 40px;
            }
            
            .leftbox {
                background-color: pink;
                left: 0;
            }
            
            .rightbox {
                background-color: #ccc;
                right: 0;
            }
            
            .middlebox {
                /* width: 100%; */
                /* 如果middlebox绝对定位,则必须加上min-width、max-width,因为body默认宽度是移动端设备宽度的100%(此处是 width: 100%;(pc端dom宽度) min-width: 500px;max-width: 640px;(移动端设备宽度合集)叠加效果),所以body儿子box1默认宽度(因box1标准流从body继承来的是宽度像素值)是body的默认宽度即在body给定范围内某个设备的宽度,又box1儿子middlebox处有margin-left、margin-right所以middlebox默认宽度是box1默认宽度即给定范围内的某个设备宽度减掉box1.margin-left、 box1.margin-right(一般给定了margin-left margin-top默认宽度不再指定100%,原因在middle.margin处的写的注释), */
                /* width: 100%; */
                position: absolute;
                min-width: 500px;
                max-width: 640px;
                /* 以下用relative可看做块元素,当没有指定宽度时默认宽度是父元素宽度 */
                /* position: relative; */
                height: 40px;
                background-color: skyblue;
                /* 没有给定宽度默认是.box1宽度又因为给左右margin(致使默认宽度不再是父元素box1宽度),所以middlebox默认宽度是.box里左右各减去middlebox左右margin 此时如何再加上width:100%;则middlebox宽度为box1宽度此时出现box1宽度只能容纳middlebox.margin-left+(middlebox.width-middlebox.margin-left)两部分,box1宽度不够middlebox.width的middlebox.margin-left宽度的最后部分就会伸出到box1盒子右边外部middlebox.margin-right也会在box1盒子右边外部如middlebox后边有行内元素或者行内块元素则后边的元素会换行掉落设置box1.overflow:hidden就能看到这些超出box1宽高范围的儿子元素;*/
                margin: 0 50px;
            }
            
            .middlechild {
                position: absolute;
                top: 0px;
                left: 0px;
                width: 15px;
                height: 15px;
                background-color: yellowgreen;
            }
            
            .header {
                /* 包括滚轮dom w=660px时恰好水平方向出现滚轮 w=517恰好body侵占竖直方向滚轮宽度暗含右侧竖直方向滚轮宽度是17px(标尺量的也是),之后浏览器dom再宽度缩小,body区宽度会逐渐侵占dom竖直方向右侧滚轮区直到把滚轮宽度的17px完全侵占body区和dom区宽度都变成500px之后dom不能再缩小宽度*/
                width: 100%;
                /*  min-width: 500px;
                max-width: 640px; */
                /* 并且这个margin-left会视觉上错开header和box1 使得header水平偏右一点*/
                margin: 0 50px;
                height: 40px;
                border: 1px solid green;
            }
        </style>
    </head>
    
    <body>
        <div class="header">
    
        </div>
        <div class="box1">
            <div class="leftbox"></div>
            <div class="middlebox">
                <div class="middlechild">
    
                </div>
            </div>
            <div class="rightbox"></div>
        </div>
        <script>
            var header = document.querySelector('.header');
            window.addEventListener('resize', function() {
                console.log(header.offsetWidth);
            });
        </script>
    </body>
    
    </html>
    
    展开全文
  • CSS的几种定位详解

    万次阅读 多人点赞 2018-08-10 10:50:50
    CSS中的定位使用来布局的熟练应用对页面美化有很好的帮助,下面就进行详细介绍:定位分为静态定位,相对定位,绝对定位,固定定位这四种,定位有不同的参数,例如:left、right、top、bottom、z-index等。...

    CSS中的定位使用来布局的熟练应用对页面美化有很好的帮助,下面就进行详细介绍:定位分为静态定位,相对定位,绝对定位,固定定位这四种,定位有不同的参数,例如:left、right、top、bottom、z-index等。

    1、静态定位(static)

    一般的标签元素不加任何定位属性都属于静态定位,在页面的最底层属于标准流。

    2、绝对定位(absolute)

    绝对定位的元素从文档流中拖出,使用left、right、top、bottom等属性相对于其最接近的一个最有定位设置的父级元素进行绝对定位,如果元素的父级没有设置定位属性,则依据 body 元素左上角作为参考进行定位。绝对定位元素可层叠,层叠顺序可通过 z-index 属性控制,z-index值为无单位的整数,大的在上面,可以有负值。

    绝对定位的定位方法:如果它的父元素设置了除static之外的定位,比如position:relative或position:absolute及position:fixed,那么它就会相对于它的父元素来定位,位置通过left , top ,right ,bottom属性来规定,如果它的父元素没有设置定位,那么就得看它父元素的父元素是否有设置定位,如果还是没有就继续向更高层的祖先元素类推,总之它的定位就是相对于设置了除static定位之外的定位的第一个祖先元素,如果所有的祖先元素都没有以上三种定位中的其中一种定位,那么它就会相对于文档body来定位(并非相对于浏览器窗口,相对于窗口定位的是fixed)。

    <head>
    	<style type="text/css">
    		.box {
    			background: red;
    			width: 100px;
    			height: 100px;
    			float: left;
    			margin: 5px;
    		}
    		.two {
    			position: absolute;
    			top: 50px;
    			left: 50px;
    		}
    	</style>
    </head>
    <body>
    	<div class="box" >One</div>
    	<div class="box  two" >Two</div>
    	<div class="box" >Three</div>
    	<div class="box">Four</div>
    </body>

     

    将class="two"的div定位到距离<body>的顶部和左侧分别50px的位置。会改变其他元素的布局,不会在此元素本来位置留下空白。

     

    3、相对定位(relative)

    相对定位元素不可层叠,依据left、right、top、bottom等属性在正常文档流中偏移自身位置。同样可以用z-index分层设计。

    <head>
    	<style type="text/css">
    		.box {
    			background: red;
    			width: 100px;
    			height: 100px;
    			float: left;
    			margin: 5px;
    		}
    		.two {
    			position: relative;
    			top: 50px;
    			left: 50px;
    		}
    	</style>
    </head>
    <body>
    	<div class="box" >One</div>
    	<div class="box  two" >Two</div>
    	<div class="box" >Three</div>
    	<div class="box">Four</div>
    </body>

    将class="two"的div定位到距离它本来位置的顶部和左侧分别50px的位置。不会改变其他元素的布局,会在此元素本来位置留下空白。

     

    4、固定定位(fixed)

    固定定位与绝对定位类似,但它是相对于浏览器窗口定位,并且不会随着滚动条进行滚动。

    固定定位的最常见的一种用途是在页面中创建一个固定头部、固定脚部或者固定侧边栏,不需使用margin、border、padding。

     

    5、绝对定位vs相对定位

    绝对定位好像把不同元素安排到了一栋楼的不同楼层(除首层,文本流放在首层),它们之间互不影响;相对定位元素在首层,与文本流一起存放,它们之间互相影响。

    被设置了绝对定位的元素,在文档流中是不占据空间的,如果某元素设置了绝对定位,那么它在文档流中的位置会被删除,它浮了起来,其实设置了相对定位也会让元素浮起来,但它们的不同点在于,相对定位不会删除它本身在文档流中占据的空间,其他元素不可以占据该空间,而绝对定位则会删除掉该元素在文档流中的位置,使其完全从文档流中抽了出来,其他元素可以占据其空间,可以通过z-index来设置它们的堆叠顺序 。

    展开全文
  • APP定位功能

    千次阅读 2019-06-19 08:33:34
    1,用户地区筛选,分省、市、县(区) ... <link rel="stylesheet" type="text/css" href="css/mui.pickere.css"/> <script src="lib/base64.min.js">...script src="lib/mui.picker.min....

    1,用户地区筛选,分省、市、县(区)

           HTML部分

    <link rel="stylesheet" type="text/css"  href="css/mui.pickere.css"/>
    <script src="lib/base64.min.js"></script>
    <script src="lib/mui.picker.min.js"></script>
    <script src="lib/data.city.js"></script>
    
    <header class="mui-bar mui-bar-nav mui-bar-nav-bg skin-bg-nav">
    	<div class="basicHeader-box">
    	    <a class="mui-pull-left address-box" id="cityn">
    	    	<i class="mui-pull-left iconfont icon-address">&#xe601;</i>
    	    	<p class="mui-pull-left"  id="city_3">广州</p>
    				<input type="text" style="display:none;" value="2222" id="Area"/>
    	    </a>
    	    <div class="mui-pull-left search-box" onclick="window.kos.openSearch()">
    	    	<input type="text" placeholder="搜索你想找的职位" id="QueryLikeStr" style="disabled"/>
    	    	<i class="iconfont icon-search">&#xe61f;</i>
    	    </div>
    	</div>
    </header>

    2.js:

    var MergerName="";
    $(document).ready(function () {
    	
    	//省市区
    	$("#cityn").click(function(e) {
    		var city_picker = new mui.PopPicker({
    			layer: 2
    		});
    		city_picker.setData(init_city_picker);
    		setTimeout(function() {
    			city_picker.show(function(items) {
    				/* $("#city_1").html((items[0] || {}).text);
    				$("#city_2").html((items[1] || {}).text); */
    				$("#city_3").html((items[1] || {}).text);
    				MergerName = "中国," + (items[0] || {}).text;+ "-" + (items[1] || {}).text // + "," + (items[2] || {}).text;
    				//招聘会_预定
    				SelectJobFairDestine();
    			});
    		}, 200);
    	});
    	//定位
    	dingwei();
    
    });
    //定位
    function dingwei(){
    	try {
    		plus.geolocation.getCurrentPosition(function(p) {
    			console.log(JSON.stringify(p));
    			var province = p.address.province;//省
    			var city = p.address.city;//市
    			//var dist = p.address.district; //区
    			$("#city_3").html(city);
    			MergerName = "中国," + province + "," + city;// + "," + dist + ","
    			//招聘会_预定
    			SelectJobFairDestine();
    		}, function(e) {
    			mui.toast('定位失败,请检查是否打开定位服务');
    		}, {
    			provider: 'baidu'
    		});
    	} catch(e) {
    		mui.toast(e);
    	}
    }

    3.效果

     

    展开全文
  • 定位

    2019-04-23 11:26:05
    定位 定位属性position允许元素相对自身的所在的位置. 定位分为三类:相对定位,绝对定位和固定定位 相对定位:以自身为参照物,占据原有的位置 绝对定位:定位 父级 以父级为参照物 固定定位:一浏览器窗口为参照物 源...
  • CSS中三种定位介绍

    千次阅读 2018-11-12 19:26:12
    在这段时间对CSS学习中到今天也终于能收个尾了,小编这篇会对CSS中的3种定位做一个详细介绍 1.相对定位 相对定位:相对于自己原来的位置进行移动。 实际代码操作:对于标签样式先声明 position:relative; 再...
  • 【原创】【算法】三点定位简述

    万次阅读 2018-08-01 17:52:17
    望文生义一看名字肯定是用三个点来定位。先不说三点定位这个,由于我之前从来没在实际项目中搞过算法(面试刷题的不算,比如各种查找算法 https://www.cnblogs.com/leezx/p/5719012.html),简单说下对算法的肤浅...
  • html中的定位

    2019-08-07 02:51:06
    <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>Title</title> <style> .father{ background-...
  • selenium之如何定位iframe中的元素

    千次阅读 2019-03-12 14:48:33
    今天想写个126邮箱自动化登录脚本,由于id是动态的,name也获取不到,最后通过查看页面发现是写在iframe中,所以要先获取表单,在获取表单中的元素,代码如下! 1,页面代码: ,2,自动化登录代码: ...
  • 解决apt-get install E: 无法定位软件包问题

    万次阅读 多人点赞 2017-06-07 13:44:41
    在etc/apt 的sources.list 添加镜像源 deb http://archive.ubuntu.com/ubuntu/ trusty main universe restricted multiverse 然后 sudo apt-get update 接着安装就可以了
  • 室内定位技术方案---Wifi、RFID、bluetooth、Zigbee

    万次阅读 多人点赞 2018-11-14 16:23:33
     国内常规定位技术有Wifi定位、RFID定位、蓝牙定位、Zigbee定位等几种方式,这几种定位方式有什么不同,各有什么利弊,下面我们将详细分析这几种定位原理、优缺点以供贵单位参考。  首先我们要明确,Wifi定位、...
  • IDEA - IDEA通过快捷键快速定位编译错误

    万次阅读 多人点赞 2018-12-11 00:02:38
    为了在文件中快速的定位错误,我们可以通过设置快捷键来快速定位。 Windows版IDEA快速定位 Default - 默认 定位下一个错误: F2 定位上一个错误: Shift + F2。 Eclipse - 采用Eclipse快捷键 定位下一个错误:...
  • 可能的一个原因是因为安装过后没有更新软件源,试试用 sudo apt-get update 命令更新一下软件源。
  • 智能手机怎样才能不会被定位追踪? author: minigps-九护 除非用户拔掉电池,对于一些无法拆卸电池的手机,关机也是有可能被定位追踪的,单纯拔掉SIM卡还是会被追踪。 手机是如何被定位的? 手机的4种定位方式: ...
  • 【GPS】GPS定位原理

    万次阅读 2018-11-16 16:48:12
    我们通常所说的GPS定位指的是卫星定位,但其实卫星定位是GNSS(Global Navigation Satellite System)定位,GPS定位只是GNSS定位的一种。 一、GPS定位怎样实现呢? 1. 天上同时有24颗分布在6个轨道上(21颗使用,3...
  • 这里其实就是让大家擦亮眼睛,单方面的手机定位软件,100%都是骗人的。大家不要抱有幻想。上当只怪自己无知。
  • 菜鸟记录使用AD画PCB板定位孔的方法

    万次阅读 2016-05-08 10:22:43
    使用AD画PCB板定位孔的方法
  • root@idwtwt-virtual-machine:/opt/tomato# apt-get install git 正在读取软件包列表... 完成 正在分析软件包的依赖关系树  正在读取状态信息......E: 无法定位软件包 git   只要apt-get update一下就好
  • Ubuntu无法定位软件包解决办法

    万次阅读 热门讨论 2018-12-28 17:23:27
    E:无法定位软件包 net-tools 这时候是因为你本地没有该功能的资源或者你更换了源但是还没有重新update,所以只需要更新一下本地资源就可以。 sudo apt-get update 在终端中执行该命令就可以了。 ...
  • 本文对国内外室内定位技术的研究现状进行了分析与总结,首先详细介绍了目前主流的室内定位技术的定位原理与最新发展,对比分析了定位精度、相对成本与优缺点,然后总结与分析室内定位技术的分类体系与定位方法,最后...
1 2 3 4 5 ... 20
收藏数 1,510,000
精华内容 604,000
关键字:

定位