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

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