微信小程式的學習與坑的記錄。
宣告
官方的api文件很全面,這裡只是簡單記錄。具體的請檢視官方api.
使用
微信小程式,快應用等都是為了方便,輕量級。
- 一,註冊微信小程式開發者,下載開發工具(同時需在電腦安裝node.js,否則提供的雲開發部分功能不可用)
- 二,就是看基礎的文件。
- 三,四個基本檔案型別{json(引數資料配置),wxml(佈局檔案),wxss(css樣式),js(邏輯處理)}
- 四,引數樣式配置跟其他的大同小異,子檔案中的.json .css.js覆蓋父類的 優先順序 子-》父-》根
結尾
寫著寫著發現沒有官方api寫的好,md,看文件吧。以後拿這個記錄遇到的坑吧。
第一坑(could not fond ‘wx-server-sdk’)
安裝node.js ,把對應的函式部署到雲平臺即可。
相關推薦
微信小程式新手踩坑記錄(2)
此文用來記錄一個程式渣學習小程式的踩坑路程。 話不多說,開始記錄! ---------------------------------------------------------分割線----------------------------------------
【微信小程式學習筆記】1:開發一個帶歷史記錄功能的四則計算器
端午CSDN學院促銷,買了微信小程式開發實戰跟著學習一下。 混合模式移動應用 微信小程式是一種Hybrid-App(混合模式移動應用),它是介於Native-App和Web-App之間的,更接近前者,但開發成本小很多。 基本結構 pages目錄:其內的
微信小程式學習筆記(3)-全域性的樣式(app.wxss)與通用佈局
全域性的樣式(app.wxss)與通用佈局 在小程式開發的時候,大多時候,頁面的佈局都是基本相同的。因此,頁面佈局也就形成了固定的套路。常見的佈局及全域性樣式如下: index.wxml檔案 &l
【微信小程式遇到的坑】使用webSocket實現聊天功能 (支援圖片預覽 + 語音 + 檢視歷史聊天記錄 附完整程式碼)
在一般web服務中,大多使用短連線來向伺服器請求資源,與伺服器的互動頻率低,次數少。而在一些需要與伺服器互動頻繁,需要及時收到伺服器推送的場景,比如直播、聊天、多人實時遊戲,更適合使用 webSocket 進行通訊。 長連的生命週期介紹 webSocket的生命週期一共有
微信小程式實現與後臺PHP互動
微信小程式實現與後臺PHP互動 接下來將講後臺如何與前臺進行資料及圖片之間的互動,相信這一點是很多人所關注的,因為當時我實在團隊中負責後臺開發,因此對前端不是特別瞭解,這裡我會貼出前端開發時的部分程式碼截圖,微信小程式的官方api介紹地址是: https://mp.weix
做微信小程式的不完全記錄
JSON篇 1、JSON是不支援備註的 如果備註了會報錯 2、當你想要執行時首先看到哪個介面就把那個介面換到pages的第一行 WXML篇 1、1幾個在頁面中不會被渲染的標籤 navigator block 2、text支援巢狀,例: <view class='colnumy-3'
devopen.club微信小程式學習筆記
同一個使用者 進入不同的小程式 所產生的openid是不一樣的 是使用者的唯一標識 同一個使用者關注了不同的公眾號(小程式),同一個使用者對應一個unionid 如果用迴圈的話 就用block標籤 會迴圈裡面的標籤 不會出現重複多餘的標籤 如果用view就會每層外面
初嘗微信小程式開發與實踐
以後端程式設計師的視角來聊一聊小程式。 小程式的火熱相信不用我多說了,年初的時候老婆去浦東某達面試,甚至都被問有沒有小程式測試經驗。儼然小程式成為了網際網路公司自PC,WAP,安卓,IOS之後又一不可或缺的入口。正好這段時間公司也在做一款小程式,於是順便也學習了一把。當然因為我是一個後端猿,自然
微信小程式之踩坑textarea 元件的 bug
微信小程式公測也有段時間了,但是裡面的坑踩了一個又一個,心也是夠累的。本文說說關於 textarea 元件的 bug。(注:本文提及的 bug,至少在 2016-12-1日還存在) 上一篇:微信小程式之踩坑之旅一,wx.request 和 wx.uploadFile 測試時使用到:
【微信小程式學習之路】----使用globalData函式設定全域性變數
我們在app.js中設定需要的全域性變數的引數,比如公司名稱等 //app.js App({ globalData: { title: 'tomatocc' } }) 然後我們就可以在某個頁面的js檔案中(比如index.js)的data數組裡面去直
【微信小程式學習之路】----使用template模板所遇到的問題
官方文件的demo過於簡單,本人嘗試幾次也沒有弄懂,找了幾個demo後才漸漸瞭解清楚小程式的模板是怎麼玩的。並且展示一個簡單的demo 首先來看我們的專案結構:主要用到index.js,index.wxml,temp.js,temp.wxml 首先,我
解決微信小程式登入與釋出的一些問題
解決微信小程式的問題 圖片在電腦上顯示但在手機上卻無法顯示的問題 要使用的是本地圖片,不想把圖片上傳到網路再通過https的方式解決,解決方法如下: 1.image src中的圖片地址對英文字母大小寫敏感,必須確認大小寫對得上; 2.圖片大小問題。本地圖片要小於10KB才能順利在真機上顯示。 為什麼
微信小程式入門與實戰 常用元件 API 開發技巧 專案實戰
開始就以專案為出發點,不會講一大堆枯燥的語法再補充兩個案例了事,將帶你快速熟悉小程式基礎知識,然後直接進入實戰開發環節,將小程式的知識點貫穿在整個專案中 課程不僅僅講解小程式開發,更會通過實際的編碼來
微信小程式——學習筆記(三)檢視層(1)
WXS—(WeiXin Script)是小程式特有的一套指令碼語言。wxs有自己的語法,今天就學習一下wxs的語法。 1) wxs程式碼可以編寫在wxml檔案中的<wxs>標籤內,或者是XXX.wxs的檔案內。不管是標籤還是檔案都是一個單獨的模組。 2) 每個模組裡面定義的變數與函式
微信小程式——學習筆記(二):邏輯層(1)
邏輯層將資料進行處理後傳送給檢視層,同時接受檢視層的事件反饋。 用App()函式註冊一個小程式。 當小程式初始化完成時,會觸發 onLaunch(全域性只觸發一次) 當小程式啟動,或從後臺進入前臺顯示,會觸發 onShow 當小程式從前臺進入後臺,會觸發 onHide 當小程式發生指令碼錯
微信小程式——學習筆記(一):json
json配置檔案—— 1> app.json:作用於整個小程式全域性配置 頁面路徑——page(陣列[字串="路徑+檔名"]) "pages":["pages/index/index","pages/log/index"]
微信小程式學習筆記(一)之框架及工具
文章目錄 一、app.json的配置 1. 決定頁面檔案路徑 2. 配置視窗表現 3. 配置tab標籤導航 4. 設定網路超時時間 5. 配置debug模式 二、App()函式使用
微信小程式學習筆記(八)本地資料快取
上一篇:微信小程式學習筆記(七) 【將資料儲存在本地快取】wx.setStorage 【讀取本地快取】wx.getStorage 以手機號+密碼登入為例,把登入成功返回的token值儲存在本地快取中,然後讀取快取中的token: login.php: <?php
微信小程式學習(18) —— 上拉載入和下拉重新整理
在微信小程式上實現下拉重新整理、上拉載入的效果 使用系統提供的onPullDownRefresh、onReachBottom這2個事件, 前提需要在app.json或page.json配置檔案中設定,才能使用。 app.json是全應用的頁面都可以使用該事件
詳細的微信小程式學習筆記(從入門到專案)
微信小程式(1) 準備工作 1 獲取 AppID(小程式ID) 登入微信公眾平臺,新建一個郵箱,避免舊有的郵箱有註冊過公眾號等.無法獲取. 進行小程式的註冊. 選擇個人, 然後填寫資訊.進行登入之後, 在首頁, 設定中. 然後點選開發設定 進行獲取