自己记录

static 里可以放配置文件，index里引用， 不会被打包压缩，打包后更改方便。

2. 路由函数的用法 和 methods同级  如下：如下放在一级路由页面里 .

一进入执行2    beforeRouteEnter

from 是之前的/ --------------------to是当前页面

{name: null, meta: {…}, path: "/", hash: "", query: {…}, …}

{name: "department", meta: {…}, path: "/Personal/department", hash: "", query: {…}, …}

切换二级页面时 执行3， beforeRouteUpdate

from 是之前的/ --------------------to是当前页面

{name: "processed", meta: {…}, path: "/Personal/processed", hash: "", query: {…}, …}

{name: "department", meta: {…}, path: "/Personal/department", hash: "", query: {…}, …}

 // 在当前路由改变，但是该组件被复用时调用
        // 举例来说，对于一个带有动态参数的路径 /foo/:id，在 /foo/1 和 /foo/2 之间跳转的时候，
        // 由于会渲染同样的 Foo 组件，因此组件实例会被复用。而这个钩子就会在这个情况下被调用。
        // 可以访问组件实例 `this`
 

切换一级路由时:执行1, beforeRouteLeave

from 是之前的 --------------------to是当前页面

// 导航离开该组件的对应路由时调用 // 可以访问组件实例 `this`

  beforeRouteLeave(to, from, next) {
    console.log("1")
   console.log(from);
   console.log(to);
   
   next();
  },
  beforeRouteEnter(to, from, next) {
    console.log("2")
    console.log(from);  
    console.log(to);
    next();
  },
  beforeRouteUpdate(to, from, next) {
    console.log(from);
    console.log(to);
    console.log("3")
    next();
  },

 

 

3.动态的获取obj的key value

let obj={name:"大表哥"}

obj.name

var aa="name"  obj[aa]

 

 

4.img标签 

在src加载不出来的时候 img标签的width 和height 会变成0 。所以外层最好套个div

jsp页面

	<servlet>
		<servlet-name>appMyA</servlet-name>             //随便取个名字
		<servlet-class>
			com.ultrapower.appServer.web.echarts        //浏览器输入地址后 执行的java文件
		</servlet-class>
	</servlet>
	<servlet-mapping>
		<servlet-name>appMyA</servlet-name>            //随便去个名字
		<url-pattern>/servlet/my.action</url-pattern>  //浏览器要输入的地址
	</servlet-mapping>

css文字超出换行

1. overflow:hidden; //超出的文本隐藏

2. text-overflow:ellipsis; //溢出用省略号显示

3. white-space:nowrap; //溢出不换行

 

vue solt插槽的使用

父组件

父组件
<template>
  <div id="app">
    <HelloWorld msg="Welcome">
      <template v-slot:header>hahaha</template>
      <template v-slot:footer>脚在这儿</template>
    </HelloWorld>
  </div>
</template>

       子组件
      <div>
       <slot></slot>
      </div>

初识Promise
console.log('来了')
let P = new Promise(function(resolve,reject){
    setTimeout((e)=>{
        var num = Math.ceil(Math.random()*20);
        console.log('随机数生成的值：',num)
        resolve(num)  //有这个才执行.then
    },5000);

}).then((res)=>{
    console.log("点"+res);
})
console.log('走了')

nginx 的启动 停止 

1.cmd 切换盘符 直接 d: 回车
执行nginx.exe    停止 nginx -s stop 停止

监听计算属性

  computed: {
    selectedCards: function() {
      return this.card_data.filter(function(card) {
        return card.selected === true;
      });
    }
  },
  watch:{

    selectedCards(val){
      console.log(val);
      this.select();
    }
  },
selectedCards 这个数组 可以不用再data里定义