原创 css3-Loading加載動態效果及@keyframes用法

有時候,我們想要一個有關 加載 的旋轉動態效果,插件沒有自己滿意的,那麼下面介紹一個可以自己修改顏色,大小的方法。 html部分: <div class="courseDetailMore" style="padding-bottom:

原创 小程序怎麼接入直播功能,微信小程序直播功能如何實現

蘑菇街通過直播商城帶來了的數據,給許多電商及其其他行業帶來了許多生機,那麼到底小程序要怎麼接入直播功能,小程序直播功能要如何實現。 小程序直播功能的開放,其實就是微信官方允許第三方直播平臺可以直接接入微信,以小程序的形式出現,大家可以在微

原创 小程序裏頁面後退怎麼刷新頁面

開發小程序,遇到一個問題:我要去打開A頁面,但如果沒有登錄,就會跳轉到B頁面。登錄成功之後再次返回A頁面,但是A頁面沒有刷新渲染頁面。 即後退刷新頁面。 剛開始以爲是書寫順序,檢查好幾遍發現不是,根本原因是頁面在返回之後沒有刷新。那麼怎麼

原创 微信小程序解析富文本的幾種方法

工作中有遇到過在小程序中需要解析後臺管理系統設置的富文本內容, 一,可以使用wxParse插件解析html 使用方法 1.在github中下載 下載地址  https://github.com/icindy/wxParse/tree/ma

原创 微信小程序中遍歷---對象

最近在折騰微信小程序,遇到這麼一個情況:後端返回一個key-value的對象數據,需要遍歷對象的key-value,然後渲染到視圖中。就像下面這樣: { '2018-1-9':{ address: '....',

原创 微信小程序頁面跳轉傳參

在需要頁面之間傳遞多個參數的時候,需要用&鏈接起來,上一頁的正確跳轉代碼如下: var that = this; wx.navigateTo({ url: '../../pages/myListDetail/myListDetail?id

原创 微信小程序input數據綁定問題

微信小程序沒有數據綁定,input使用bindblur='事件',輸入框失去焦點時觸發,更新value <input placeholder-class="placeHolderSty" value="{{tenantInfo.mobil

原创 wx.getStorage異步和wx.getStorageSync同步區別

關於本地緩存 1.wx.setStorage(wx.setStorageSync)、wx.getStorage(wx.getStorageSync)、wx.clearStorage(wx.clearStorageSync) 可以對本地緩存

原创 微信小程序定義和調用全局變量globalData

如下:在全局文件app.js中定義全局變量,在子頁面phone.js中獲取 1.現在app.js裏面定義globalData對應的全局變量   2.然後在其他js文件進行調用。例如在photo.js裏面 ps: 要注意的是需要在文件

原创 redirectTo、navigateTo與switchTap區別

redirectTo:關閉當前頁,跳轉到指定頁;  navigateTo:保留當前頁,跳轉到指定頁;  switchTap:只能用於跳轉到tabbar頁面,並關閉其他非tabbar頁面。

原创 微信小程序(十)_wxss與css

WXSS(WeiXin Style Sheets)是一套樣式語言,用於描述 WXML 的組件樣式。 WXSS 用來決定 WXML 的組件應該怎麼顯示。 爲了適應廣大的前端開發者,WXSS 具有 CSS 大部分特性。同時爲了更適合開發微信小

原创 微信小程序背景圖片不顯示

    1.寫在 wxss 中的background-image 不顯示。     2.<navigator url='' style='background-image:url(../../images/bj.png);backgrou

原创 animate   動畫( 類似輪播圖 )

之前用animate動畫都是寫一寫樣式,要不連續讓圖片旋轉,要不就是hover時,讓元素從邊緣緩慢飄到中央。 今天,寫一個讓類似輪播圖上下翻轉的樣式。 頁面代碼: <!-- danmu --> <div class="danmu

原创 checkbox全選反選

checkbox全選反選; 點擊子選框,全選不選中; 子選框全選中,全選選中。 頁面結構: <!-- 購物列表 --> <div class="shoppingList"> <ul>

原创 微信小程序(八)_事件處理

界面與邏輯層交互,第一:從邏輯層往界面層暴露數據;第二:界面層需要有一些行爲用邏輯層處理,就用到事件機制。 事件機制,在html中的事件機制是一樣的,只是在小程序中有一些微小的變化。   小程序事件處理,通過標籤的屬性,指定事件處理的函數