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

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

手機站
千鋒教育

千鋒學(xué)習(xí)站 | 隨時隨地免費學(xué)

千鋒教育

掃一掃進入千鋒手機站

領(lǐng)取全套視頻
千鋒教育

關(guān)注千鋒學(xué)習(xí)站小程序
隨時隨地免費學(xué)習(xí)課程

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

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

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

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

      console.table()

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

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

1

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

2

      如果只有一兩個屬性, 那么沒啥問題, 我不用打開就能看到結(jié)果 但是一旦對象中屬性變得多了, 那么我們展開以后看到的結(jié)果就會誤導(dǎo)我的代碼了 這個時候, 我們可以選擇使用 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); }

      輕松解決問題。

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

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

一、oracle怎么樣實現(xiàn)數(shù)據(jù)庫跨機房同步除了使用第三方工具,Oracle提供了extended cluster可以實現(xiàn)類似的功能,使用Oracle RAC + ASM。簡單說下...詳情>>

2023-10-14 01:57:43
web網(wǎng)站性能測試的常用指標有哪些?

一、頁面加載時間頁面加載時間是衡量網(wǎng)站性能的重要指標之一,它指的是從用戶請求一個頁面到頁面完全加載完成所需的時間。頁面加載時間的長短直...詳情>>

2023-10-14 01:50:34
MySQL索引為什么能讓查詢效率提高?

一、MySQL索引為什么能讓查詢效率提高DB在執(zhí)行一條Sql語句的時候,默認的方式是根據(jù)搜索條件進行全表掃描。如果我們對某一字段增加索引,查詢時...詳情>>

2023-10-14 01:38:15
什么是面向云原生系統(tǒng)的智能運維?

一、云原生系統(tǒng)概述云原生系統(tǒng)是指在云計算環(huán)境下構(gòu)建和運行的應(yīng)用程序系統(tǒng),具備高可用、彈性擴展、靈活部署和自動化管理等特點。它采用容器化...詳情>>

2023-10-14 01:25:33
怎么提升excel數(shù)據(jù)表訪問運算速度?

一、怎么提升excel數(shù)據(jù)表訪問運算速度目前版本Excel最大列數(shù)為16384,沒有10w加。運算速度和Excel中是否有公式、公式的復(fù)雜度、對象的對少、格...詳情>>

2023-10-14 01:22:48