●章认识小程序1 1.1概述1 1.1.1小程序是什么1 1.1.2小程序的使命1 1.2打开小程序2 1.2.1二维码2 1.2.2微信搜索2 1.2.3微信公众号2 1.2.4微信会话窗口3 1.2.5附近的小程序4 1.2.6历史记录5 1.3小程序特性6 1.3.1改进6 1.3.2对比6 1.3.3工具8 1.4常见问题9 第2章开发过程11 2.1注册11 2.2完善信息13 2.3开发14 2.3.1准备环境14 2.3.2扫码启动14 2.3.3个小程序17 2.3.4编辑视图18 2.3.5调试视图19 2.3.6项目视图24◆微信小程序入门目录2.4审核上架25 第3章开发基础26 3.1概述26 3.2结构28 3.3配置29 3.3.1应用级配置29 3.3.2页面级配置33 3.4逻辑层33 3.4.1应用级注册34 3.4.2页面级注册36 3.4.3页面路由40 3.4.4模块化41 3.4.5生命周期43 3.5视图层43 3.5.1数据绑定43 3.5.2条件渲染48 3.5.3循环渲染49 3.5.4模板52 3.5.5事件54 3.5.6引用58 第4章页面组件60 4.1概述60 4.2视图容器61 4.2.1基础容器61 4.2.2滚动容器63 4.2.3滑动块容器67 4.3基础内容70 4.3.1图标组件70 4.3.2文本组件73 4.3.3进度条组件75 4.4表单组件78 4.4.1按钮组件78 4.4.2复选框组件81 4.4.3输入框组件84 4.4.4标签组件88 4.4.5选择器组件92 4.4.6单选框组件96 4.4.7滑动选择器组件98 4.4.8开关组件100 4.4.9多行输入框组件102 4.4.10表单组件105 4.5导航109 4.6媒体组件111 4.6.1音频组件111 4.6.2图片组件114 4.6.3视频组件118 4.7地图组件122 4.8客服会话126 第5章页面样式128 5.1WXSS概述128 5.1.1定义样式128 5.1.2使用样式129 5.1.3优先原则130 5.2选择器131 5.2.1分类131 5.2.2权重134 5.3基础样式135 5.3.1文本135 5.3.2背景137 5.3.3轮廓139 5.3.4内容生成140 5.4样式值140 5.4.1长度值140 5.4.2颜色值141 5.5动态样式142 第6章页面布局143 6.1元素类别143 6.1.1块级元素143 6.1.2内联元素143 6.1.3内联块级144 6.2box模型144 6.2.1基础概念144 6.2.2基础样式145 6.2.3圆角矩形152 6.2.4盒子阴影154 6.2.5代码缩写155 6.3传统布局156 6.3.1概述156 6.3.2flow布局157 6.3.3float布局157 6.3.4layer布局158 6.4flex布局162 6.4.1概述162 6.4.2基础概念163 6.4.3相关属性163 6.4.4伸缩规则166 6.5布局实战168 6.5.1导航栏169 6.5.2宫格式169 6.5.3列表式170 6.5.4转盘式172 6.5.5多面板174 6.5.6标签177 第7章JavaScript基础179 7.1概述179 7.1.1概念179 7.1.2运行181 7.1.3调试182 7.2语法183 7.2.1结构183 7.2.2变量184 7.2.3数据类型185 7.2.4表达式和运算符187 7.2.5语句191 7.2.6JSON195 7.3函数196 7.3.1定义196 7.3.2调用197 7.3.3参数200 7.3.4函数类型201 7.3.5立即执行函数202 7.3.6闭包206 7.4面向对象207 7.4.1基础概念207 7.4.2创建对象211 7.4.3实现继承215 7.5ES6核心221 7.5.1变量相关221 7.5.2类和继承222 7.5.3箭头函数223 7.5.4字符串模板224 第8章小程序接口225 8.1网络操作225 8.1.1网络请求225 8.1.2上传和226 8.2媒体操作230 8.2.1图片操作230 8.2.2语音录制与播放236 8.2.3音频相关接口238 8.2.4视频录制与选择241 8.2.5视频播放器接口242 8.2.6文件处理243 8.3数据缓存246 8.4位置操作248 8.4.1获取位置248 8.4.2地图组件控制250 8.5设备相关251 8.5.1系统信息251 8.5.2网络状态253 8.5.3传感器253 8.5.4拨打电话254 8.5.5扫一扫功能255 8.5.6剪切板255 8.5.7蓝牙操作256 8.6界面264 8.6.1交互反馈264 8.6.2页面标题栏的设置268 8.6.3页面跳转268 8.6.4下拉刷新269 8.7开放接口269 8.7.1登录269 8.7.2用户信息274 8.7.3微信支付274 8.7.4模板消息275 8.7.5客服消息281 8.7.6分享290 8.7.7获取二维码293 8.7.8地址选择294 8.7.9卡券295 8.7.10授权设置296 第9章综合示例——实时公交298 9.1需求分析298 9.2视图层设计298 9.3逻辑层设计300 9.4代码实现300 9.4.1应用配置300 9.4.2首页轮播图片301 9.4.3首页实时公交查询302 9.4.4首页公交列表303 9.4.5实时公交查询页面305 9.4.6实时公交详情页面310 0章综合示例——电商平台316 10.1需求分析316 10.2视图层设计316 10.3逻辑层设计319 10.4代码实现322 10.4.1应用配置322 10.4.2首页轮播图片323 10.4.3首页人气推荐325 10.4.4商品分类326 10.4.5商品搜索329 10.4.6商品详情330 附录A小程序开发工具中的常用快捷键332 附录B场景值333附录C模板消息审核规则335
内容简介
“一条主线”，以小程序开发框架为主线。～3章从小程序概述及开发流程讲起，介绍了小程序开发框架的基础知识，并使其贯穿全书。 “两个重点”，以框架中的视图层和逻辑层为重点。第4～6章从页面的组件、CSS样式及布局共三个层面讲解如何开发小程序页面。第7～8章从基础的JavaScript语法到小程序API接口，深入浅出地介绍了代码逻辑的实现。 “两个案例”，以实时公交和电商平台综合案例结尾。第9～10章对前面的知识进行了回顾和实践，并简单介绍了程序设计和开发的思路。 本书面向零基础的微信小程序爱好者、有一定基础的前端工程师以及计算机相关专业的学生。
第5章Chapter5 页 面 样 式5.1WXSS概述 CSS(Cascading Style Sheets)是一套样式语言，用于描述HTML组件的样式，决定HTML组件如何显示。微信小程序的WXSS(WeiXin Style Sheets)也是一套样式语言，用于描述小程序的组件样式，决定小程序组件如何显示。WXSS在很大程度上借鉴了CSS的语法。 WXSS保留了绝大部分CSS的特性，小程序官方并未给出专门文档。本章以CSS为主线展开，以介绍原理为主，不涉及过多细节，实践中可以通过查阅CSS手册掌握细节。同时，对WXSS与CSS的区别进行重点说明。 5.1.1定义样式〖*2〗1. 角色在微信小程序中，WXML负责页面结构（类似HTML），WXSS负责页面样式和布局（类似CSS），而JavaScript负责页面交互及逻辑实现。WX......
用“小而美”形容微信小程序再合适不过了： 微信小程序是一个轻量级的前端技术，对代码体积、页面层级都有明确限制，是为“小”；同时，其语法简洁、框架优雅、用户体验流畅，是为“美”。 我们正处在一个知识爆炸的时代，表面上获取信息的成本越来越低，百度、知乎、分答等，都可以帮助人们方便快捷地获取信息，但构建知识体系的成本却在增大。有效“信号”增加的同时，“噪音”增加得更多，人们不得不花费大量精力去伪存真。本书并不创造新知识，只是把作者的多年实践经验结合微信小程序梳理成册，分享给读者。希望这是一本有用的书，是一本节约读者时间的书，希望能够和读者一起见证小程序的成长，一起领略“小而美”。 本书涵盖了小程序开发所需要的全部内容，内容翔实，通俗易懂，不仅适合有一定基础的读者，也适合零基础的读者。 本书首先介绍了小程序是什么，为何而生，有什么特性，随后讨论了小程序的开发过程及开发框架。在此基础上，对开发......
评论晒单