欧美bbbwbbbw肥妇,免费乱码人妻系列日韩,一级黄片

electron中使用bootstrap的示例代碼

 更新時(shí)間：2018年11月06日 14:10:37   作者：tywali  
這篇文章主要介紹了electron中使用bootstrap的示例代碼，小編覺(jué)得挺不錯(cuò)的，現(xiàn)在分享給大家，也給大家做個(gè)參考。一起跟隨小編過(guò)來(lái)看看吧

安裝

安裝bootstrap命令如下：

npm install bootstrap --save

安裝后可能報(bào)告如下錯(cuò)誤：

npm WARN bootstrap@4.1.3 requires a peer of popper.js@^1.14.3 but none is installed. You must install peer dependencies yourself. 

需要自行安裝popper，命令如下：

npm install popper.js@^1.14.3 --save

頁(yè)面引入bootstrap

頁(yè)面引入bootstrap的css和js文件如下：

<!DOCTYPE html>
<html lang="en">
<head>
  <meta charset="UTF-8">
  <title>Title</title>
  <link href="./node_modules/bootstrap/dist/css/bootstrap.min.css" rel="external nofollow" rel="stylesheet"/>
</head>
<body>
Hello electron!
<div>
  <button id="openFile" class="btn btn-success">Open File</button>
  <button id="sendMsg" class="btn btn-warning">Send Message (Open File)</button>
</div>
<script>
  window.$ = window.jQuery = require('./node_modules/jquery/dist/jquery.min.js');
  require('./node_modules/bootstrap/dist/js/bootstrap.min.js');
</script>

注：網(wǎng)上有的例子中，引入bootstrap.min.css是用傳統(tǒng)方式引入，即：

<link rel="stylesheet"  rel="external nofollow" >

這種方式太搞笑了吧，明明已經(jīng)在本地裝好了全套的bootstrap，偏偏CSS還要用網(wǎng)絡(luò)方式引入，又浪費(fèi)流量，速度又慢，真是不知道想出這種方式的人是怎么想的。

補(bǔ)充：在electron中使用bootstrap時(shí)，雖然在引用bootstrap之前引用了jQuery，但是依然出現(xiàn)錯(cuò)誤：

Uncaught error: bootstrap's javascript requires jquery

解決方法：不使用script標(biāo)簽加載jQuery，而是使用下面的方法加載：

window.$ = window.jQuery = require('/path/to/jquery');

以上就是本文的全部?jī)?nèi)容，希望對(duì)大家的學(xué)習(xí)有所幫助，也希望大家多多支持腳本之家。

相關(guān)文章

  • Bootstrap Table使用整理(二)

    Bootstrap Table使用整理(二)

    這篇文章主要介紹了Bootstrap Table使用整理(二)的相關(guān)資料,需要的朋友可以參考下
    2017-06-06
  • 微信小程序?qū)崿F(xiàn)自動(dòng)定位功能

    微信小程序?qū)崿F(xiàn)自動(dòng)定位功能

    這篇文章主要為大家詳細(xì)介紹了微信小程序?qū)崿F(xiàn)自動(dòng)定位功能，具有一定的參考價(jià)值，感興趣的小伙伴們可以參考一下
    2018-10-10
  • Vue.js實(shí)現(xiàn)頁(yè)面后退時(shí)還原滾動(dòng)位置的操作方法

    Vue.js實(shí)現(xiàn)頁(yè)面后退時(shí)還原滾動(dòng)位置的操作方法

    Vuet看起來(lái)也不是很復(fù)雜，只需要定義好模塊狀態(tài)，然后在組件中設(shè)置對(duì)應(yīng)的規(guī)則來(lái)更新模塊的狀態(tài)即可，這篇文章主要介紹了Vue.js實(shí)現(xiàn)頁(yè)面后退時(shí)還原滾動(dòng)位置的實(shí)現(xiàn)方法,需要的朋友可以參考下
    2022-07-07
  • js生成二維碼的示例代碼

    js生成二維碼的示例代碼

    這篇文章主要介紹了js生成二維碼的示例代碼,本文給大家介紹的非常詳細(xì)，對(duì)大家的學(xué)習(xí)或工作具有一定的參考借鑒價(jià)值，需要的朋友可以參考下
    2021-03-03
  • JavaScript函數(shù)中的this四種綁定形式

    JavaScript函數(shù)中的this四種綁定形式

    javascript中的this和函數(shù)息息相關(guān)，所以今天，我就給大家詳細(xì)地講述一番：javascript函數(shù)中的this ,需要的朋友可以參考下
    2017-08-08
  • 理解Javascript_01_理解內(nèi)存分配原理分析

    理解Javascript_01_理解內(nèi)存分配原理分析

    在正式開(kāi)始之前，我想先說(shuō)兩句，理解javascript系列博文是通過(guò)帶領(lǐng)大家分析javascript執(zhí)行時(shí)的內(nèi)存分配情況，來(lái)解釋javascript原理，具體會(huì)涵蓋javascript預(yù)加載，閉包原理，面象對(duì)象，執(zhí)行模型，對(duì)象模型...,文章的視角很特別，也非常深入，希望大家能接受這種形式，并提供寶貴意見(jiàn)。
    2010-10-10
  • 深度解析JavaScript中的filter()方法

    深度解析JavaScript中的filter()方法

    在JavaScript中,filter()是一個(gè)數(shù)組方法,用于從數(shù)組中過(guò)濾出符合特定條件的元素,并返回一個(gè)新數(shù)組,本文將帶大家深度解析JavaScript中的filter()方法,需要的朋友可以參考下
    2023-09-09
  • JS中類的靜態(tài)方法，靜態(tài)變量，實(shí)例方法，實(shí)例變量區(qū)別與用法實(shí)例分析

    JS中類的靜態(tài)方法，靜態(tài)變量，實(shí)例方法，實(shí)例變量區(qū)別與用法實(shí)例分析

    這篇文章主要介紹了JS中類的靜態(tài)方法，靜態(tài)變量，實(shí)例方法，實(shí)例變量區(qū)別與用法,結(jié)合實(shí)例形式詳細(xì)分析了JS中類的靜態(tài)方法，靜態(tài)變量，實(shí)例方法，實(shí)例變量相關(guān)功能、使用方法及操作注意事項(xiàng),需要的朋友可以參考下
    2020-03-03
  • 小程序?qū)崿F(xiàn)左滑刪除的效果的實(shí)例代碼

    小程序?qū)崿F(xiàn)左滑刪除的效果的實(shí)例代碼

    這篇文章主要介紹了小程序?qū)崿F(xiàn)左滑刪除的效果,本文通過(guò)實(shí)例代碼給大家介紹的非常詳細(xì)，對(duì)大家的學(xué)習(xí)或工作具有一定的參考借鑒價(jià)值，需要的朋友可以參考下
    2020-10-10
  • javascript 支持ie和firefox杰奇翻頁(yè)函數(shù)

    javascript 支持ie和firefox杰奇翻頁(yè)函數(shù)

    杰奇小說(shuō)系統(tǒng)用到的翻頁(yè)函數(shù)，支持firefox，官方自帶的模板不支持，這樣大家就可以用firefox瀏覽網(wǎng)頁(yè)了，在網(wǎng)頁(yè)木馬橫行的今天，firefox比ie要安全不少
    2008-07-07

最新評(píng)論