前端非常有意思的小技巧

hiyang 發布于2019-04-23 11:43 / 2751人閱讀

摘要：這是我在工作和學習中總結的一些平時不怎么常用但是很實用的方法技巧部分盒子實際大小設置超過兩行就出現省略號強制換行文字溢出隱藏鼠標設置為移動效果鼠標設置為小手效果段落中的文本不換行平面轉立體移動端取消點擊效果用繪制三角形使用來控

這是我在工作和學習中總結的一些平時不怎么常用但是很實用的方法技巧:

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標識

其他類型:

　　1.關于 json格式轉換

　　2.移動端設置rem

　　3.服務器支持cookie的跨域

　　4.H5解決IE兼容

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

GPU云服務器云服務器 c語言有意思的小程序前端技巧前端開發技巧前端的意思

文章版權歸作者所有，未經允許請勿轉載,若此文章存在違規行為，您可以聯系管理員刪除。

轉載請注明本文地址：http://specialneedsforspecialkids.com/yun/1062.html

HTML-CSS-JS

摘要：本周于上海閉幕，掘金和知乎上都有對應的實錄和問答，但會議的視頻目前都還沒放出來，有心的同學如果找到了歡迎分享。建議中英文對照閱讀。英文原文前端獨立技術博客推薦推薦一些現在還在堅持原創的博主，有業界大牛，也有小鮮肉，也有國外美女。 CSS 樣式書寫規范最佳實踐本文的所列是實踐當中得出的一套比較不錯的 CSS 書寫規范，可以結合自身團隊發展出一套適合自己業務的規范。 CSS中的字體與排版...

mikasa 2019-08-01 18:18 評論0 收藏0
HTML-CSS-JS

摘要：本周于上海閉幕，掘金和知乎上都有對應的實錄和問答，但會議的視頻目前都還沒放出來，有心的同學如果找到了歡迎分享。建議中英文對照閱讀。英文原文前端獨立技術博客推薦推薦一些現在還在堅持原創的博主，有業界大牛，也有小鮮肉，也有國外美女。 CSS 樣式書寫規范最佳實踐本文的所列是實踐當中得出的一套比較不錯的 CSS 書寫規范，可以結合自身團隊發展出一套適合自己業務的規范。 CSS中的字體與排版...

李世贊 2019-08-29 14:08 評論0 收藏0
HTML-CSS-JS

摘要：本周于上海閉幕，掘金和知乎上都有對應的實錄和問答，但會議的視頻目前都還沒放出來，有心的同學如果找到了歡迎分享。建議中英文對照閱讀。英文原文前端獨立技術博客推薦推薦一些現在還在堅持原創的博主，有業界大牛，也有小鮮肉，也有國外美女。 CSS 樣式書寫規范最佳實踐本文的所列是實踐當中得出的一套比較不錯的 CSS 書寫規范，可以結合自身團隊發展出一套適合自己業務的規范。 CSS中的字體與排版...

MudOnTire 2019-08-21 18:25 評論0 收藏0
前端經典文章

摘要：上周末看這篇文章時，偶有靈光，所以，分享出來給大家一起看看前端面試四月二十家前端面試題分享請各位讀者添加一下作者的微信公眾號，以后有新的文章，將在微信公眾號直接推送給各位，非常感謝。前端切圖神器 avocode 有了這個神器，切圖再也腰不酸，腿不疼了。這一次，徹底弄懂 JavaScript 執行機制本文的目的就是要保證你徹底弄懂javascript的執行機制，如果讀完本文還不懂，...

lowett 2019-08-22 13:58 評論0 收藏0
用測試工具JSLitmus來告訴你幾個提升JavaScript性能的小技巧

摘要：性能測試工具操作測試代碼測試結果黃條代表每秒可執行測試函數的次數，當然越多越快。務必減少操作，減少無意義的路徑的查找。其他測試測試代碼這些測試代碼來自，官網的例子這是一個空的非循環測試。正則表達式測試，數組的，新建日期，稍微慢了些。性能測試工具 JSLitmus dom操作測試代碼 ...

羅志環 2019-08-20 11:10 評論0 收藏0