前端非常有意思的小技巧
這是我在工作和學習中總結的一些平時不怎麼常用但是很實用的方法技巧:
CSS部分:
1.盒子實際大小設定
2.超過兩行就出現省略號
3.強制換行
4.文字溢位隱藏
5.滑鼠設定為移動效果
6.滑鼠設定為小手效果
7.段落中的文字不換行
8.平面轉立體
9.移動端取消點選效果
10.用CSS繪製三角形
{ :; :; :; :; :; } /*使用border-color來控制你想要的形狀,transparent為透明*/
/*使用transform來控制你想要的形狀*/
transform: rotate(90deg); /*順時針旋轉90°*/
JS部分:
1.時間戳轉換格式封裝
2.原型物件賦值注意
3.js跳轉
4.Vue中的路由物件
5.伺服器重定向
6.改變url標識
其他型別:
1.關於 json格式轉換
2.移動端設定rem
3.伺服器支援cookie的跨域
4.H5解決IE相容
5.Array.of()把一串數字轉化為陣列
--------------
IT學習群:631737326「驗證:IT學習」
入群即可領取10G學習資源,也可以試聽優就業課程
來自 “ ITPUB部落格 ” ,連結:http://blog.itpub.net/69902763/viewspace-2639590/,如需轉載,請註明出處,否則將追究法律責任。
相關文章
- 12個非常實用的JavaScript小技巧JavaScript
- 非常好的pip的15個使用小技巧
- 前端常用CSS小技巧前端CSS
- 【web前端】小技巧總結Web前端
- js前端除錯的幾個小技巧JS前端除錯
- 前端開發者應該知道的 CSS 小技巧前端CSS
- 前端開發者都應知道的 jQuery 小技巧前端jQuery
- 9個非常有意思的HTML5動畫推薦HTML動畫
- 一次非常有意思的SQL優化經歷SQL優化
- 有意思的前端函式面試題前端函式面試題
- 分享三個有意思的小程式
- 一些前端新人面試的小技巧分享!前端面試
- 4個非常有用的 Flutter 技巧Flutter
- 厲害啦!!這8個非常實用的小技巧,你肯定會用得上!
- [譯] 前端 Console 除錯小技巧前端除錯
- 如果你在用flutter,千萬要記得這幾個小技巧,非常實用Flutter
- 關於Web前端面試的小技巧,千萬不要錯過!Web前端面試
- 一道有意思的微信前端面試題前端面試題
- 10個非常實用的程式設計技巧程式設計
- 前端程式設計師應該知道的 15 個 jQuery 小技巧前端程式設計師jQuery
- 網上看到的“12個非常有用的JavaScript技巧”JavaScript
- 前端JavaScript規範 非常詳細前端JavaScript
- 前端從業兩年總結的一些js使用小技巧前端JS
- Mysql中的小技巧MySql
- 常用的CSS小技巧CSS
- 【js】中的小技巧JS
- 微信小程式小技巧微信小程式
- Mac 小技巧Mac
- PHP 小技巧PHP
- JavaScript小技巧JavaScript
- git小技巧Git
- JavaScript?小技巧JavaScript
- css小技巧CSS
- Ubuntu小技巧Ubuntu
- js小技巧JS
- 小程式的填坑小技巧之CanvasCanvas
- 分享6個Python程式設計非常實用的技巧!Python程式設計
- 40+個對初學者非常有用的PHP技巧(二)PHP