相關商品
商品簡介
名人/編輯推薦
目次
商品簡介
本書系統化介紹微信小程序[0商0]城的開發原理和實戰案例，內容全[mian]、案例豐富，可幫助讀者快速掌握微信小程序[0商0]城的開發。[1主1]要內容分兩[0大0]部分：基礎[0知0]識、實戰案例。基礎[0知0]識包括微信小程序起步、[0商0]城開發[0知0]識點分析、[0商0]城開發的頁[mian]基礎[0知0]識、[0商0]城開發的頁[mian]基礎[0知0]識、[0商0]城界[mian]UI常用組[亻牛]、[0商0]城界[mian]UI常用組[亻牛]，實戰案例分析包括[0首0]頁、分類和產[0品0]案例、微信小程序支付、購物車和下單、[0會0]員界[mian]、公用功能。
名人/編輯推薦
本書講解微信小程序前端界面設計，有詳細的理論知識、佈局分析、邏輯分析，還有豐富的實戰案例，詳細的代碼解說，具有很強的實用性。
目次
前言
第一部分 小程序基礎
第1章 小程序起步2
1.1 開發準備2
1.2 第一個微信小程序5
1.3 代碼構成5
1.3.1 JSON配置6
1.3.2 WXML模板7
1.3.3 WXSS樣式9
1.3.4 .js腳本交互邏輯9
1.4 小程序的能力10
1.5 小程序發佈準備12
1.6 小程序上線13
第2章 小程序基礎知識15
2.1 項目配置文件15
2.2 全域配置和頁面配置17
2.2.1 全域配置18
2.2.2 頁面配置23
2.3 WXSS樣式語言23
2.4 邏輯層.js腳本25
2.4.1 App方法26
2.4.2 運行機制29
2.4.3 場景值30
2.4.4 Page方法32
2.4.5 路由40
2.4.6 模塊化41
2.4.7 API42
2.5 WXML視圖層開發43
2.5.1 數據綁定43
2.5.2 列表渲染47
2.5.3 條件渲染51
2.5.4 模板51
2.5.5 事件53
2.5.6 引用58
第二部分 小程序樣式入門
第3章 小程序樣式基礎62
3.1 元素選擇器62
3.2 ID選擇器63
3.3 類選擇器66
3.4 樣式的幾種寫法67
3.4.1 Web中樣式的幾種寫法67
3.4.2 小程序中樣式的幾種寫法69
3.5 背景顏色70
3.6 文本71
3.6.1 水平對齊（text-align）71
3.6.2 文本最後行對齊（text-align-last）73
3.6.3 縮進文本（text-indent）73
3.6.4 文本裝飾（text-decoration）75
3.6.5 單詞間隔（text-justify）76
3.6.6 文本溢出（text-overflow）77
3.6.7 文本陰影（text-shadow）78
3.6.8 字符轉換（text-transform）79
3.6.9 處理空白符（white-space）80
3.6.10 自動換行（word-break）80
3.6.11 長詞換行（word-wrap）81
3.6.12 單詞間隔（word-spacing）82
3.6.13 字母間隔（letter-spacing）83
3.6.14 文本方向（direction）84
3.7 字體85
3.7.1 字體大小（font-size）85
3.7.2 字體風格（font-style）87
3.7.3 字體變形（font-variant）88
3.7.4 字體加粗（font-weight）89
3.8 輪廓90
第4章 框模型93
4.1 框模型概述93
4.2 內邊距96
4.3 邊框98
4.3.1 基礎語法98
4.3.2 小程序應用102
4.4 外邊距103
4.5 外邊距合併107
第5章 定位112
5.1 相對定位112
5.2 絕對定位115
5.3 浮動117
第6章 選擇器121
6.1 選擇器的分組121
6.2 派生選擇器122
6.3 屬性選擇器123
6.4 後代選擇器125
6.5 子元素選擇器128
6.6 相鄰兄弟選擇器129
第三部分 前端開發入門
第7章 彈性佈局134
7.1 彈性佈局基本概念134
7.2 flex容器的屬性136
7.2.1 項目排列方向（flex-direction）136
7.2.2 項目換行（flex-wrap）139
7.2.3 flex-flow屬性142
7.2.4 水平對齊（justify-content）142
7.2.5 垂直對齊（align-items）145
7.2.6 各行對齊（align-content）149
7.3 flex項目的屬性150
7.3.1 子元素的排序（order）150
7.3.2 放大比例（flex-grow）152
7.3.3 縮小比例（flex-shrink）155
7.3.4 項目佔據的主軸空間（flex-basis）156
7.3.5 flex綜合屬性設置156
7.3.6 子元素的對齊（align-self）157
7.3.7 對齊和居中（margin）158
7.4 flex佈局樣例160
第8章 JSON數據解析163
8.1 JSON簡介163
8.2 JSON語法165
8.2.1 JSON語法規則165
8.2.2 JSON使用JavaScript語法166
8.3 JSON對象167
8.3.1 對象語法167
8.3.2 訪問對象值方式1168
8.3.3 訪問對象值方式2168
8.3.4 嵌套JSON對象169
8.3.5 修改值170
8.3.6 刪除對象屬性171
8.4 JSON數組172
8.4.1 JSON對象中的數組172
8.4.2 數組的循環訪問174
8.4.3 嵌套JSON對象中的數組175
8.4.4 修改數組值176
8.4.5 刪除數組元素177
8.5 JSON.parse()177
8.5.1 瀏覽器支持177
8.5.2 語法177
8.5.3 JSON解析實例177
8.5.4 從服務端接收JSON數據178
8.5.5 從服務端接收數組的JSON數據179
8.6 JSON.stringify()轉字符串180
8.6.1 JSON.stringify()語法180
8.6.2 JavaScript對象轉換180
8.6.3 JavaScript數組轉換181
8.7 eval函數182
第9章 小程序前端開發基礎184
9.1 常用數據184
9.1.1 變量184
9.1.2 對象185
9.1.3 數組186
9.2 邏輯語句188
9.2.1 if語句188
9.2.2 for語句190
9.2.3 while語句191
9.2.4 switch和case語句192
9.3 其他193
9.3.1 事件的定義和使用193
9.3.2 通過url來傳遞參數194
第四部分 實戰
第10章 常用組件198
10.1 組件概要198
10.2 基礎組件199
10.2.1 視圖容器（view）199
10.2.2 可滾動視圖區域（scroll-view）199
10.2.3 滑塊視圖容器（swiper）200
10.2.4 圖標（icon）201
10.2.5 文本（text）201
10.2.6 圖片（image）202
10.3 表單組件203
10.3.1 按鈕（button）203
10.3.2 多選項目（checkbox）205
10.3.3 多項選擇器（checkbox-group）205
10.3.4 表單（form）206
10.3.5 輸入框（input）206
10.3.6 標簽（label）208
10.3.7 滾動選擇器（picker）208
10.3.8 單選項目（radio）210
10.3.9 單項選擇器（radio-group）211
10.3.10 滑動選擇器（slider）211
10.3.11 開關選擇器（switch）211
10.
第一部分 小程序基礎
第1章 小程序起步2
1.1 開發準備2
1.2 第一個微信小程序5
1.3 代碼構成5
1.3.1 JSON配置6
1.3.2 WXML模板7
1.3.3 WXSS樣式9
1.3.4 .js腳本交互邏輯9
1.4 小程序的能力10
1.5 小程序發佈準備12
1.6 小程序上線13
第2章 小程序基礎知識15
2.1 項目配置文件15
2.2 全域配置和頁面配置17
2.2.1 全域配置18
2.2.2 頁面配置23
2.3 WXSS樣式語言23
2.4 邏輯層.js腳本25
2.4.1 App方法26
2.4.2 運行機制29
2.4.3 場景值30
2.4.4 Page方法32
2.4.5 路由40
2.4.6 模塊化41
2.4.7 API42
2.5 WXML視圖層開發43
2.5.1 數據綁定43
2.5.2 列表渲染47
2.5.3 條件渲染51
2.5.4 模板51
2.5.5 事件53
2.5.6 引用58
第二部分 小程序樣式入門
第3章 小程序樣式基礎62
3.1 元素選擇器62
3.2 ID選擇器63
3.3 類選擇器66
3.4 樣式的幾種寫法67
3.4.1 Web中樣式的幾種寫法67
3.4.2 小程序中樣式的幾種寫法69
3.5 背景顏色70
3.6 文本71
3.6.1 水平對齊（text-align）71
3.6.2 文本最後行對齊（text-align-last）73
3.6.3 縮進文本（text-indent）73
3.6.4 文本裝飾（text-decoration）75
3.6.5 單詞間隔（text-justify）76
3.6.6 文本溢出（text-overflow）77
3.6.7 文本陰影（text-shadow）78
3.6.8 字符轉換（text-transform）79
3.6.9 處理空白符（white-space）80
3.6.10 自動換行（word-break）80
3.6.11 長詞換行（word-wrap）81
3.6.12 單詞間隔（word-spacing）82
3.6.13 字母間隔（letter-spacing）83
3.6.14 文本方向（direction）84
3.7 字體85
3.7.1 字體大小（font-size）85
3.7.2 字體風格（font-style）87
3.7.3 字體變形（font-variant）88
3.7.4 字體加粗（font-weight）89
3.8 輪廓90
第4章 框模型93
4.1 框模型概述93
4.2 內邊距96
4.3 邊框98
4.3.1 基礎語法98
4.3.2 小程序應用102
4.4 外邊距103
4.5 外邊距合併107
第5章 定位112
5.1 相對定位112
5.2 絕對定位115
5.3 浮動117
第6章 選擇器121
6.1 選擇器的分組121
6.2 派生選擇器122
6.3 屬性選擇器123
6.4 後代選擇器125
6.5 子元素選擇器128
6.6 相鄰兄弟選擇器129
第三部分 前端開發入門
第7章 彈性佈局134
7.1 彈性佈局基本概念134
7.2 flex容器的屬性136
7.2.1 項目排列方向（flex-direction）136
7.2.2 項目換行（flex-wrap）139
7.2.3 flex-flow屬性142
7.2.4 水平對齊（justify-content）142
7.2.5 垂直對齊（align-items）145
7.2.6 各行對齊（align-content）149
7.3 flex項目的屬性150
7.3.1 子元素的排序（order）150
7.3.2 放大比例（flex-grow）152
7.3.3 縮小比例（flex-shrink）155
7.3.4 項目佔據的主軸空間（flex-basis）156
7.3.5 flex綜合屬性設置156
7.3.6 子元素的對齊（align-self）157
7.3.7 對齊和居中（margin）158
7.4 flex佈局樣例160
第8章 JSON數據解析163
8.1 JSON簡介163
8.2 JSON語法165
8.2.1 JSON語法規則165
8.2.2 JSON使用JavaScript語法166
8.3 JSON對象167
8.3.1 對象語法167
8.3.2 訪問對象值方式1168
8.3.3 訪問對象值方式2168
8.3.4 嵌套JSON對象169
8.3.5 修改值170
8.3.6 刪除對象屬性171
8.4 JSON數組172
8.4.1 JSON對象中的數組172
8.4.2 數組的循環訪問174
8.4.3 嵌套JSON對象中的數組175
8.4.4 修改數組值176
8.4.5 刪除數組元素177
8.5 JSON.parse()177
8.5.1 瀏覽器支持177
8.5.2 語法177
8.5.3 JSON解析實例177
8.5.4 從服務端接收JSON數據178
8.5.5 從服務端接收數組的JSON數據179
8.6 JSON.stringify()轉字符串180
8.6.1 JSON.stringify()語法180
8.6.2 JavaScript對象轉換180
8.6.3 JavaScript數組轉換181
8.7 eval函數182
第9章 小程序前端開發基礎184
9.1 常用數據184
9.1.1 變量184
9.1.2 對象185
9.1.3 數組186
9.2 邏輯語句188
9.2.1 if語句188
9.2.2 for語句190
9.2.3 while語句191
9.2.4 switch和case語句192
9.3 其他193
9.3.1 事件的定義和使用193
9.3.2 通過url來傳遞參數194
第四部分 實戰
第10章 常用組件198
10.1 組件概要198
10.2 基礎組件199
10.2.1 視圖容器（view）199
10.2.2 可滾動視圖區域（scroll-view）199
10.2.3 滑塊視圖容器（swiper）200
10.2.4 圖標（icon）201
10.2.5 文本（text）201
10.2.6 圖片（image）202
10.3 表單組件203
10.3.1 按鈕（button）203
10.3.2 多選項目（checkbox）205
10.3.3 多項選擇器（checkbox-group）205
10.3.4 表單（form）206
10.3.5 輸入框（input）206
10.3.6 標簽（label）208
10.3.7 滾動選擇器（picker）208
10.3.8 單選項目（radio）210
10.3.9 單項選擇器（radio-group）211
10.3.10 滑動選擇器（slider）211
10.3.11 開關選擇器（switch）211
10.
您曾經瀏覽過的商品
購物須知
大陸出版品因裝訂品質及貨運條件與台灣出版品落差甚大，除封面破損、內頁脫落等較嚴重的狀態，其餘商品將正常出貨。
特別提醒：部分書籍附贈之內容(如音頻mp3或影片dvd等)已無實體光碟提供，需以QR CODE 連結至當地網站註冊“並通過驗證程序”，方可下載使用。
無現貨庫存之簡體書，將向海外調貨：
海外有庫存之書籍，等候約45個工作天;
海外無庫存之書籍，平均作業時間約60個工作天，然不保證確定可調到貨，尚請見諒。
為了保護您的權益，「三民網路書店」提供會員七日商品鑑賞期(收到商品為起始日)。
若要辦理退貨，請在商品鑑賞期內寄回，且商品必須是全新狀態與完整包裝(商品、附件、發票、隨貨贈品等)否則恕不接受退貨。