前端知识自我总结

前端知识自我总结

• let 和var都用来声明一个变量,但使用 var 声明的变量在它所声明的整个函数都是可见的, 为了避免名字污染, 建议非必要的情况都使用let来声明, 来限制该变量的作用域

• js遍历数组和对象

  let arr=[1,2,3];
  let mp = {"name":"qw","age":99}
  arr.forEach(function(value)=>{
  	console.log(value);
  });
  mp.forEach(function(key,val)=>{
  	console.log(key + ":" + val);
  });
  //查找数组中某个对象的下标
  let pos = arr.findIndex(function(obj){
  	return obj.name = name;
  })
  

• 定时器

  setTimeout(() => {
  	//要执行的动作,只执行一次
  }, 2000);//间隔时间,单位毫秒
  let interval_id = setInterval(()=>{
  	//要执行的动作,开始后重复执行,到期就执行一次,调用clearInterval(interval_id)停止
  }, 2000);
  

• JS中array和object是按引用传递的.

• el-tree

  <el-tree 
  	ref='tree' 
  	node-key="id" 
  	:default-expanded-keys="data_expanded_keys">
  	......
  </el-tree>
  

  let node = this.$refs.tree.store.nodesMap[id];//获取某个节点
  this.$refs.tree.store._getAllNodes().map((item)=>{//遍历树节点
  		...
    });  
  node.isCurrent = true;//高亮节点
  node.expanded = true;//展开节点
  this.data_expanded_keys.push(node.id);//树将会展开到node节点.
  //且node的节点的儿子节点将会显示出来,孙子节点会是收缩状态
  

• style加上scope后不生效,需要加上/deep/

  <style lang="scss" scoped>
    /deep/.el-loading-spinner{
      top: 30px;
    }
  </style>
  

• 判断字符串是否包含某个字符或字符串

   	str.includes("xxx")
  

• 分割字符串

  string.split(separator,limit)  //返回一个分割后的字符串数组
  //separator:分割字符
  //limit:限制分割后的得到的数组大小,也就是限制分割多少次
  

• JS " || "的使用

  let name = getname() || "xxx";
  //当getname返回null或者undefined时, name="xxx";
  

• 前端常用官方链接:
  Javascript: https://developer.mozilla.org/zh-CN/docs/Web/JavaScript
  JQuery: https://www.jquery123.com/
  Bootstrap: https://v3.bootcss.com/getting-started/
  VUE.JS：https://cn.vuejs.org/v2/guide/
  Elment-UI: https://element.eleme.cn/#/zh-CN/component/installation
  Webpack: https://webpack.js.org/concepts/
  ECharts: https://echarts.apache.org/handbook/zh/get-started/
  iconfont: https://www.iconfont.cn/