微信小程序開(kāi)發(fā)零基礎(chǔ)入門

1 微信小程序開(kāi)發(fā)\t1
1．1 初識(shí)微信小程序開(kāi)發(fā)\t1
1．1．1 什么是微信公眾號(hào)\t1
1．1．2 什么是微信小程序\t3
1．1．3 微信小程序的應(yīng)用領(lǐng)域\t4
1．1．4 怎樣學(xué)好微信小程序\t5
1．1．5 微信小程序的前景\t6
1．2 小程序開(kāi)發(fā)需要的技術(shù)\t8
1．2．1 JavaScript技術(shù)\t8
1．2．2 CSS技術(shù)\t9
1．2．3 HTML（XML）技術(shù)\t10
1．3 小程序開(kāi)發(fā)所使用的技術(shù)\t11
1．3．1 開(kāi)發(fā)文件結(jié)構(gòu)\t12
1．3．2 配置程序\t12
1．3．3 邏輯層\t16
1．3．4 WXML\t20
1．3．5 WXSS\t25
1．4 搭建小程序開(kāi)發(fā)環(huán)境\t27
1．4．1 IDE下載\t27
1．4．2 Windows系統(tǒng)的IDE安裝\t29
1．5 上手實(shí)踐：第一個(gè)Hello WX程序\t31
1．6 小程序新能力\t34
1．6．1 個(gè)人開(kāi)發(fā)者申請(qǐng)小程序\t35
1．6．2 小程序的基本信息管理\t37
1．6．3 已有公眾號(hào)綁定小程序\t40
1．6．4 小程序的分享和跳轉(zhuǎn)新模式\t41
1．7 小結(jié)\t43
1．8 實(shí)踐與練習(xí)\t43
2 熟悉小程序開(kāi)發(fā)工具\(yùn)t44
2．1 熟悉微信開(kāi)發(fā)者工具\(yùn)t44
2．1．1 微信開(kāi)發(fā)IDE簡(jiǎn)介\t44
2．1．2 IDE調(diào)試窗口\t45
2．1．3 小程序的測(cè)試與重啟\t49
2．1．4 小程序的調(diào)試\t50
2．1．5 小程序的控制臺(tái)\t53
2．1．6 IDE項(xiàng)目窗口\t55
2．1．7 項(xiàng)目的關(guān)閉與新建\t56
2．1．8 IDE項(xiàng)目編輯窗口\t57
2．2 小結(jié)\t59
2．3 實(shí)踐與練習(xí)\t59
3 小程序開(kāi)發(fā)基礎(chǔ)\t60
3．1 HTML入門\t60
3．1．1 HTML簡(jiǎn)介\t60
3．1．2 HTML的用途與結(jié)構(gòu)\t61
3．2 HTML基礎(chǔ)\t62
3．2．1 HTML語(yǔ)法基礎(chǔ)\t62
3．2．2 HTML元素\t63
3．2．3 HTML屬性\t77
3．2．4 WXML與HTML\t78
3．3 CSS入門\t79
3．4 CSS基礎(chǔ)\t79
3．4．1 CSS基礎(chǔ)語(yǔ)法\t80
3．4．2 CSS樣式\t82
3．4．3 CSS框模型\t95
3．4．4 CSS定位\t101
3．4．5 CSS與WXSS\t106
3．5 JavaScript入門\t106
3．5．1 JavaScript簡(jiǎn)介\t106
3．5．2 JavaScript前景\t107
3．6 JavaScript基礎(chǔ)\t108
3．6．1 JavaScript注釋\t108
3．6．2 JavaScript變量\t108
3．6．3 JavaScript數(shù)據(jù)類型\t112
3．6．4 JavaScript對(duì)象\t118
3．6．5 JavaScript函數(shù)\t122
3．6．6 JavaScript運(yùn)算符\t127
3．6．7 JavaScript邏輯控制語(yǔ)句\t128
3．7 小結(jié)\t142
3．8 實(shí)踐與練習(xí)\t143
4 小程序開(kāi)發(fā)組件\t144
4．1 視圖組件\t144
4．1．1 視圖容器（view）組件\t144
4．1．2 可滾動(dòng)視圖區(qū)域（scroll-view）\t147
4．1．3 滑動(dòng)界面（swiper）\t147
4．2 基礎(chǔ)內(nèi)容\t149
4．2．1 小圖標(biāo)（icon）\t149
4．2．2 文本組件（text）\t150
4．2．3 進(jìn)度條組件（progress）\t152
4．3 表單組件\t153
4．3．1 按鈕組件（button）\t153
4．3．2 多選擇框（checkbox）\t156
4．3．3 表單form\t159
4．3．4 輸入框組件（input）\t160
4．3．5 label元素\t163
4．3．6 滾動(dòng)選擇器picker\t163
4．3．7 單選控制器（radio）\t166
4．3．8 滑動(dòng)選擇器（slider）\t168
4．3．9 開(kāi)關(guān)選擇器（switch）\t170
4．3．10 文本框控件（textarea）\t172
4．4 導(dǎo)航\t174
4．5 媒體組件\t176
4．5．1 音頻組件（audio）\t177
4．5．2 上手實(shí)踐：音樂(lè)播放器\t177
4．5．3 圖片控件（image）\t180
4．5．4 上手實(shí)踐：相冊(cè)\t180
4．5．5 視頻控件（video）\t184
4．5．6 上手實(shí)踐：帶彈幕的視頻播放器\t184
4．6 地圖\t187
4．6．1 地圖\t187
4．6．2 上手實(shí)踐：微信中的騰訊地圖定位\t188
4．7 畫布\t189
4．7．1 畫布控件（canvas）\t190
4．7．2 上手實(shí)踐：使用canvas實(shí)現(xiàn)畫布的繪制\t190
4．8 小結(jié)\t192
4．9 實(shí)踐與練習(xí)\t192
5 項(xiàng)目實(shí)戰(zhàn)1――日記本\t193
5．1 需求分析\t193
5．1．1 需求確定\t193
5．1．2 功能確定\t194
5．1．3 系統(tǒng)設(shè)計(jì)\t194
5．1．4 原型設(shè)計(jì)\t197
5．2 具體編碼\t199
5．2．1 項(xiàng)目初始化\t199
5．2．2 測(cè)試環(huán)境搭建\t201
5．2．3 用戶系統(tǒng)編碼\t203
5．2．4 日記系統(tǒng)編碼\t218
5．3 小結(jié)\t233
5．4 實(shí)踐與練習(xí)\t235
6 微信提供的API解析\t236
6．1 網(wǎng)絡(luò)\t236
6．1．1 發(fā)起請(qǐng)求\t236
6．1．2 上傳與下載\t238
6．1．3 WebSocket\t240
6．2 媒體\t243
6．2．1 圖片\t243
6．2．2 錄音\t245
6．2．3 語(yǔ)音控制\t246
6．2．4 音樂(lè)控制\t248
6．2．5 視頻控制\t252
6．2．6 上手實(shí)踐：獲取本地視頻和播放控制\t254
6．3 文件\t256
6．4 數(shù)據(jù)緩存\t260
6．5 位置\t264
6．5．1 獲取位置\t264
6．5．2 查看位置\t265
6．5．3 地圖組件控制\t266
6．5．4 上手實(shí)踐：地圖控制和查看\t267
6．6 設(shè)備\t269
6．6．1 系統(tǒng)信息\t269
6．6．2 網(wǎng)絡(luò)狀態(tài)\t271
6．6．3 重力感應(yīng)\t271
6．6．4 羅盤\t272
6．6．5 撥打電話\t272
6．6．6 掃碼\t272
6．6．7 上手實(shí)踐：獲取所有手機(jī)信息和網(wǎng)絡(luò)狀態(tài)\t273
6．7 界面\t274
6．7．1 交互反饋\t274
6．7．2 設(shè)置導(dǎo)航條\t277
6．7．3 導(dǎo)航\t278
6．7．4 動(dòng)畫\t280
6．7．5 下拉刷新\t284
6．7．6 上手實(shí)踐：帶有控制的動(dòng)畫\t285
6．8 繪圖\t287
6．8．1 在canvas上畫圖\t289
6．8．2 canvas坐標(biāo)系\t290
6．8．3 漸變\t291
6．8．4 上手實(shí)踐：使用canvas繪制笑臉\t294
6．9 開(kāi)放接口\t296
6．9．1 登錄\t296
6．9．2 用戶信息\t301
6．9．3 微信支付\t302
6．9．4 模板消息\t303
6．9．5 客服消息\t307
6．9．6 分享\t315
6．9．7 獲取二維碼\t316
6．10 小結(jié)\t316
6．11 實(shí)踐與練習(xí)\t317
7 項(xiàng)目實(shí)戰(zhàn)2――在線閱讀\t318
7．1 項(xiàng)目準(zhǔn)備工作\t318
7．1．1 項(xiàng)目需求分析\t318
7．1．2 項(xiàng)目系統(tǒng)設(shè)計(jì)\t319
7．1．3 設(shè)計(jì)1：用戶模塊\t319
7．1．4 設(shè)計(jì)2：小說(shuō)閱讀模塊\t321
7．1．5 項(xiàng)目使用到的技術(shù)\t321
7．2 項(xiàng)目服務(wù)器端編碼\t322
7．2．1 服務(wù)器端介紹\t322
7．2．2 Laravel框架的安裝與配置\t322
7．2．3 服務(wù)器功能路由劃分\t324
7．2．4 服務(wù)器數(shù)據(jù)庫(kù)搭建\t325
7．2．5 服務(wù)器的配置\t327
7．2．6 服務(wù)器的項(xiàng)目結(jié)構(gòu)\t328
7．2．7 服務(wù)器端登錄頁(yè)面的代碼實(shí)現(xiàn)\t328
7．2．8 服務(wù)器端管理主頁(yè)的代碼實(shí)現(xiàn)\t330
7．2．9 服務(wù)器端管理用戶的代碼實(shí)現(xiàn)\t332
7．2．10 小程序的接口文檔\t332
7．2．11 后臺(tái)管理頁(yè)面搭建\t339
7．2．12 服務(wù)器端的測(cè)試\t347
7．3 項(xiàng)目微信小程序端編碼\t352
7．3．1 微信小程序頁(yè)面設(shè)計(jì)\t353
7．3．2 搭建微信小程序項(xiàng)目\t353
7．3．3 微信小程序“首頁(yè)”菜單的代碼實(shí)現(xiàn)\t355
7．3．4 微信小程序“用戶歷史”菜單的代碼實(shí)現(xiàn)\t357
7．3．5 微信小程序“用戶注冊(cè)”頁(yè)面的代碼實(shí)現(xiàn)\t361
7．3．6 微信小程序“小說(shuō)閱讀”頁(yè)面的代碼實(shí)現(xiàn)\t367
7．4 小結(jié)\t371
7．5 實(shí)踐與練習(xí)\t371
8 小程序新增API\t372
8．1 藍(lán)牙API\t372
8．1．1 獲取藍(lán)牙適配器\t372
8．1．2 關(guān)閉藍(lán)牙模塊\t374
8．1．3 獲取本機(jī)藍(lán)牙狀態(tài)\t375
8．1．4 搜索藍(lán)牙設(shè)備\t377
8．1．5 上手實(shí)踐：藍(lán)牙管理器\t386
8．2 其他新增API\t389
8．2．1 獲取收貨地址\t390
8．2．2 打開(kāi)小程序設(shè)置界面\t391
8．2．3 操作剪貼板\t392
8．2．4 支持微信卡券\t393
8．2．5 監(jiān)聽(tīng)網(wǎng)絡(luò)變化\t395
8．3 ES 6的支持\t396
8．4 小結(jié)\t398
8．5 實(shí)踐與練習(xí)\t398