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

第1章 開發(fā)你的個釘釘小程序 1
1.1 準(zhǔn)備工作 1
1.2 基本概念 1
1.3 創(chuàng)建項目 2
1.4 小程序開發(fā) 5
第2章 初識釘釘小程序 7
2.1 什么是釘釘小程序 7
2.1.1 釘釘小程序的演進(jìn) 7
2.1.2 釘釘小程序的功能 8
2.1.3 釘釘小程序的使用場景 8
2.2 釘釘小程序原理解析 10
2.2.1 概述 10
2.2.2 Page頁面原理解析 11
2.2.3 為什么“沒有DOM” 12
2.2.4 小程序的性能優(yōu)勢 14
2.3 釘釘小程序運(yùn)行機(jī)制 14
第3章 使用釘釘小程序開發(fā)者工具 16
3.1 使用IDE創(chuà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注冊小程序 27
4.3.2 app.json全局配置 28
4.3.3 getApp方法 32
4.3.4 多語言配置 34
4.4 釘釘小程序頁面配置 35
4.4.1 注冊小程序頁面 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 事件對象 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 第三方個人應(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è)計規(guī)范 213
6.1 設(shè)計指南 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 突出重點 218
6.1.6 狀態(tài)告知及引導(dǎo)幫助 219
6.1.7 容錯 222
6.1.8 平等對話 224
6.2 視覺規(guī)范 224
6.2.1 字號 224
6.2.2 顏色 225
6.2.3 列表 227
6.2.4 按鈕 228
6.2.5 圖標(biāo) 233
6.3 設(shè)計走查表 237
6.3.1 基本原則 237
6.3.2 更好的體驗 238
6.3.3 上釘體驗細(xì)則 238
第7章 釘釘小程序?qū)崙?zhàn)：抽獎助手 242
7.1 準(zhǔn)備工作 242
7.2 設(shè)計思路 243
7.2.1 功能分析 243
7.2.2 功能開發(fā)設(shè)計 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)：會議室管理 306
8.1 準(zhǔn)備工作 306
8.2 設(shè)計思路 306
8.2.1 功能分析 306
8.2.2 功能開發(fā)設(shè)計 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