前端很是有意思的小技巧

這是我在工做和學習中總結的一些平時不怎麼經常使用可是很實用的方法技巧:

CSS部分:

　　1.盒子實際大小設置

　　

 

　　2.超過兩行就出現省略號

　　

 

　　3.強制換行

　　

 

　　4.文字溢出隱藏

　　

 

　　5.鼠標設置爲移動效果

　　

 

　　6.鼠標設置爲小手效果

　　

 

　　7.段落中的文本不換行

　　

 

　　8.平面轉立體

　　

 

　　9.移動端取消點擊效果

　　

　　10.用CSS繪製三角形

　　

1 .sign {
2   width: 0px;
3   height: 0px;
4   border-width: 10px;
5   border-style: solid;
6   border-color:#FF3333  #FF3333  transparent transparent;
7 }
/*使用border-color來控制你想要的形狀,transparent爲透明*/

/*使用transform來控制你想要的形狀*/

transform: rotate(90deg); /*順時針旋轉90°*/

 

 

JS部分:

　　1.時間戳轉換格式封裝

　　

 

　　2.原型對象賦值注意

　　

 

　　3.js跳轉

　　

 

　　4.Vue中的路由對象

　　

 

　　5.服務器重定向

　　

 

　　6.改變url標識

　　

　　7.解決定時器瘋狂點擊隊列問題

　　

1 // 使用變量action接收定時器名稱
2 var action=setTimeout(function(){...},1000); 
3 // 判判定時器是否存在,有的話就清除
4 if(action) clearTimeout(action);

 

　　8.封裝：獲取任意兩個之間的隨機數

 

其餘類型:

　　1.關於 json格式轉換

　　

　　2.移動端設置rem

　　

 

　　3.服務器支持cookie的跨域

　　

 

　　4.H5解決IE兼容

　　

　　5.Array.of()把一串數字轉化爲數組