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

第1章 開發(fā)你的個釘釘小程序 1
1.1 準備工作 1
1.2 基本概念 1
1.3 創(chuàng)建項目 2
1.4 小程序開發(fā) 5
第2章 初識釘釘小程序 7
2.1 什么是釘釘小程序 7
2.1.1 釘釘小程序的演進 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 釘釘小程序運行機制 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 真機預覽 20
3.3.3 真機調(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 文件目錄結構 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 樣式導入 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è)應用 82
4.9.2 第三方個人應用 83
4.9.3 通用參數(shù) 83
4.9.4 如何在scheme上攜帶業(yè)務參數(shù) 84
4.10 SJS語法參考 84
4.10.1 SJS概述 84
4.10.2 變量 87
4.10.3 注釋 89
4.10.4 運算符 89
4.10.5 語句 92
4.10.6 數(shù)據(jù)類型 96
4.10.7 基礎類 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 基礎內(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 導航 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章 釘釘小程序設計規(guī)范 213
6.1 設計指南 213
6.1.1 應用Logo符合釘釘要求 213
6.1.2 新用戶/功能引導 215
6.1.3 用戶授權 216
6.1.4 路徑清晰 217
6.1.5 突出重點 218
6.1.6 狀態(tài)告知及引導幫助 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 圖標 233
6.3 設計走查表 237
6.3.1 基本原則 237
6.3.2 更好的體驗 238
6.3.3 上釘體驗細則 238
第7章 釘釘小程序?qū)崙?zhàn)：抽獎助手 242
7.1 準備工作 242
7.2 設計思路 243
7.2.1 功能分析 243
7.2.2 功能開發(fā)設計 243
7.3 開發(fā)流程 246
7.3.1 創(chuàng)建應用 246
7.3.2 小程序開發(fā)初始化 248
7.3.3 功能開發(fā) 251
7.3.4 應用的調(diào)試與發(fā)布 303
第8章 釘釘小程序?qū)崙?zhàn)：會議室管理 306
8.1 準備工作 306
8.2 設計思路 306
8.2.1 功能分析 306
8.2.2 功能開發(fā)設計 307
8.3 開發(fā)流程 309
8.3.1 創(chuàng)建應用 309
8.3.2 小程序開發(fā)初始化 311
8.3.3 功能開發(fā) 313
8.3.4 應用的調(diào)試與發(fā)布 353
附錄A 釘釘小程序JSAPI總覽 356