1、微信小程序教學(xué)大綱引言:本教程適合對 web前端有所了解的同學(xué)學(xué)習(xí)，何為有所了解，我的定義就是知道什么叫網(wǎng) 頁，一張普通的網(wǎng)頁由哪些元素組成。對html超文本標(biāo)記語言有所掌握，最起碼能用記事本手寫代碼，html就像是人的骨頭，是最基本的最核心的代碼其次人有了骨頭之后，樣子太難看了，甚至有點恐怖，這時候就需要用css來渲染，css中文名叫層疊樣式表，可以這么理解，css是人的皮膚，我們可以通過 css來給html增加各種皮膚。人的輪廓和外表通過 html和css基本能描繪出來了，但是這個時候這個“人”不會動，沒 有交互效果，就是你他和交流，他不搭理你，這時候就需要JavaScript來給“人”賦

2、予動能。JavaScript就是人的血液和神經(jīng)系統(tǒng)。JavaScript是2016年最火的一門語言，以后幾年還會火下去，因為小程序?qū)⒏淖兪澜纭：昧?，通過上面的簡單介紹，我相信大家有了大概的學(xué)習(xí)方向。學(xué)習(xí)制作一款微信小程序，簡而言之，你需要掌握Html超文本標(biāo)記語言Css層疊樣式表JavaScript網(wǎng)路腳本語言第一天Html第二天Css第三天 Javascript第四天小程序框架第五天組件第六天Api第七天實戰(zhàn)Html基礎(chǔ)教程（一節(jié)課）HTML 基礎(chǔ)教程?HTML教程?HTML簡介?HTML編輯器?HTML基礎(chǔ)?HTML元素?HTML屬性?HTML標(biāo)題?HTML段落?HTML樣式HTML格式化

3、HTML弓I用HTML計算機(jī)代碼HTML注釋?HTML CSS?HTML鏈接?HTML圖像?HTML表格?HTML列表?HTML塊?HTML類?HTML布局?HTML響應(yīng)式設(shè)計?HTML框架?HTML內(nèi)聯(lián)框架?HTML背景?HTML腳本?HTML頭部?HTML實體?HTML URL?HTML URL編碼?HTML Web服務(wù)器?HTML顏色?HTML顏色名?HTML文檔類型?HTML速查手冊HTML XHTMLXHTML簡介XHTML元素XHTML屬性HTML 表單HTML表單HTML表單元素HTML輸入類型HTML輸入屬性HTML5HTML5簡介HTML5支持HTML5元素HTML5語義HT

4、ML5遷移HTML5代碼約定HTML 圖形HTML5 畫布HTML5 SVGHTML5 畫布 vs SVGHTML 媒體HTML媒體HTML對象HTML音頻HTML視頻CSSCss基礎(chǔ)教程（一節(jié)課）基礎(chǔ)教程CSS教程CSS簡介CSS基礎(chǔ)語法CSS高級語法CSS派生選擇器CSS id 選擇器CSS類選擇器CSS屬性選擇器CSS創(chuàng)建CSS樣式?CSS背景?CSS文本?CSS字體?CSS鏈接?CSS列表?CSS表格?CSS輪廓CSS框模型?CSS框模型概述?CSS內(nèi)邊距?CSS邊框?CSS外邊距?CSS外邊距合并CSS定位?CSS定位概述?CSS相對定位?CSS絕對定位?CSS浮動CSS選擇器?CS

5、S元素選擇器?CSS選擇器分組?CSS類選擇器詳解?CSS ID選擇器詳解?CSS屬性選擇器詳解?CSS后代選擇器?CSS子元素選擇器?CSS相鄰兄弟選擇器?CSS偽類?CSS偽元素CSS高級?CSS對齊1?CSS尺寸?CSS分類?CSS導(dǎo)航欄?CSS圖片庫?CSS圖片透明?CSS媒介類型?CSS注意事項?CSS總結(jié)JavaScript基礎(chǔ)教程（一節(jié)課）JS教程?JS教程?JS簡介?JS實現(xiàn)?JS輸出?JS語句?JS注釋JS變量JS數(shù)據(jù)類型JS對象JS函數(shù)JS運算符JS比較JS If.ElseJS SwitchJS ForJS WhileJS BreakJS錯誤JS驗證JS HTML DOMD

6、OM簡介DOM HTMLDOM CSSDOM事件DOM節(jié)點JS對象JS對象JS數(shù)字JS字符串JS日期JS數(shù)組JS邏輯JS算數(shù)JS正則表達(dá)式微信小程序框架簡易教程（一節(jié)課）目錄結(jié)構(gòu)配置邏輯層?注冊程序? 注冊頁面?模塊化? API視圖層? WXML? 數(shù)據(jù)綁定? 條件渲染? 列表渲染? 模板? 事件? 引用WXSS組件微信小程序組件簡易教程（一節(jié)課）1) 視圖容器view2) scroll-view3) swiper基礎(chǔ)內(nèi)容4) icon5) text6) progress表單組件7)button8)checkbox9)form10)input |11)label12)picker |13)ra

7、dio14)slider15)switch操作反饋16)action-sheet17)modal18)toast19)loading導(dǎo)航20)navigator |媒體組件21)audio22)23)imagevideo地圖24)map畫布25)canvas微信小程序api基礎(chǔ)教程網(wǎng)絡(luò)發(fā)起請求上傳、下載26) wx.uploadFile27) wx.downloadFileWebSocket28) wx.connectSocket|29) wx.onSocketOpen30) wx.onSocketError31) wx.sendSocketMessage32) wx.onSocketMess

8、age33) wx.closeSocket34) wx.onSocketClose媒體圖片35) wx.chooseImage36) wx.previewImage錄音37) wx.startRecord38) wx.stopRecord音頻播放控制39)40)41)wx.playVoice wx.pauseVoice wx.stopVoice音樂播放控制42)43)44)45)46)47)48)49)50)51)文件視頻數(shù)據(jù)wx.getBackgroundAudioPlayerState wx.playBackgroundAudio wx.pauseBackgroundAudio wx.seekBackgroundAudio wx.stopBackgroundAudio wx.onBackgroundAudioPlay wx.onBackgroundAudioPause wx.onBackgroundAudioStop52)數(shù)據(jù)緩存53)wx.setStorage54)wx.setStorageSync55)wx.getStorage |56)wx.getStorageSync57)wx.clearStorage58)wx.clearStorageSync位置59)獲取位置60)查看位置設(shè)備61)網(wǎng)絡(luò)狀態(tài)6