做一個頁面诱担，在做頁面的時候發(fā)現(xiàn)了自己的一些不足的地方。基本上是css和js部分的問題

css

1 rem和html的fontsize的大小是一樣的
2 頁面刷新 location.reload()
3 display:none和visibility:hidden
display:none 當(dāng)做不存在
visibility:hidden 不顯示但是保留位置
4 css垂直居中
①vertical-align:middle
我覺得不是很好用局义，常常失效。寫在要居中的元素處——行內(nèi)元素Ｈ叽萄唇！
俺懂了，這種居中垂直是要有參照物的赌厅，可以用一個元素來參照穷绵，寬為0，高度為100%特愿，再加上 display: inline-block; vertical-align: middle;但是這樣要多寫一個div不方便仲墨，這時候就可以用偽元素：before（父元素::before）把這些寫偽元素里面，記得要設(shè)置居中元素的margin揍障，因為display: inline-block;這種元素之間有空白符目养。
②flex
父元素處：display:flex; align-items: center;
子元素處： align-self: center;(如果父元素寫了item:center,子元素處就不用寫了，self是重寫父類的item效果毒嫡。)
③隱藏節(jié)點癌蚁，這個有點偷懶，就是設(shè)置寬高不給內(nèi)容
④已知父元素高度通過transform實現(xiàn) - - 其實就是往下再往上

   #in{
       width:600px;
        height:300px; 
        background: blue;
        position: relative;    
   }
   #inin{
       background: yellow;
         width:100px;
        height:100px;
        position: absolute;
        top:50%;
       transform: translateY(-50%)
   }

⑤line-height
設(shè)置子元素 display: inline-block;
父元素的line-height等于自己的hight
水平居中
①margin: 0 auto兜畸。
②要對齊元素inline-block和父元素text-align
text-align其實是行內(nèi)元素的水平居中對齊
③絕對定位
④flex
父元素 - - display: flex; justify-content: center;
⑤ fit-content -就寫在要居中的元素處努释，但是元素里面要有東西，不然寬度就是0
width: fit-content;
margin: 0 auto;
5.行內(nèi)元素
<input> <span> <label> <a>
6.偽類咬摇，偽元素
偽類有：:first-child 伐蒂，:link:，vistited肛鹏，:hover:逸邦，active:focus，:lang
偽元素有：:first-line在扰，:first-letter缕减，:before，:after
7. justify-content
常用的：center | space-between | space-around
8.背景固定不移動不重復(fù)
background-repeat: no-repeat;
background-attachment: fixed;

js

① in
prop in object => ? in對象是否包含該屬性
② 數(shù)字轉(zhuǎn)字符串
//1芒珠、toString()
console.log(num.toString());
//2桥狡、數(shù)字+任何字符串 " "
console.log(num+"");
字符串轉(zhuǎn)數(shù)字
parseInt(s);
parseFloat(s);
③定時清除樣式

timer=setTimeout(function () {
document.querySelector("xx").style.display="none"
}, 2000);

④阻止表單的默認(rèn)提交--event.preventDefault()

function func(event){
           event.preventDefault();
       }