久久精品国产亚洲高清|精品日韩中文乱码在线|亚洲va中文字幕无码久|伊人久久综合狼伊人久久|亚洲不卡av不卡一区二区|精品久久久久久久蜜臀AV|国产精品19久久久久久不卡|国产男女猛烈视频在线观看麻豆

    1. <style id="76ofp"></style>

      <style id="76ofp"></style>
      <rt id="76ofp"></rt>
      <form id="76ofp"><optgroup id="76ofp"></optgroup></form>
      1. 千鋒教育-做有情懷、有良心、有品質(zhì)的職業(yè)教育機(jī)構(gòu)

        手機(jī)站
        千鋒教育

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

        千鋒教育

        掃一掃進(jìn)入千鋒手機(jī)站

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

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

        當(dāng)前位置:首頁(yè)  >  技術(shù)干貨  > 7個(gè)我最常用的JavaScript實(shí)用程序函數(shù)

        7個(gè)我最常用的JavaScript實(shí)用程序函數(shù)

        來(lái)源:千鋒教育
        發(fā)布人:wjy
        時(shí)間: 2022-09-21 10:04:06 1663725846

          JavaScript 實(shí)用程序函數(shù)是有用的、可重用的片段,你可以在許多不同的項(xiàng)目中重用它們。它們的目的是為常見任務(wù)提供一致且有效的答案,并幫助提高代碼的一致性。

          在本文中,我想重點(diǎn)介紹我在許多項(xiàng)目中使用的 7 個(gè)實(shí)用函數(shù)并解釋它們的用途。

          1.將數(shù)字轉(zhuǎn)換為貨幣

          在 JavaScript 中處理貨幣時(shí),事情會(huì)變得復(fù)雜。特別是當(dāng)你需要處理顯示不同類型的貨幣時(shí)。

          JavaScript 提供了 Intl.NumberFormat 對(duì)象,它允許你以對(duì)語(yǔ)言敏感的方式格式化數(shù)字。它提供的選項(xiàng)之一是將數(shù)字格式化為貨幣。

          該函數(shù)接受 3 個(gè)參數(shù):

          num - 要格式化的數(shù)字。

          currency——要格式化的貨幣——默認(rèn)設(shè)置為“歐元”,因?yàn)槲抑饕枰幚砘跉W元的價(jià)格。

          locale — 默認(rèn)設(shè)置為“nl-NL”,因?yàn)槲医?jīng)常處理顯示為荷蘭的價(jià)格。

          你可以使用下面 CodePen 中的值。例如,你會(huì)看到將語(yǔ)言環(huán)境更改為“en-US”會(huì)將十進(jìn)制表示法從逗號(hào)更改為點(diǎn)。

        7個(gè)我最常用的JavaScript實(shí)用程序函數(shù)1

          2.將 HTML 字符串轉(zhuǎn)換為 DOM 對(duì)象

          在很多情況下,你可能會(huì)收到 HTML 字符串而不是 HTML 元素。例如,當(dāng)接收來(lái)自 API 的 JSON 響應(yīng)中的 HTML 或通過 Nunjucks 之類的模板解析器呈現(xiàn)模板時(shí)。

          你可以通過 innerHTML 屬性將此 HTML 字符串直接注入到 dom 中,但有時(shí)你希望將此字符串轉(zhuǎn)換為 HTML 對(duì)象以進(jìn)行額外的轉(zhuǎn)換、驗(yàn)證或更具體的 DOM 注入。

          該函數(shù)接受 2 個(gè)參數(shù):

          content — 要轉(zhuǎn)換為對(duì)象的 HTML 字符串。

          selector——你想要接收的選擇器——DOMParser 對(duì)象將創(chuàng)建一個(gè)完整的 HTMLObject,包括一個(gè) 和 標(biāo)記。如果你只想要某個(gè)元素,你可以傳入選擇器,例如“section”,你將收到該元素。

        7個(gè)我最常用的JavaScript實(shí)用程序函數(shù)2

          3.去抖

          在 JavaScript 中,debounce 函數(shù)將確保你的函數(shù)只會(huì)在每次用戶輸入時(shí)觸發(fā)一次,或者在等待參數(shù)中指定的時(shí)間段內(nèi)至少觸發(fā)一次。

          例如,假設(shè)我們想根據(jù)搜索查詢向用戶顯示建議,我們可以在用戶輸入時(shí)顯示建議并在輸入每個(gè)字母后刷新,但這可能會(huì)讓用戶感到煩惱。通常在輸入一個(gè)鍵后等待至少 300 毫秒以顯示建議以確保用戶完成輸入。

          這個(gè)函數(shù)有 3 個(gè)參數(shù):

          fn - 要執(zhí)行的函數(shù)。

          wait — 函數(shù)執(zhí)行前的等待時(shí)間。

          immediate — 一個(gè)布爾值,指示第一次調(diào)用函數(shù)時(shí)是否應(yīng)立即調(diào)用。

        7個(gè)我最常用的JavaScript實(shí)用程序函數(shù)3

          4.日期驗(yàn)證

          有時(shí),你從代碼、用戶輸入或 API 中的某處收到日期字符串,你將其轉(zhuǎn)換為日期對(duì)象并嘗試編輯或顯示日期并收到日期無(wú)效的錯(cuò)誤。

          使用這個(gè)簡(jiǎn)單的實(shí)用方法,你可以驗(yàn)證新構(gòu)建的日期對(duì)象是否實(shí)際上是有效的日期對(duì)象。

        7個(gè)我最常用的JavaScript實(shí)用程序函數(shù)4

          5.將 FormData 轉(zhuǎn)換為 JSON

          創(chuàng)建 FormData 對(duì)象時(shí),有時(shí)將其轉(zhuǎn)換為類似 JSON 的對(duì)象很有用。例如,當(dāng)你向其發(fā)布數(shù)據(jù)的 API 只接受 JSON 請(qǐng)求時(shí),它不接受任何內(nèi)容。

          在大多數(shù)情況下,一個(gè) FormData 對(duì)象可以很容易地映射到一個(gè)對(duì)象,但是在處理多選復(fù)選框時(shí),事情會(huì)變得混亂。由于每個(gè)復(fù)選框都具有相同的名稱,因此對(duì)象的鍵值對(duì)將相互覆蓋。

          這個(gè)簡(jiǎn)單的實(shí)用方法為FormData 轉(zhuǎn)換為一個(gè)對(duì)象,并確保將多選值映射到一個(gè)數(shù)組,而不是每次都覆蓋該值。

        7個(gè)我最常用的JavaScript實(shí)用程序函數(shù)5

          6.衡量一個(gè)函數(shù)的性能

          有時(shí)你想知道你的應(yīng)用程序的哪一部分正在減慢你的網(wǎng)站速度,調(diào)試函數(shù)的執(zhí)行時(shí)間很有用。

          幸運(yùn)的是,瀏覽器提供了本地支持來(lái)幫助你計(jì)算這一點(diǎn)。但不是將這些控制臺(tái)方法添加到每個(gè)函數(shù)中,而是每次都想測(cè)試,你可以簡(jiǎn)單地調(diào)用這個(gè)有用的實(shí)用程序方法。

          此函數(shù)需要 2 個(gè)或更多參數(shù):

          name — 標(biāo)簽的名稱顯示在控制臺(tái)中。

          fn - 您要衡量其性能的函數(shù)。

          任何附加參數(shù)——你正在調(diào)用的函數(shù)的參數(shù)。

        7個(gè)我最常用的JavaScript實(shí)用程序函數(shù)6

          7.從數(shù)組中刪除重復(fù)項(xiàng)

          我經(jīng)常發(fā)現(xiàn)自己需要從數(shù)組中刪除可能的重復(fù)項(xiàng)。此方法只是在將數(shù)組轉(zhuǎn)換為 Set 并返回后返回一個(gè)新數(shù)組。

          集合是一個(gè)簡(jiǎn)單的對(duì)象,它存儲(chǔ)只能出現(xiàn)一次的值,使其成為對(duì)數(shù)組進(jìn)行重復(fù)數(shù)據(jù)刪除的簡(jiǎn)單方法。

        7個(gè)我最常用的JavaScript實(shí)用程序函數(shù)7

        tags:
        聲明:本站稿件版權(quán)均屬千鋒教育所有,未經(jīng)許可不得擅自轉(zhuǎn)載。
        10年以上業(yè)內(nèi)強(qiáng)師集結(jié),手把手帶你蛻變精英
        請(qǐng)您保持通訊暢通,專屬學(xué)習(xí)老師24小時(shí)內(nèi)將與您1V1溝通
        免費(fèi)領(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
        什么是域控制器?

        一、域控制器的定義域控制器是指在Windows Server操作系統(tǒng)中部署Active Directory服務(wù)的服務(wù)器。Active Directory是微軟公司開發(fā)的目錄服務(wù),用...詳情>>

        2023-10-15 00:10:28
        深度學(xué)習(xí)模型權(quán)重h5、weights、ckpt、pth有什么區(qū)別?

        1.來(lái)源框架不同h5格式通常用于Keras和TensorFlow框架,weights用于Darknet框架,ckpt是TensorFlow框架的一種格式,而pth則主要用于PyTorch框架...詳情>>

        2023-10-15 00:05:17
        大數(shù)據(jù)測(cè)試工程師需要具備哪些技能?

        一、理解大數(shù)據(jù)概念大數(shù)據(jù)測(cè)試工程師需要理解大數(shù)據(jù)的基本概念和原理,如分布式存儲(chǔ)、MapReduce、實(shí)時(shí)計(jì)算等。他們還需要了解如何處理大規(guī)模的...詳情>>

        2023-10-14 23:43:03
        為什么SpringBoot的 jar 可以直接運(yùn)行?

        一、JAR文件的結(jié)構(gòu)與執(zhí)行方式Spring Boot的JAR包是Java Archive的縮寫,它是一種壓縮文件格式,可以將Java項(xiàng)目的類文件、資源文件以及依賴庫(kù)等...詳情>>

        2023-10-14 23:01:49
        站群服務(wù)器是什么?

        站群服務(wù)器的含義與用途站群服務(wù)器主要用于支持站群,即由一組相互鏈接的網(wǎng)站組成的群體。這些網(wǎng)站通常由同一組織或個(gè)人擁有,并且經(jīng)常會(huì)互相鏈...詳情>>

        2023-10-14 22:46:12
        快速通道
        苗栗市| 和顺县| 安仁县| 顺平县| 阳城县| 长沙县| 石屏县| 武平县| 景宁| 循化| 壶关县| 凤庆县| 嘉善县| 赣榆县| 隆德县| 固始县| 神农架林区| 临漳县| 囊谦县| 鄄城县| 洛扎县| 南雄市| 姚安县| 佳木斯市| 邢台县| 丰都县| 泰安市| 郴州市| 武胜县| 江门市| 宜兰县| 深水埗区| 江门市| 莱芜市| 即墨市| 托克逊县| 黄骅市| 富民县| 祥云县| 镇康县| 刚察县|