原创 微信小程序 -- checkbox默認選中已有值。

在小程序官網例子中,列表需要多一個參數checked用於控制checkbox的選中(看如下截圖)。這樣子的話,在項目中,需要對數據列表進行處理,對每條數據都添加一個參數checked,會比較麻煩。因此,爲了避免這個問題,我藉助了wxs模塊

原创 微信小程序 -- 小程序開發、上傳代碼、提交審覈以及要注意的細節

1. 小程序開發 1.1 新建項目/導入項目 打開微信開發者工具,右上角:項目 -- 新建項目,彈出框填寫內容,AppID爲註冊的小程序appId,如果還沒註冊小程序,可以去“註冊”,或者選擇“測試號”。 如果已有項目,則只需要導入,右

原创 微信小程序 -- 項目中會用到的,如預覽圖片、文件上傳到後臺實時進度、微信掃一掃、複製文字

1. 預覽圖片 var url = [ 'https://img1.gtimg.com/10/1048/104857/10485731_980x1200_0.jpg', 'https://img1.gtimg.

原创 微信小程序 -- wxs模塊:實現類似於vue中的filter過濾器功能

一. vue過濾器 在vue中,我們知道有個filter過濾器可以對頁面數據進行過濾。 如下,先把方法都統一寫在一個filters.js文件中,然後在main.js中循環定義全局的過濾器。 filters.js //格式化價格 expo

原创 微信小程序 -- canvas:實現圓形進度條

先放效果圖,如下: 1. wxml文件代碼如下 對於圓形進度條中間的文字,如果是簡單的,可以用它自帶的屬性去填充。 比較複雜的,就可以像下面,通過樣式將文字定位到圓形進度條中間合適位置。 <view class='circlePage'

原创 Vue -- vue問題記錄

1.路徑:config/index.js,proxyTable裏的參數"changeOrigin" 在proxyTable中有個參數是changeOrigin,如果設置爲true,那麼本地會虛擬一個服務端接收你的請求並代你發送該請求,這樣

原创 前端實現ppt、word、xls、視頻等文件在線預覽

項目需求,上傳的文件能夠預覽。         對於word、ppt文件可以通過調用微軟的在線預覽功能實現:http://view.officeapps.live.com/op/view.aspx?src=文件路徑。而這個“文件路徑”必須

原创 微信小程序 -- 語音合成:將文字轉爲語音(插件:微信同聲傳譯)

直接上手吧。 1. 小程序後臺添加插件:微信同聲傳譯以及在app.json進行配置 具體可看另外一篇博客:https://blog.csdn.net/qq_41638795/article/details/98080498 2. 代碼實現

原创 微信小程序 -- 開發遇到的坑(一)重要

最近參與的微信小程序開發中,遇到了一些問題,記錄一下。 1.cover-view 不支持阿里巴巴矢量圖標。 如果需要使用到圖標,可以選擇下載爲png格式圖片,然後使用cover-image引入。 2. map標籤裏包裹的多個cover-v

原创 Vue/微信小程序 -- 引入騰訊視頻

做項目時有個需求,就是播放騰訊視頻,直接給的播放鏈接,比如:https://v.qq.com/x/page/b0136et5ztz.html (該鏈接是網上找的)。最初的做法,就是用vue開發h5頁面實現播放騰訊視頻,然後嵌入到小程序中。

原创 啓動tomcat服務,運行web項目

1.啓動tomcat服務 安裝目錄下:tomcat/bin,如下,雙擊"Tomcat9.exe" 彈出窗口,不要關掉 瀏覽器打開:http://localhost:8080/  如下頁面代表啓動成功 2.運行web項目 把web項

原创 微信小程序 -- 解決MapContext.getCenterLocation(Object object)沒有執行回調問題

今天試了MapContext.getCenterLocation(Object object),並沒有執行成功success/失敗fail的回調,很奇怪,之前用過,同樣的代碼複製過來就不生效了。   this.mapCtx = wx.c

原创 Vue -- element UI 開發問題記錄

1.打包部署後,element UI圖標全部不顯示 報錯如下:element-icons.732389d.ttf net::ERR_ABORTED 404 (Not Found) element-icons.535877f.woff ne

原创 Vue -- 報錯:Duplicate keys detected: '892834eb-a50c-488c-83ea-cc23f05e2875'. This may cause an update

今天啓動項目,測試時,發現一個報錯:Duplicate keys detected: '892834eb-a50c-488c-83ea-cc23f05e2875'. This may cause an update。具體如下: 問題:使

原创 微信小程序 -- 訂閱消息

官方:https://developers.weixin.qq.com/miniprogram/dev/framework/open-ability/subscribe-message.html 核心代碼 wx.requestSubsc