Bootstrap本機：使用無jQuery的bootstrap組件

>本文探討了Bootstrap Native，該項目旨在用Bootstrap的JavaScript組件中的JQuery用普通JavaScript替換JQuery。 讓我們深入研究它的利益，用法和限制。

Bootstrap本機的

鍵優點：

>

• 增強性能：普通的JavaScript通常優於jQuery，導致更快的執行和更響應的用戶體驗。
• 減少文件大小： bootstrap天然大大降低了整體JavaScript足跡。 一個比較表明，帶有jQuery的自舉範圍從36.5kb到50kb（縮小和GZPIESP），而Bootstrap天然（包括Polyfills）範圍從8.9kb到19.9kb。這個較小的尺寸有助於更快的頁面加載時間。
簡化的開發：
• 通過消除jQuery，開髮變得更加干淨並且可能更易於管理。 >

>瀏覽器的兼容性和多填充：

> Bootstrap Native擁有廣泛的瀏覽器支持，包括通過多填充實現的舊版本，包括IE8等舊版本。 有兩個選項：polyfill.io（提供瀏覽器特異性多填充的服務）和minifill（輕巧的自定義polyfill）。 實現：

>集成引導本機很簡單。 用Bootstrap Native的

替換標準的Bootstrap JavaScript文件（可通過cdn或local Download獲得），並在> e節中包含所選的polyfill（如果需要）。 >

限制：bootstrap-native-v4.min.js Bootstrap本機不是一個完整的特徵端口端口。 省略了一些較少使用的功能以進行性能優化。 關鍵差異包括：

>自定義事件：

當Bootstrap廣泛使用自定義事件時，Bootstrap Native僅為旋轉木馬和按鈕組件提供它們。 但是，您可以使用

api。

> programmatic api：>
• >其他較小的差異：在其他組件中存在微妙的變化；例如，下拉菜單的行為略有不同。 > CustomEvent
結論：
• Bootstrap Native為開發人員提供了優先級的性能並更喜歡簡單的JavaScript的開發人員提供了令人信服的替代方案。雖然它並不完美地鏡像Bootstrap的jQuery版本，但其優點通常超過了較小的功能差異。 該項目的積極發展和反應迅速的社區支持進一步增強其吸引力。 在將其整合到下一個項目中之前，請仔細考慮其優勢和局限性。
  常見問題（常見問題解答）：

  >

  >使用bootstrap而無需jQuery的好處：
  • 提高性能，較小的文件大小，簡化的項目結構以及使用現代JavaScript功能的能力。 >如何使用jQuery的情況下使用bootstrap：
  使用bootstrap本機。
  • >>使用bootstrap沒有jQuery的限制：>並非所有的引導組件都支持，並且某些功能的功能可能會略有不同。 與現有項目的兼容性：
  >
  • 可能需要修改代碼。
  >瀏覽器的兼容性：
  • 支持大多數現代瀏覽器，但不支持Internet Explorer（沒有polyfills）。 與其他JavaScript庫一起使用> 可能需要調整的兼容性調整。
  > 為項目做出貢獻：
  • > 項目是開源的；通過github貢獻。
  • 學習資源：請諮詢Bootstrap本地文檔和在線教程。
  >
  • >最佳實踐：>維護乾淨的代碼，跨瀏覽器進行徹底測試，並使用最新版本進行更新。
  • 此修訂後的輸出在使用同義詞和重組段落的同時保持原始含義，以提高流量和可讀性。 該圖像保持其原始格式和位置。 >

以上是Bootstrap本機：使用無jQuery的bootstrap組件的詳細內容。更多資訊請關注PHP中文網其他相關文章！