企業(yè)數(shù)字化轉(zhuǎn)型：釘釘小程序開發(fā)權(quán)威指南

第1章 開發(fā)你的個(gè)釘釘小程序 1
1.1 準(zhǔn)備工作 1
1.2 基本概念 1
1.3 創(chuàng)建項(xiàng)目 2
1.4 小程序開發(fā) 5
第2章 初識(shí)釘釘小程序 7
2.1 什么是釘釘小程序 7
2.1.1 釘釘小程序的演進(jìn) 7
2.1.2 釘釘小程序的功能 8
2.1.3 釘釘小程序的使用場(chǎng)景 8
2.2 釘釘小程序原理解析 10
2.2.1 概述 10
2.2.2 Page頁面原理解析 11
2.2.3 為什么“沒有DOM” 12
2.2.4 小程序的性能優(yōu)勢(shì) 14
2.3 釘釘小程序運(yùn)行機(jī)制 14
第3章 使用釘釘小程序開發(fā)者工具 16
3.1 使用IDE創(chuàng)建項(xiàng)目 16
3.2 釘釘小程序開發(fā) 18
3.3 釘釘小程序調(diào)試 19
3.3.1 本地調(diào)試 19
3.3.2 真機(jī)預(yù)覽 20
3.3.3 真機(jī)調(diào)試 21
3.4 釘釘小程序發(fā)布版本 22
第4章 了解釘釘小程序框架 24
4.1 釘釘小程序框架概述 24
4.1.1 數(shù)據(jù)綁定 24
4.1.2 第三方npm模塊 25
4.2 文件目錄結(jié)構(gòu) 26
4.2.1 app層 26
4.2.2 page層 26
4.3 釘釘小程序全局配置 26
4.3.1 通過app.js注冊(cè)小程序 27
4.3.2 app.json全局配置 28
4.3.3 getApp方法 32
4.3.4 多語言配置 34
4.4 釘釘小程序頁面配置 35
4.4.1 注冊(cè)小程序頁面 35
4.4.2 配置頁面樣式 41
4.4.3 getCurrentPages方法 41
4.5 視圖層 42
4.5.1 數(shù)據(jù)綁定 42
4.5.2 條件渲染 46
4.5.3 列表渲染 47
4.5.4 引用 50
4.5.5 模板 52
4.6 自定義組件 53
4.6.1 開發(fā)流程 53
4.6.2 開發(fā)自定義組件 57
4.6.3 使用自定義組件 70
4.6.4 發(fā)布自定義組件 71
4.7 事件 73
4.7.1 事件概述 73
4.7.2 事件對(duì)象 75
4.8 樣式 78
4.8.1 rpx 78
4.8.2 樣式導(dǎo)入 78
4.8.3 內(nèi)聯(lián)樣式 79
4.8.4 選擇器 79
4.8.5 全局樣式與局部樣式 79
4.8.6 頁面容器樣式 80
4.8.7 暗黑模式 80
4.9 釘釘小程序SCHEME 82
4.9.1 第三方企業(yè)應(yīng)用 82
4.9.2 第三方個(gè)人應(yīng)用 83
4.9.3 通用參數(shù) 83
4.9.4 如何在scheme上攜帶業(yè)務(wù)參數(shù) 84
4.10 SJS語法參考 84
4.10.1 SJS概述 84
4.10.2 變量 87
4.10.3 注釋 89
4.10.4 運(yùn)算符 89
4.10.5 語句 92
4.10.6 數(shù)據(jù)類型 96
4.10.7 基礎(chǔ)類 107
4.10.8 Esnext 110
第5章 使用釘釘小程序組件 114
5.1 視圖容器 114
5.1.1 view 114
5.1.2 swiper 116
5.1.3 scroll-view 119
5.1.4 movable-view 123
5.1.5 movable-area 128
5.2 基礎(chǔ)內(nèi)容 131
5.2.1 text 132
5.2.2 icon 132
5.2.3 progress 135
5.2.4 rich-text 136
5.3 表單 140
5.3.1 form 140
5.3.2 button 142
5.3.3 label 145
5.3.4 input 147
5.3.5 textarea 153
5.3.6 radio 156
5.3.7 radio-group 158
5.3.8 checkbox 160
5.3.9 checkbox-group 162
5.3.10 switch 164
5.3.11 slider 166
5.3.12 pick view 168
5.3.13 picker 169
5.4 導(dǎo)航 173
5.5 媒體 174
5.5.1 image 174
5.5.2 video 178
5.6 CANVAS 180
5.7 MAP 182
5.8 開放能力 207
5.8.1 web-view 207
5.8.2 open-avatar 211
第6章 釘釘小程序設(shè)計(jì)規(guī)范 213
6.1 設(shè)計(jì)指南 213
6.1.1 應(yīng)用Logo符合釘釘要求 213
6.1.2 新用戶/功能引導(dǎo) 215
6.1.3 用戶授權(quán) 216
6.1.4 路徑清晰 217
6.1.5 突出重點(diǎn) 218
6.1.6 狀態(tài)告知及引導(dǎo)幫助 219
6.1.7 容錯(cuò) 222
6.1.8 平等對(duì)話 224
6.2 視覺規(guī)范 224
6.2.1 字號(hào) 224
6.2.2 顏色 225
6.2.3 列表 227
6.2.4 按鈕 228
6.2.5 圖標(biāo) 233
6.3 設(shè)計(jì)走查表 237
6.3.1 基本原則 237
6.3.2 更好的體驗(yàn) 238
6.3.3 上釘體驗(yàn)細(xì)則 238
第7章 釘釘小程序?qū)崙?zhàn)：抽獎(jiǎng)助手 242
7.1 準(zhǔn)備工作 242
7.2 設(shè)計(jì)思路 243
7.2.1 功能分析 243
7.2.2 功能開發(fā)設(shè)計(jì) 243
7.3 開發(fā)流程 246
7.3.1 創(chuàng)建應(yīng)用 246
7.3.2 小程序開發(fā)初始化 248
7.3.3 功能開發(fā) 251
7.3.4 應(yīng)用的調(diào)試與發(fā)布 303
第8章 釘釘小程序?qū)崙?zhàn)：會(huì)議室管理 306
8.1 準(zhǔn)備工作 306
8.2 設(shè)計(jì)思路 306
8.2.1 功能分析 306
8.2.2 功能開發(fā)設(shè)計(jì) 307
8.3 開發(fā)流程 309
8.3.1 創(chuàng)建應(yīng)用 309
8.3.2 小程序開發(fā)初始化 311
8.3.3 功能開發(fā) 313
8.3.4 應(yīng)用的調(diào)試與發(fā)布 353
附錄A 釘釘小程序JSAPI總覽 356