每日小节

版权声明：本文为博主原创文章，未经博主允许不得转载。 https://blog.csdn.net/longlc123/article/details/83792127

隐藏元素
display: none; 页面中不存在这个元素
visibility: hidden; 元素在页面存在,有占位但是无法点击
opcity: 0; 页面中存在，可以被点击到
position: absolute; z-index=‘0’ 或者别的偏移。页面中存在但是点击不到被遮挡了
clip-path: polygon(0px 0px, 0px 0px, 0px 0px, 0px 0px) 剪切属性将四个边剪切到0，就看不到了

polygon(5px 11px, 5px 9px, 16px 3px, 26px 3px, 40px 9px, 48px 15px, 48px 5px, 40px 11px, 26px 17px, 16px 17px) 页面中存在无法点击到 【画的鱼等 http://species-in-pieces.com/#】

css 总结的可以
http://www.divcss5.com/css-hack/list_3_1.shtml

1. onclick="test()" js事件1.0。js的函数和内容在运行时才能确定

2.js 引入export 和 export default 的方式是 import moren, {fmoren1, fmoren2} from react

类数组：拥有length属性,其他属性为非负整数。不具有数组所具有的方法。
类数组转数组: Array.prototype.slice.call()    Array.from()    [...类数组]
eg: Array.from(document.querySelectorAll('li'));
    Array.prototype.slice.call(document.querySelectorAll('li'))

VUE computed和watch的区别
相同: 
内部写的都是函数
不同: 
computed [自己计算的值的函数内部有某个值变化就会执行函数进行返回,只能对data的一级属性进行计算]
watch [监听的东西变化才能执行函数,能对一级属性进行监听也能对二级等进行监听]
computed: {
  url: () => {
    return formData.protoal+'//'+formData.ip+':'+formData.port;
  }
}
watch: {
  'formData.url': (val) => {
    return val+'new'
  }
}