當前位置:網站首頁>微信小程序中使用第三方庫的方法
微信小程序中使用第三方庫的方法
2022-01-28 01:43:37 【gxhlh】
最近在做一個小程序項目,想在小程序中使用dayjs
,所以需要在小程序中引入第三方庫(被自己蠢哭了,記錄一下)
1、無法通過 <script>
標簽引入
小程序和網頁開發都依賴 javascript,但是所用的 javascript 有所不同,因為小程序沒有 DOM 和 BOM 對象所以,前端開發非常熟悉的一些庫,例如 jQuery、 Zepto 等,在小程序中是無法運行的。因為小程序的框架和 NPM 與 Native 的不同,一些 NPM 的包在小程序中也是無法運行的。
小程序的主要開發語言是 JavaScript
網頁開發渲染線程和脚本線程是互斥的,這也是為什麼長時間的脚本運行可能會導致頁面失去響應,
而在小程序中,二者是分開的,分別運行在不同的線程中。
網頁開發者可以使用到各種瀏覽器暴露出來的 DOM API,進行 DOM 選中和操作。而如上文所述,小程序的邏輯層和渲染層是分開的,邏輯層運行在 JSCore 中,並沒有一個完整瀏覽器對象,因而缺少相關的DOM API和BOM API。
WXS(WeiXin Script)是小程序的一套脚本語言,結合 WXML,可以構建出頁面的結構。
注意
- WXS 不依賴於運行時的基礎庫版本,可以在所有版本的小程序中運行。
- WXS 與 JavaScript 是不同的語言,有自己的語法,並不和 JavaScript 一致。
- WXS 的運行環境和其他 JavaScript 代碼是隔離的,WXS 中不能調用其他 JavaScript 文件中定義的函數,也不能調用小程序提供的API。
- WXS 函數不能作為組件的事件回調。
- 由於運行環境的差异,在 iOS 設備上小程序內的 WXS 會比 JavaScript 代碼快 2 ~ 20 倍。在 android 設備上二者運行效率無差异。
- 以下是一些使用 WXS 的簡單示例,要完整了解 WXS 語法,請參考WXS 語法參考。
所以目前 wxs 還不能引入外部 js 文件
2、通過 npm 下載
Step 1:下載
npm install dayjs --save
Step 2 : 構建 npm
點擊開發者工具菜單【工具】- 【構建 NPM】
Step 3 : JS 中引入
var dayjs = require('dayjs')
然後,我們就可以用 dayjs 了
let bol=dayjs().isBefore(dayjs('2021-12-15'));
3、通過 import 導入
首先要把 dayjs 文件下載下來保存在文件中
使用時
// 在所需使用dayjs的js文件引入此文件
import dayjs from '../../lib/dayjs.min.js'
// 然後在js文件中可直接使用
this.data.showTotalTime = dayjs(bg.duration * 1000).format('mm:ss')
版權聲明
本文為[gxhlh]所創,轉載請帶上原文鏈接,感謝
https://cht.chowdera.com/2022/01/202201280143369926.html
邊欄推薦
猜你喜歡
隨機推薦
- uniapp上傳圖片及組件傳值
- 瑞利年金險資金保障安全嗎?收益高不高啊?
- 華為手機USB連不上電腦的解决方法
- Flutter 2,移動金融應用開發
- 關於st25系列NFC標簽簡單介紹及st25TV系列用於門禁讀取時的注意事項總結
- 關於用ffmpeg轉手機視頻發現視頻長寬倒了的問題
- 函數 / 類模板--模板2
- 數組中的第k個最大的元素--優先級隊列、排序、堆、排序
- 單片機實例27——ADC0809A/D轉換器基本應用技術(硬件電路圖+匯編程序+C語言程序)
- Collection集合的學習
- 一場面試結束,某度員工從事Android 5年為何還是初級工程師?
- 3本書閱讀筆記【人月神話-Go語言實戰-研發能力持續成長路線】01
- PHP垃圾回收機制
- 【電子技術】什麼是LFSR?
- 死鎖?如何定比特到死鎖?如何修複死鎖?(jps和jstack兩個工具)
- 快樂寒假 22/01/20
- image
- 噴程序員?SURE?
- LDO分壓電阻計算小工具
- 面試之求一串字符串中每個字符的出現次數
- 【ISO15765_UDS&OBD診斷】-01-概述
- 【Mysql上分之路】第九篇:Mysql存儲引擎
- RHCE 第一次作業
- 2021.10.16我的第一篇博客:一切皆有可能!
- CTA-敏感行為-讀取IMEI
- 面試被問怎麼排查平時遇到的系統CPU飆高和頻繁GC,該怎麼回答?
- nuxt項目總結-綜合
- 自然語言處理學習筆記(一)
- C語言第一課
- 各比特大佬,Spark的重點難點系列暫時更新完畢
- 基於 esbuild 的 universal bundler 設計
- XCTFre逆向(四):insanity
- 理解什麼是真正的並發數
- JVM腦圖
- 【Pytorch(四)】學習如何使用 PyTorch 讀取並處理數據集
- 函數棧幀的創建與銷毀
- 構建神經網絡- 手寫字體識別案例
- 多模態生成模型ERNIE-VILG
- kotlin不容忽視的小細節
- 備戰一年,終於斬獲騰訊T3,我堅信成功是可以複制的