jQuery WEUI
依賴說明
jQuery WeUI 依賴?weui.css?和?jQuery,但是請注意要使用正確的版本。
其中 weui 的版本需要和當前的jQuery WeUI 對應,如果你不確定對應版本可以去看?更新日志?里面的說明。或者你可以直接使用此項目中的?dist/lib/weui.min.css。
jQuery 的版本請至少在?V1.7.0?以上。
當然如果你不愿意自己去找依賴文件,可以直接看下面的CDN服務。
使用CDN
推薦直接使用由?BootCDN?提供的CND服務,速度快并且很穩定:
注意,BootCDN 有一定的延遲,新版本發布后需要幾天時間才會同步。如果發現找不到最新版的CDN,請耐心等待幾天即可。
<!-- head 中 --><link rel="stylesheet" href="https://cdn.bootcss.com/weui/1.1.2/style/weui.min.css">
<link rel="stylesheet" href="https://cdn.bootcss.com/jquery-weui/1.2.0/css/jquery-weui.min.css">
<!-- body 最后 -->
<script src="https://cdn.bootcss.com/jquery/1.11.0/jquery.min.js"></script>
<script src="https://cdn.bootcss.com/jquery-weui/1.2.0/js/jquery-weui.min.js"></script>
<!-- 如果使用了某些拓展插件還需要額外的JS -->
<script src="https://cdn.bootcss.com/jquery-weui/1.2.0/js/swiper.min.js"></script>
<script src="https://cdn.bootcss.com/jquery-weui/1.2.0/js/city-picker.min.js"></script>
BootCDN 還提供了各個不同的版本,具體請參閱?jQuery WeUI
BootCDN 是同步?CDNJS?的,jQuery WeUI 在 CDNJS 的地址是:https://cdnjs.com/libraries/jquery-weui。因為CDNJS在國內速度比較慢不建議使用,盡量用BootCDN的服務。
BootCDN 由又拍云提供CDN服務支持,感謝又拍云對開源項目的支持。
下載到本地
推薦通過npm獲取代碼:?npm install jquery-weui
如果你不會用NPM,或者不想用NPM,那么可以點擊?jQuery WeUI 下載 - build,直接下載build分支,里面全部編譯好的代碼。
注意如果你不會編譯,請不要直接下載master分支,因為在master分支只有源代碼,并沒有編譯后的代碼,編譯后的代碼在dist目錄,只有?build?分支才有這個目錄,上面的下載鏈接就是build分支的鏈接。
如果不知道 npm, gulp 怎么使用,請參閱一下鏈接:
- https://www.npmjs.com/
- http://gulpjs.com/
離線demo
在根目錄下的?demos?目錄中的文件都是?ejs?編寫的源碼,無法直接在瀏覽器中打開,需要?gulp?進行編譯后才可以打開。
如果想本地運行demo請打開?dist/demos?文件夾下編譯好的html文件。如果你找不到?dist?目錄,說明你的代碼沒有編譯,你可以執行?gulp?進行編譯,或者切換到?build?分支,里面有編譯好的全部代碼。
離線文檔
這個網站實際是部署在 github 上的,關于網站是如何部署的可以參閱?github pages。因為 GFW 的原因,國內有可能訪問緩慢或者無法打開,遇到這種情況最好學會科學上網。
文檔全部是用?jekyll?編寫的,源碼全部在?gh-pages?分支上。如果你希望本地運行文檔,只要學會如何使用 jekyll 即可。
另外到目前為止我是沒有放任何廣告的,但是由于github pages自定義域名的時候暫時無法使用 https,所以和可能會被運營商劫持插入廣告。遇到有廣告彈出的情況可以打運營商的電話投訴,或者直接向工信部投訴。
定制模塊
如果你想試用還未發布的最新版本或者想定制組件,建議自行clone并編譯代碼?jQuery WeUI.
本項目使用 Gulp 編譯,你可以修改gulp.js?以及?src/less/jquery-weui.less?來去掉不需要的模塊,但是請注意有些模塊是有依賴關系的(目前并沒有任何地方聲明這些依賴,你需要自己去看源碼決定)。
注意其中的?master?分支并不包含?dist?目錄。如果你不會編譯,可以直接切換到?build?分支,其中的?dist?目錄下就是全部編譯好的代碼。
總結
以上是生活随笔為你收集整理的jQuery WEUI的全部內容,希望文章能夠幫你解決所遇到的問題。
- 上一篇: React开发(220):缺少form.
- 下一篇: [react] 请说说什么是useRef