21天精通微信小程序開(kāi)發(fā)

第1部分 微信小程序
第1天 微信小程序概述
1.1 什么是微信小程序
1.2 小程序在個(gè)人移動(dòng)互聯(lián)時(shí)代的意義
1.3 微信大事記
1.4 新的消息
第2天 微信小程序的技術(shù)架構(gòu)特點(diǎn)
2.1 微信小程序在開(kāi)發(fā)上的特點(diǎn)
2.2 微信將會(huì)支持的小程序分發(fā)模式
2.3 微信小程序?qū)?huì)給前端設(shè)計(jì)帶來(lái)的變革
2.4 學(xué)習(xí)微信小程序開(kāi)發(fā)的路徑
第2部分 開(kāi)發(fā)前的準(zhǔn)備
第3天 小程序的注冊(cè)申請(qǐng)
3.1 申請(qǐng)微信小程序
3.2 微信認(rèn)證
3.3 小程序綁定微信開(kāi)放平臺(tái)賬號(hào)
第4天 開(kāi)發(fā)環(huán)境的搭建
4.1 認(rèn)識(shí)小程序管理后臺(tái)
4.2 小程序開(kāi)發(fā)環(huán)境的搭建
4.3 初識(shí)小程序開(kāi)發(fā)工具
4.4 編輯模式
4.5 調(diào)試模式
4.6 項(xiàng)目管理
第3部分 微信小程序的技術(shù)框架
第5天 框架和配置文件
5.1 小程序的目錄結(jié)構(gòu)
5.2 JSON-小程序的配置文件
5.2.1 pages-頁(yè)面配置
5.2.2 window-窗口表現(xiàn)配置
5.2.3 tabBar-導(dǎo)航欄配置
5.2.4 networkTimeout-通信超時(shí)事件配置
5.2.5 debug-調(diào)試模式配置
第6天 邏輯層（AppService）
6.1 小程序的初始化
6.2頁(yè)面注冊(cè)
6.3頁(yè)面的路由
6.4邏輯層的模塊化
第4部分 WXML語(yǔ)言與視覺(jué)組件
第7天 WXML語(yǔ)言和數(shù)據(jù)綁定
7.1 WXML語(yǔ)法規(guī)范
7.2 視覺(jué)組件
7.3 組件的數(shù)據(jù)綁定
7.3.1 數(shù)據(jù)的簡(jiǎn)單綁定
7.3.2 綁定時(shí)的運(yùn)算
7.3.3 綁定時(shí)的數(shù)據(jù)組合
第8天 邏輯渲染語(yǔ)句
8.1 wx：if條件渲染語(yǔ)句
8.2 wx：for列表渲染語(yǔ)句
第9天WXML的高級(jí)特性
9.1 模板
9.2 事件
9.3 事件對(duì)象
9.4 引用
第5部分 WXSS樣式表語(yǔ)言
第10天 WXSS語(yǔ)言基礎(chǔ)
10.1 WXSS（CSS）簡(jiǎn)介
10.2 CSS基本語(yǔ)法
10.3 選擇器
10.3.1 id選擇器
10.3.2 class選擇器
10.4 使用CSS樣式表
10.4.1 內(nèi)聯(lián)樣式
10.4.2 外部樣式表
10.5 WXSS的新增特性
第11天 CSS常用屬性
11.1 尺寸屬性
11.2 背景屬性
11.2.1 背景顏色
11.2.2 背景圖像
11.3 文本格式
11.3.1 文本顏色
11.3.2 文本對(duì)齊方式
11.3.3 文本轉(zhuǎn)換
11.3.4 文本縮進(jìn)
11.4 字體屬性
11.4. 1 字體系列
11.4.2 字體大小
第12天 CSS布局屬性
12.1 盒模型(Box Model)
12.2顯示方式與可見(jiàn)性
12.3 position定位
12.4 float浮動(dòng)屬性
12.5邊框
12.5.1邊框樣式
12.5.2邊框?qū)挾?br />12.5.3邊框顏色
12.6外邊距和內(nèi)邊距
第13天Flex布局
13.1Flex布局簡(jiǎn)介
13.2模型
13.3容器屬性
13.3.1主軸方向?qū)傩?br />13.3.2換行屬性
13.3.3簡(jiǎn)寫(xiě)形式
13.3.4主軸對(duì)齊屬性
13.3.5側(cè)軸對(duì)齊屬性
13.3.6多行對(duì)齊屬性
13.4項(xiàng)目的屬性
13.4.1順序?qū)傩?br />13.4.2放大比例屬性
13.4.3縮小比例屬性
13.4.4伸縮基準(zhǔn)屬性
13.4.5簡(jiǎn)寫(xiě)形式
13.4.6單項(xiàng)對(duì)齊屬性
第6部分JavaScript入門(mén)
第14天JavaScript語(yǔ)言基礎(chǔ)
14.1文件的編輯和運(yùn)行
14.2語(yǔ)句
14.2.1語(yǔ)句塊
14.2.2注釋語(yǔ)句
14.2.3小程序的調(diào)試輸出語(yǔ)句
第15天變量與數(shù)據(jù)類(lèi)型
15.1變量
15.2操作符
15.3數(shù)據(jù)類(lèi)型
15.3.1數(shù)值
15.3.2字符串
15.3.3布爾型
15.3.4數(shù)據(jù)類(lèi)型轉(zhuǎn)換
15.3.5null和undefined
15.4數(shù)組
15.4.1創(chuàng)建和初始化數(shù)組
15.4.2數(shù)組元素的存取
15.4.3數(shù)組的操作
第16天流程控制語(yǔ)句
16.1條件語(yǔ)句
16.1.1if語(yǔ)句
16.1.2條件運(yùn)算符
16.1.3邏輯操作符
16.1.4switch語(yǔ)句
16.2循環(huán)語(yǔ)句
16.2.1for循環(huán)
16.2.2for in循環(huán)
16.2.3while循環(huán)
16.2.4do while循環(huán)
16.2.5break退出循環(huán)語(yǔ)句
16.2.6continue繼續(xù)循環(huán)語(yǔ)句
第7部分JavaScript進(jìn)階
第17天面向?qū)ο蟪绦蛟O(shè)計(jì)（OOP）
17.1類(lèi)和對(duì)象
17.2創(chuàng)建對(duì)象
17.2.1直接創(chuàng)建Object類(lèi)的對(duì)象實(shí)例
17.2.2用new關(guān)鍵字創(chuàng)建對(duì)象
17.2.3this關(guān)鍵字
17.3使用對(duì)象
17.4繼承
第18天函數(shù)
18.1定義函數(shù)
18.1.1定義命名函數(shù)
18.1.2定義匿名函數(shù)
18.1.3用Function類(lèi)創(chuàng)建匿名函數(shù)
18.2函數(shù)的參數(shù)
18.3函數(shù)的返回值
第19天JSON語(yǔ)法詳解
19.1JSON的語(yǔ)法結(jié)構(gòu)
19.2使用JSON
19.2.1從JSON中讀數(shù)據(jù)
19.2.2向JSON中寫(xiě)數(shù)據(jù)
19.2.3修改JSON中的數(shù)據(jù)
19.2.4刪除JSON中的數(shù)據(jù)
19.2.5遍歷JSON對(duì)象
第20天ES6語(yǔ)法
20.1ES6簡(jiǎn)介
20.2ES6常用語(yǔ)法詳解
20.2.1let變量聲明語(yǔ)句
20.2.2const常量聲明語(yǔ)句
20.2.3類(lèi)操作語(yǔ)句
20.2.4arrow function箭頭函數(shù)
第8部分工具和社區(qū)
第21天開(kāi)發(fā)工具和學(xué)習(xí)社區(qū)
21.1Coolsite360可視化工具
21.2即速應(yīng)用
21.3開(kāi)發(fā)社區(qū)介紹
附錄 微信小程序工具書(shū)
附錄A小程序組件詳解
A.1視圖容器
A.1.1view
A.1.2scroll-view
A.1.3swiper
A.2基礎(chǔ)內(nèi)容組件
A.2.1icon
A.2.2text
A.2.3progress
A.3表單組件
A.3.1button
A.3.2checkbox-group
A.3.3form
A.3.4input
A.3.5label
A.3.6picker
A.3.7radio-group
A.3.8slider
A.3.9switch
A.3.10textarea
A.4導(dǎo)航組件
A.5媒體組件
A.5.1image
A.5.2video
A.6地圖組件
A.7畫(huà)布組件
附錄B小程序API詳解
B.1網(wǎng)絡(luò)
B.1.1發(fā)起請(qǐng)求
B.1.2上傳、下載
B.1.3Web Socket
B.2媒體
B.2.1圖片
B.2.2錄音
B.2.3音頻播放控制
B.2.4音樂(lè)播放控制
B.2.5音頻組件控制
B.2.6視頻
B.2.7視頻組件控制
B.3文件
B.4數(shù)據(jù)緩存
B.5位置
B.5.1獲取位置
B.5.2查看位置
B.5.3地圖組件控制
B.6設(shè)備
B.6.1系統(tǒng)信息
B.6.2網(wǎng)絡(luò)狀態(tài)
B.6.3重力感應(yīng)
B.6.4羅盤(pán)
B.6.5撥打電話
B.6.6掃碼
B.7界面
B.7.1交互反饋
B.7.2設(shè)置導(dǎo)航條
B.7.3導(dǎo)航
B.7.4動(dòng)畫(huà)
B.7.5繪圖
B.8開(kāi)放接口
B.8.1登錄
B.8.2用戶信息
B.8.3微信支付
B.8.4模板信息
B.8.5客服消息
B.8.6分享
附錄CJavaScript的關(guān)鍵字和操作符
C.1JavaScript操作符
C.2 字符串方法(表C-8)
C.3Math對(duì)象
C.4Date對(duì)象(表C-13)