自适应_自适应控制 - CSDN
自适应 订阅
自适应就是在处理和分析过程中,根据处理数据的数据特征自动调整处理方法、处理顺序、处理参数、边界条件或约束条件,使其与所处理数据的统计分布特征、结构特征相适应,以取得最佳的处理效果的过程。自适应过程是一个不断逼近目标的过程,它所遵循的途径以数学模型表示,称为自适应算法。通常采用基于梯度的算法,其中最小均方误差算法(即LMS算法)尤为常用。 展开全文
自适应就是在处理和分析过程中,根据处理数据的数据特征自动调整处理方法、处理顺序、处理参数、边界条件或约束条件,使其与所处理数据的统计分布特征、结构特征相适应,以取得最佳的处理效果的过程。自适应过程是一个不断逼近目标的过程,它所遵循的途径以数学模型表示,称为自适应算法。通常采用基于梯度的算法,其中最小均方误差算法(即LMS算法)尤为常用。
信息
 应用
自动化领域
 释义
自动调整处理方法
相关概念
自适应控制、自适应滤波
中文名
自适应
 遵循的途径
自适应算法
外文名
self-adaptive
自适应自适应算法
自适应算法可以用硬件(处理电路)或软件(程序控制)两种办法实现。前者依据算法的数学模型设计电路,后者则将算法的数学模型编制成程序并用计算机实现。算法有很多种,它的选择很重要,它决定处理系统的性能质量和可行性。常用的自适应算法有迫零算法,最陡下降算法,LMS算法,RLS算法以及各种盲均衡算法等。例如,自适应均衡器就是按照某种准则和算法对其系数进行调整最终使自适应均衡器的代价(目标)函数最小化,达到最佳均衡的目的,而各种调整系数的算法就称为自适应算法。自适应算法是根据某个最优准则来设计的。自适应算法所采用的最优准则有最小均方误差(LMS)准则,最小二乘(LS)准则、最大信噪比准则和统计检测准则等。LMS算法和RLS算法由于采用的最优准则不同,因此这两种算法在性能,复杂度等方面均有许多差别。
收起全文
精华内容
参与话题
  • 自适应算法

    万次阅读 2018-08-15 10:26:11
    自适应过程是一个不断逼近目标的过程。它所遵循的途径以数学模型表示,称为自适应算法。通常采用基于梯度的算法,其中最小均方误差算法(即LMS算法)尤为常用。自适应算法可以用硬件(处理电路)或软件(程序控制)两...

    自适应过程是一个不断逼近目标的过程。它所遵循的途径以数学模型表示,称为自适应算法。通常采用基于梯度的算法,其中最小均方误差算法(即LMS算法)尤为常用。自适应算法可以用硬件(处理电路)或软件(程序控制)两种办法实现。前者依据算法的数学模型设计电路,后者则将算法的数学模型编制成程序并用计算机实现。算法有很多种,它的选择很重要,它决定处理系统的性能质量和可行性。

    自适应均衡器的原理就是按照某种准则和算法对其系数进行调整最终使自适应均衡器的代价(目标)函数最小化,达到最佳均衡的目的。而各种调整系数的算法就称为自适应算法,自适应算法是根据某个最优准则来设计的。最常用的自适应算法有迫零算法,最陡下降算法,LMS算法,RLS算法以及各种盲均衡算法等。在理论上证明了对于任何统计特性的噪声干扰,VLMS算法优于LMS算法。 

    自适应算法所采用的最优准则有最小均方误差(LMS)准则,最小二乘(LS)准则、最大信噪比准则和统计检测准则等,其中最小均方误差(LMS)准则和最小二乘(LS)准则是目前最为流行的自适应算法准则。由此可见LMS算法和RLS算法由于采用的最优准则不同,因此这两种算法在性能,复杂度等方面均有许多差别。

    最小均方算法(Least Mean Square, LMS)是一种简单、应用为广泛的自适应滤波算法, 是在维纳滤波理论上运用速下降法后的优化延伸,早是由 Widrow 和 Hoff 提出来的。 该算法不需要已知输入信号和期望信号的统计特征,“当前时刻”的权系数是通过“上一 时刻”权系数再加上一个负均方误差梯度的比例项求得。这种算法也被称为 Widrow-Hoff LMS 算法,在自适应滤波器中得到广泛应用, 其具有原理简单、参数少、收敛速度较快而且易于实现等优点。

    随着机器学习的发展,人工智能(AI)将会越发智能化,这将为人类学习带来不可想象的冲击或者颠覆。(机器学习(Machine Learning, ML)一 门人工智能的科学,该领域的主要研究对象是人工智能,特别是如何在经验学习中改善具体算法的性能。)互联网学习参数的数据量是极其巨大的,而且随着时间的 积累数据还在激增的以后;机器学习有可能在解决大数据处理方面有极大帮助,可能会大大节省时间和人力成本。同时,机器学习通过用数据或以往的经验,以此优 化计算机程序的性能标准或者算法。这在人类学习中,或者说是人们网络学习中,系统平台基于机器学习技术,通过分析和记录学习者的数据,学习获得规律和算法,提供智能的个性化推荐和指导被会有极大优越性。比较机器学习而言,自适应学习仅仅是通过数据的处理、固定的算法,实现半智能的个性化学习指导。

     

    展开全文
  • 属性 描述 width=device-width width为设置layout viewport 的宽度,为一个正整数,”width-device”表示宽度是设备屏幕的宽度 initial-scale=1.0 initial-scale为设置页面的初始缩放值,可以是一个带小数的数字,...

    今天写app用到了页面自适应的内容,由于很久没有写过了,当时脑子也不好使了,就怎么也写不出来,最后才知道原因,页面自适应主要用于手机移动端app较多,所以,要熟练掌握!

    PS:附代码(见末尾)

    1、首先在网页代码的头部,加入一行viewport标签

    在网页的头部中增加以下这句话,可以让网页的宽度自动适应手机屏幕的宽度

    <meta name="viewport" content="width=device-width,initial-scale=1.0,maximum-scale=1.0,minimum-scale=1.0,user-scalable=no">
    

    width=device-width width为设置layout viewport 的宽度,为一个正整数,”width-device”表示宽度是设备屏幕的宽度
    initial-scale=1.0 initial-scale为设置页面的初始缩放值,可以是一个带小数的数字,1.0就是占网页的100%
    minimum-scale=1.0 表示最小的缩放比例
    maximum-scale=1.0 表示最大的缩放比例
    user-scalable=no 表示用户是否可以调整缩放比例,值为”no”或”yes”

    2、宽度不要用绝对的

    width:auto; / width:XX%;(父元素一定要有宽度)
    

    3、字体大小是页面默认大小的100%,即16像素,不要使用绝对大小"px",要使用相对大小“rem”

    html{font-size:62.5%;}
    body {font:normal 100% Arial,sans-serif;font-size:14px; font-size:1.4rem; } 
    

    html的字体大小设置为font-size:62.5%原因:浏览器默认字体大小是16px,rem与px关系为:1rem = 10px,10/16=0.625=62.5%,为了子元素相关尺寸计算方便,这样写最合适不过了。

    4、流动布局,"流动布局"的含义是,各个区块的位置都是浮动的,不是固定不变的

    .left{ width:30%; float:left} 
    .right{ width:70%; float:right;}
    

    像这样,用左浮动和右浮动,好处是,如果宽度太小,放不下两个元素,后面的元素会自动滚动到前面元素的下方,不会在水平方向overflow(溢出),避免了水平滚动条的出现

    5、选择加载CSS

    "自适应网页设计"的核心,就是CSS3引入的Media Query模块。自动探测屏幕宽度,然后加载相应的CSS文件

    <link rel="stylesheet" type="text/css" media="screen and (max-device-width: 600px)" href="style/css/css600.css" />
    

    这段代码的意思是:如果屏幕宽度小于600像素(max-device-width: 600px),就加载css600.css文件。
    如果屏幕宽度在600像素到980像素之间,则加载css600-980.css文件

    <link rel="stylesheet" type="text/css" media="screen and (min-width: 600px) and (max-device-width: 980px)" href="css600-980.css" /> 
    

    还有(不建议使用):除了用html标签加载CSS文件,还可以在现有CSS文件中加载

    @import url("css600.css") screen and (max-device-width: 600px); 
    

    6、CSS的@media与@media screen,媒体查询/匹配

    媒体查询也是css3的方法,我们要解决的问题是适应手机屏幕

    媒体查询的功能就是为不同的媒体设置不同的css样式,这里的“媒体”包括页面尺寸,设备屏幕尺寸等。

    首先先讲一下@media与@media screen区别

    @media与@media screen两者在手机设备上没有区别,但@media screen的css在打印设备里是无效的,而@media在打印设备里是有效的,如果css需要用在打印设备里,那么就用@media 。

    语法

    以@media或@media screen and开头来表示这是一条媒体查询语句。@media后面的是一个或者多个表达式,如果表达式为真,则应用样式。

    @media

    @media (max-width: 600px) {
      .mainner {
        display: none;
      }
    }
    

    上面的代码在屏幕宽度小于 600px 的时候,会作用大括号里的内容。

    注:max-width是目标显示区域的宽度,例如,浏览器宽度。

    媒体查询可以在 link标签上加media属性或css文件中使用。具体例子就不举了。

    @media screen

    以下例子为当屏幕宽度小于400px的时候,就取消浮动

    @media screen and (max-device-width: 400px) 
    {  .left {
    	 float:none;
       } 
     }
    

    注:max-device-width是设备整个显示区域的宽度,例如,真实的设备屏幕宽度。

    知识扩展
    @media only screen and
    only(限定某种设备)
    screen 是媒体类型里的一种
    and 被称为关键字,其他关键字还包括 not
    not 指定某种特定的媒体类型,可以用来排除不支持媒体查询的浏览器:

    例如:如果浏览器窗口小于 500px, 背景将变为浅蓝色:

    @media only screen and (max-width: 500px) {
        body {
            background-color: lightblue;
        }
    }
    

    7、图片自适应,"自适应网页设计"还必须实现图片的自动缩放。

    img {width: 100%;} 
    

    windows平台缩放图片时,可能出现图像失真现象。这时,可以尝试使用IE的专有命令

    img { width:100%; -ms-interpolation-mode: bicubic;} 
    

    或使用js–imgSizer.js

    addLoadEvent(function() { 
      var imgs = document.getElementById("content").getElementsByTagName("img"); 
      imgSizer.collate(imgs); 
    });
    

    附代码

    <!DOCTYPE html>
    <html>
    	<head>
    		<meta charset="UTF-8">
    		<meta name="viewport" content="width=device-width, initial-scale=1.0">
    		<meta http-equiv="X-UA-Compatible" content="ie=edge">
    		<title></title>
    		<style type="text/css">
    			body{
    				background: url(images/bg.png) no-repeat;
    				background-size:100% 100%;
    				background-attachment: fixed;
    			}
    			.container{
    				width: 100%;
    				text-align: center;
    				position: absolute;
    				top: 96px;
    			}
    			 .container img{
    				transform: scale(0.8);
    				height: auto;
    				width: auto\9;
    
    			}
    			#img1{
    				width: 100%;
    				position: absolute;
    				bottom: 10px;
    				margin-bottom: 40%;
    				transform: scale(0.9);
    				/*background: yellowgreen;*/
    			}
    			#img2{
    				width: 100%;
    				position: absolute;
    				bottom: 20px;
                    margin-bottom: 12%;
    				transform: scale(0.9);
    			}
    		</style>
    	</head>
    	<body>
    		<div class="container">
    			<img src="images/logo@2x.png" alt="" />
    		</div>
    		<input type="image" src="images/iOS@2x.png" id="img2"/>
    		<input type="image" src="images/Android@2x.png" id="img1"/>
    		
    	</body>
    </html>
    

    ps:最重要的就是css样式,注意细节,要不断尝试

    展开全文
  • 完美解决前端自适应问题

    千次阅读 2020-09-23 11:23:30
    前段时间做了一个大数据前端页面显示的项目,使用了如下的简单的方式来解决页面自适应的问题,码友们如果有更好的方法欢迎留言。 采用的方案核心的3个步骤 采用bootstrap的的网格系统来进行页面布局划分。要实现...

    前段时间做了一个大数据前端页面显示的项目,使用了如下的简单的方式来解决页面自适应的问题,码友们如果有更好的方法欢迎留言。

    采用的方案核心的3个步骤

    采用bootstrap的的网格系统来进行页面布局划分。要实现自己想要的页面效果就需要结合百分比和div嵌套来实现,这都是基础哈。

    整个页面的宽度width和高度height都采用百分比的形式来设计,从一开始的html标签开始到body里面的内容层层递进都设置上百分比。
    注意:当你发现对某个元素设置的百分比没有起作用时,这是因为百分比的大小是相对其父级元素宽高的大小,如最外层元素设置的百分比是对应屏幕而言的。

    字体如何去做自适应我采用的是使用Css3的@media 查询,通过@media可以针对不同的屏幕尺寸设置不同的样式,我们这里对字体的样式进行修改,于是我在style标签中写了类似如下的一串代码,来改变body的字体大小,你也可以把它写成css文件然后引入到网页中。

      @media screen and (max-width: 1920px) {
       body { font-size: 16px;}
       }
        @media screen and (max-width: 1200px) {
       body { font-size: 14px;}
       }
        @media screen and (max-width: 1000px) {
       body { font-size: 12px;}
       }
        @media screen and (max-width: 800px) {
       body { font-size: 8px;}
       }
        @media screen and (max-width: 700px) {
       body { font-size: 7px;}
       }
        @media screen and (max-width: 600px) {
       body { font-size: 6px;}
       }

    这个时候你会发现我们只是在不同尺寸大小的屏幕下修改标签的字体大小,其他地方的字体我们没有去设置,这里我找到一种比较好的方法,使得我们只需修改里面的字体大小,就可以实现整个网页字体大小的自适应,方法就是使用css 的em单位来对页面中所有的字体大小进行统一设置,em相对长度单位。相对于当前对象内文本的字体尺寸,如当前对行内文本的字体尺寸未被人为设置,则相对于浏览器的默认字体尺寸。 在标签中设置font-size后em就会以他作为标准,如font-size:16px;那么1em=16px,这时我们整个网页中其他的font-size就可以换算成多少em值 如font-size:1em;、font-size:0.75em、font-size:2em等等。通过@media和em我们实现了字体的自适应。
    注意:字体的大小px,尽量使用偶数,当然奇数也可以,最好不要使用小数,因为可能会导致字体渲染不均匀

    接下来的是适应手机和pc端的代码

    import store from '@/store'
    
    function reset () {
      let deviceWidth = document.documentElement.clientWidth
      store.commit('checkPlatWi', deviceWidth)
      let isMobile = false
      let fontSize = '10px'
      let fontSizeNum = 0
      if (deviceWidth > 768) {
        isMobile = false
        fontSize = deviceWidth / 19.2 + 'px'
        fontSizeNum = deviceWidth / 19.2
      } else {
        isMobile = true
        fontSize = deviceWidth / 7.5 + 'px'
        fontSizeNum = deviceWidth / 7.5
      }
      console.log(deviceWidth)
      let flag = navigator.userAgent.match(/(phone|pad|pod|iPhone|iPod|ios|iPad|Android|Mobile|BlackBerry|IEMobile|MQQBrowser|JUC|Fennec|wOSBrowser|BrowserNG|WebOS|Symbian|Windows Phone)/i)
      // eslint-disable-next-line no-unused-expressions
      flag ? document.documentElement.style.fontSize = fontSize : document.documentElement.style.fontSize = (fontSizeNum <= 82.4479 ? '82.4479px' : fontSizeNum + 'px')
      if (isMobile) {
        document.getElementsByTagName('body')[0].className = 'isMobile'
        document.getElementsByTagName('body')[0].setAttribute('id', 'isMobile')
        store.commit('checkPlat', true)
      } else {
        document.getElementsByTagName('body')[0].className = 'notMobile'
        document.getElementsByTagName('body')[0].setAttribute('id', 'notMobile')
        store.commit('checkPlat', false)
      }
    }
    reset()
    window.addEventListener('resize', () => {
      reset()
    })
    

     

    展开全文
  • 一、面临问题:网页在电脑上完全显示,但在手机上显示不完全(需要左右拉动才看得到其他部分) 例如:下面这个简易的网页,为加入自动适应之前,电脑和手机打开都是下图效果,电脑上显示看上去效果不错,但手机上...

    一、面临问题:网页在电脑上完全显示,但在手机上显示不完全(需要左右拉动才看得到其他部分)

    例如:下面这个简易的网页,为加入自动适应之前,电脑和手机打开都是下图效果,电脑上显示看上去效果不错,但手机上需要左右拉动才可以看到网页其他部分,那如何解决这个问题呢?

     

     二、解决问题

    1.目标:在手机上也得完全显示就行

                                                   

    2.实际操作部分(重点):

     ①将网页调整权交给网页

          - <head>标签中加入一行viewport(网页默认的宽度和高度)元标签

    <meta name="viewport" content="width=device-width, initial-scale=1" />

                               width=device-width:网页宽度默认等于屏幕宽度

                               initial-scale=1;1代表网页初始大小占屏幕面积的100%

          - 注意:老式浏览器(例如:IE6、7、8),需要使用css3-mediaqueries.js,如下

    <!--[if lt IE 9]>
    <script src="http://css3-mediaqueries-js.googlecode.com/svn/trunk/css3-mediaqueries.js"></script>
    <![endif]-->

    ②禁止使用绝对宽度

            不可:以下这种代码不可使用

    width:10px; <!-- 这种代码不可行 -->

            可行:以下两种代码均可

    width: 20%;
    width:auto;

    ③静止对字体使用固定大小

            不可:以下这种代码不可使用

    font-size: 12px

            可行:以下代码均可行

    font-size:1.2em

    补充:浏览器的默认字体高都是16px,所以未经调整的浏览器在显示1em=16px。于是我们就可以通过这个等量关系进行计算了!若已经写好的网页字体的px直接除以16就是em了。

    body {
      font: normal 100% Helvetica, Arial, sans-serif;
    }

    ④得是流动布局

               - 就是使用float

    #father .panel_text{
    	background-color: #F5F5F2;
    	float: left;
    	margin-left: -88%;
    	margin-top: 15%;
    	width:295%;  
    	height:200%; 
    }

    ⑤选择css,就像if判断

    利用css3中的Media Query模块

    提示:下面if、if else只是方便解释写的,直接将代码框的代码放在<meat>标签里

    if(如果屏幕宽度小于400像素){

    <link rel="stylesheet" type="text/css" media="screen and (max-device-width: 400px)" href="css/tinyScreen.css" />

    }else if(如果400像素<屏幕宽度<600像素){

    <link rel="stylesheet" type="text/css"media="screen and (min-width: 400px) and (max-device-width: 600px)" href="css/tinyScreen.css" />

    }

    ⑦还有图片啦!

               写这个简易页面时就踩了一个坑,图片没有设置。。。

    css代码用下%号结束就行!

    #father .panel_text img{
    	width:100%;  
    	height:100%;
    }

    -------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------

    第⑤步(补充类,另外一种方法)css3中@media的使用(根据屏幕,在一个css文件中判断使用哪段css代码)

          先看看定义:

                  - 使用 @media 查询,你可以针对不同的媒体类型定义不同的样式。

                  - @media 可以针对不同的屏幕尺寸设置不同的样式,特别是如果你需要设置设计响应式的页面,@media 是非常有用的。

    当你重置浏览器大小的过程中,页面也会根据浏览器的宽度和高度重新渲染页面。

    以下代码意思:如果文档宽度小于 300 像素则修改背景颜色(background-color):

    @media screen and (max-width: 300px) {
        body {
            background-color:lightblue;
        }
    }

    最后来个总结吧:印象最深的就是自适应的思维和物理学很近有木有!由于物体可以选取其他不同的东西做参考,所以物理书:“运动是绝对的,静止是相对的”那迁移到这个代码上也是一样啦!网页对应不同的屏幕标准得自动适应,那代码就得采用相对的,而不是绝对的!

     

     

    展开全文
  • 浅谈Web自适应

    千次阅读 2019-06-05 10:21:11
    特别说明:在开始这一切之前,请开发移动界面的工程师们在头部加上下面这条meta: <meta name="viewport" content="width=device-width, initial-...所谓宽度自适应严格来说是一种PC端的自适应布局方式在移动...
  • 再谈自适应学习——技术篇

    千次阅读 2018-06-21 10:37:33
    自适应学习技术前面我曾提到,“我认为,自适应学习是在学习研究的范式下,一种以计算机技术为主导的学习环境和系统的横向探索,而且是一种意义重大的探索”。这种意义我这里不再讨论,之前站正面立场时也曾讨论过。...
  • @media与@media screen两者在手机设备上没有区别,但@media screen的css在打印设备里是无效的,而@media在打印设备里是有效的,如果css需要用在打印设备里,那么就用@media ,否则,就用@media screen。
  • 1. div自适应内容: 由于div里的内容常常会发生变化,总是修改高度很麻烦,如果是动态页面则更不可能每次都改高度,所以div必须要自适应内容高度。 技巧: div去掉height,增加padding-bottom即可。 2. 屏幕...
  • 页面自适应方法

    千次阅读 2017-10-20 17:01:19
    标题严格遵守了新广告法,你再不爽,我也没犯法呀!屁话不多说,直入! 所谓布局,其实包含两个含义:尺寸与定位。也就是说,所有与尺寸和定位相关的属性,都可以用来布局。 ...大体上,布局中会用到的有:尺寸相关...
  • 自适应和响应式的介绍和区别

    万次阅读 2018-06-13 11:23:16
    视口 视口:用户浏览信息屏幕尺寸大小(每一个视口后面都是真实一位的用户) 概念: 响应式设计(Responsive design): ...[百科]:响应式设计是Ethan Marcotte在2010年5月份...自适应设计(Adaptive Design...
  • 生物的适应是指:生物的形态结构和生理机能与其赖以生存的一定环境条件相适合的现象。 适应一方面指生物各层次的结构(从大分子、细胞、组织、器官,乃至由个体组成的...
  • div的Img图片自适应容器的大小

    万次阅读 2020-04-13 15:41:17
    废话不多说,让imd图片自适应大小,网上东拼西凑得到了两套方案,且都能实行 方案一:只要设置了父容器的大小,那么img就会自适应大小 &lt;img src="../../libs/images/login.jpg" style=" ...
  • table自适应

    万次阅读 2020-06-18 10:12:34
    自适应宽度: td { width: 1px; white-space: nowrap; /* 自适应宽度*/ word-break: keep-all; /* 避免长单词截断,保持全部 */ } 自适应高度 table { table-layout: fixed; width: 100%; }...
  • table的td随着内容的宽度自适应宽度

    万次阅读 2019-04-02 17:31:03
    td { white-space: nowrap; }
  • 模型参考自适应---基于局部参数最优化的设计方法(MIT方案)
  • echarts图表随屏幕的宽度自适应

    万次阅读 热门讨论 2020-06-18 17:29:16
    图表的自适应chart.resize() 有时候会遇到屏幕宽度在变化,而echarts的图表保持原宽度不变的情况: 只需要在图表数据初始化函数之后,再resize()下就可以了。 代码示例: &lt;div class="chart_box"&...
  • 表格列td自适应内容宽度

    万次阅读 2012-12-14 16:28:02
    word-break:keep-all; /* for ie */ white-space:nowrap; /* for chrome */word-break原来是IE的私有属性,但在CSS3草案中也吸收了。但CSS3草案中没有keep-all属性,所以对于这个需求,keep-all仍然是IE ...
  • div自适应屏幕

    万次阅读 2018-08-09 09:03:41
    html { height: 100%; display: table; } body { display: table-cell; height: 100%; } 如何设置,可使得div中的height:100%起作用,如果没有以上代码height:100%失效。  ...
  • div布局根据内容自适应宽度

    万次阅读 2018-08-18 11:16:58
    在style里加上如下代码:  display:inline-block;  *display:inline;  *zoom:1;
  • HTML 页面自适应

    千次阅读 2019-07-30 20:04:17
    在HTML头部加入 <meta name="viewport" content="width=device-width,initial-scale=1" />
1 2 3 4 5 ... 20
收藏数 220,425
精华内容 88,170
关键字:

自适应