一、JS21 数组过滤

filter（）过滤器

filter 为数组中的每个元素调用一次 callback 函数，并利用所有使得 callback 返回 true 或等价于 true 的值的元素创建一个新数组。

二、${}

字符串拼接用法，注意整个字符串要用esc下面的反单引号包裹起来

例如：

我是${},我今年${}岁

三、 less导入命令@import

在这个less文件上想导入另一个less文件,

连在同级的文件里直接可用文件名

@import url('css.less')或@import rul(css)

连下级的文件

@import url("文件夹名/css.less")或@import url(文件夹名/css)

连上级同上

四、盒子占满屏幕

.container{
		height:100%;
		width:100%;
		position:fixed;
	}

五、line-height与height

一个是字体的高一个是高，当两者相等，文字可以居中

六、跨域

devServer: { host:'0.0.0.0', //可以忽略不写

  port: 8080,//它是用来修改你打开后的端口号的
open: true,//值为 true的话，项目启动时自动打开到浏览器里边， false不会打开
  proxy:{
     '/api':{
          target:'http://m.sirfang.com/api',//跨域请求的公共地址
          ws:false, //也可以忽略不写，不写不会影响跨域
         changeOrigin:true, //是否开启跨域，值为 true 就是开启， false 不开启
           pathRewrite:{
               '^/api':''//注册全局路径， 但是在你请求的时候前面需要加上 /api  
          }
      }
 }

七、占满屏幕

有时候我们其实是想基于整个屏幕布局我们的整个页面，但是事实上浏览器并不是这么默认的，所以就需要我们在最开始搭建的时候，就搭好最外的盒子，去控制我们的整个页面的大小

占满屏幕：app.vue中
#app {
  height:100%;
}
html,body{
  margin:0px;
  padding:0px;
  height:100%;
}

八、隐藏滚动条

我们是想隐藏滚动条，而不是消除这个功能，所以可以采取以下方法

overflow-y: hidden; /* 隐藏垂直滚动条 */
overflow-x: hidden; /* 隐藏水平滚动条 */

让文字不能被选中

我们在自己开发组件库的时候，或者一些页面的位置，我们只是想让用户进行点击，而事实上，有时候我们会发现，老是会出现闪动的光标，这是我们不想看到的，因为光标对于我们来说应该是一个输入的位置，所以我们想禁用文字选中，可以采用以下方法：

让文字不能被选中：    h1,h2,h3{
        -moz-user-select:none; /*火狐*/
        -webkit-user-select:none; /*webkit浏览器*/
        -ms-user-select:none; /*IE10*/
        -khtml-user-select:none; /*早期浏览器*/
        user-select:none;
    }

背景图居中

想要自己的图片不被缩放宽高比，同时想让图片中心位置作为背景图可以采用以下方式：

背景图居中三剑客：    background-size: cover;
      background-position: center;
      background-repeat: no-repeat;
      ```

[一些小属性记录 | 青训营笔记]