国产一区二区精品-国产一区二区精品久-国产一区二区精品久久-国产一区二区精品久久91-免费毛片播放-免费毛片基地

千鋒教育-做有情懷、有良心、有品質(zhì)的職業(yè)教育機構

手機站
千鋒教育

千鋒學習站 | 隨時隨地免費學

千鋒教育

掃一掃進入千鋒手機站

領取全套視頻
千鋒教育

關注千鋒學習站小程序
隨時隨地免費學習課程

當前位置:首頁  >  技術干貨  > 前端開發(fā)技巧-那些不常見但十分有效的小玩意

前端開發(fā)技巧-那些不常見但十分有效的小玩意

來源:千鋒教育
發(fā)布人:小千
時間: 2021-06-10 09:14:00 1623287640

      同學們在開發(fā)功能的時候可能會遇到這樣那樣的問題,但可能手中沒有什么好的解決辦法,那么不妨來看看小千下面介紹的幾個代碼,說不準就有能夠解決你問題的哦。

      console.table()

      思考一下平時在開發(fā)過程中, 我們的代碼中出現(xiàn)頻率比較高的一段代碼是什么 console.log('xxx'),因為各種各樣的原因, 我們的代碼一旦在瀏覽器運行總是各種 紅色 所以很多小伙伴會選擇在控制臺打印一下看看。看看我遍歷的是個啥,看看我獲取的元素是個啥,看看我請求回來的東西是個啥,看看我算的數(shù)是不是 NaN。

      但是遇到類似下面這樣的代碼

1

      在控制臺打印出來的可能不是我們想要的

2

      如果只有一兩個屬性, 那么沒啥問題, 我不用打開就能看到結果 但是一旦對象中屬性變得多了, 那么我們展開以后看到的結果就會誤導我的代碼了 這個時候, 我們可以選擇使用 console.table() 來進行控制臺展示

3

      contenteditable

      我們在頁面上寫的大部分標簽都是不可以編輯的 但是一旦你給元素加上 contenteditable 屬性以后, 就變成可以編輯的了。這個玩意有啥用呢, 也保存不下來, 刷新以后還是和以前一樣 可以幫我們玩一下 css 樣式的問題 我們可以寫一個內(nèi)聯(lián)樣式, 寫在 body 標簽里面。

4

5

      calc()

      我們再寫 css 的時候, 經(jīng)常會遇到一個小問題 就是我已經(jīng)寫了寬度 25% 了 然后發(fā)現(xiàn), 你 ** 竟然有 margin 好吧, 我給你加一個 margin: 0 10px。

6

      好吧, 我認命了, 不寫 25% 了, 拉個計算器過來, 我算數(shù)還不行嗎 (1)歸零 ... 歸零 ... 歸零 ...

      我們也可以選擇使用一個 calc()

      li { width: calc(25% - 20px); }

      輕松解決問題。

      還有更多小技巧同學們感興趣的話不妨來千鋒前端交流群一起探討一下,更有全套前端視頻教程可以領取,趕緊來找在線老師了解一下吧。

tags:
聲明:本站稿件版權均屬千鋒教育所有,未經(jīng)許可不得擅自轉載。
10年以上業(yè)內(nèi)強師集結,手把手帶你蛻變精英
請您保持通訊暢通,專屬學習老師24小時內(nèi)將與您1V1溝通
免費領取
今日已有369人領取成功
劉同學 138****2860 剛剛成功領取
王同學 131****2015 剛剛成功領取
張同學 133****4652 剛剛成功領取
李同學 135****8607 剛剛成功領取
楊同學 132****5667 剛剛成功領取
岳同學 134****6652 剛剛成功領取
梁同學 157****2950 剛剛成功領取
劉同學 189****1015 剛剛成功領取
張同學 155****4678 剛剛成功領取
鄒同學 139****2907 剛剛成功領取
董同學 138****2867 剛剛成功領取
周同學 136****3602 剛剛成功領取
相關推薦HOT