微信小程序实战入门

给大家带来的一篇关于微信开发相关的电子书资源，介绍了关于微信小程序实战、微信小程序入门方面的内容，本书是由人民邮电出版社出版，格式为PDF，资源大小32.7 MB，刘明洋编写，目前豆瓣、亚马逊、当当、京东等电子书综合评分为：8.2。

内容介绍

中国教育创新校企合作同盟权威专家联合会负责人陈滢中国计算机学会文化教育工作中联合会委员会管刚慧科集团技术性高级副总裁李嘉协同强烈推荐完成一本书轻松玩小程序开发小程序产生了根据社交网络平台的移动智能终端新现代性，激起了很多运用自主创新，造成了众多开发者的巨大关心。这书定义详细介绍从入门到精通，浅显易懂，实例丰富多彩且分析完全，熟度把握恰当，可以见得创作者在编程设计层面基础理论和实践活动深层融合的基本功。相信这本书一定会变成读者的一本有关小程序的大百度百科。

《微信小程序实战入门内含完整实例解析》是一本的全新升级的零基础小程序实战演练新手入门指南。不仅解读了开发环境的应用、架构的应用和手机微信API插口等有关知识要点，也是融合CSS专业知识、html专业知识领着大伙儿去处理具体开发设计中的一些难题。详解小程序开发所涉及到的內容和核心技术，协助开发者迅速把握小程序开发，关键包含页面、互联网、当地数据信息及缓存文件、机器设备硬件配置、微信二次开发插口、新闻媒体、后端开发与设计方案。包括详细的案例分析，协助读者从进行从实践活动的成长，完成一本书拿下小程序开发。合适全部对小程序很感兴趣的人士阅读文章。

目录

• 第一章 创建项目 1
• 1.1 注册小程序开发者 1
• 1.2 安装环境 7
• 1.3 创建小程序 7
• 1.4 开发工具介绍 9
• 1.4.1 概览 9
• 1.4.2 编辑 10
• 1.4.3 调试 16
• 1.4.4 项目 20
• 1.4.5 运行预览 22
• 第二章 小程序详细介绍 23
• 2.1 小程序、原生App、
• WebApp的区别 23
• 2.2 应用场景 26
• 2.3 全局配置（app.json）和
• 页面配置（*.json） 27
• 2.3.1 全局配置app.json
• 详解 27
• 2.3.2 页面配置（*.json） 32
• 2.4 小程序架构 32
• 2.4.1 框架介绍 32
• 2.4.2 逻辑层 34
• 2.4.3 视图层（WXML和
• WXSS 介绍） 40
• 2.4.4 数据层 40
• 2.5 视图层WXML 介绍 50
• 2.6 视图层WXSS 介绍 63
• 2.7 WXML与HTML的区别 65
• 2.8 小程序调试、上传、发布 66
• 2.8.1 事前准备：Https 66
• 2.8.2 预览及调试 67
• 2.8.3 发布 69
• 第三章 框架组件 73
• 3.1 框架组件介绍 73
• 3.2 视图容器 76
• 3.2.1 view 76
• 3.2.2 scroll-view 96
• 3.2.3 swiper 与
• swiper-item 100
• 3.2.4 movable-area与
• movable-view 106
• 3.2.5 cover-view 与
• cover-image 108
• 3.3 基础内容 110
• 3.3.1 icon 110
• 3.3.2 text 113
• 3.3.3 rich-text 116
• 3.3.4 progress 118
• 3.4 表单组件 119
• 3.4.1 button 119
• 3.4.2 checkbox与
• checkbox-group 123
• 3.4.3 form 124
• 3.4.4 input 126
• 3.4.5 label 133
• 3.4.6 picker 136
• 3.4.7 picker-view 146
• 3.4.8 radio 149
• 3.4.9 slider 152
• 3.4.10 switch 153
• 3.4.11 textarea 156
• 3.5 操作反馈 160
• 3.5.1 action-sheet 160
• 3.5.2 modal 163
• 3.5.3 toast 165
• 3.5.4 loading 167
• 3.6 导航 （navigator） 169
• 3.7 媒体组件 171
• 3.7.1 audio 171
• 3.7.2 image 174
• 3.7.3 video 178
• 3.8 地图（map） 183
• 3.9 画布（canvas） 190
• 3.10 客服会话
• （contact-button） 191
• 3.11 开放数据（open-data） 192
• 第四章 API 193
• 4.1 网络 193
• 4.1.1 wx.request（OBJECT）
• 发起请求 194
• 4.1.2 上传、下载 197
• 4.1.3 Websocket 201
• 4.2 媒体 205
• 4.2.1 图片 205
• 4.2.2 录音 210
• 4.2.3 音频播放控制 211
• 4.2.4 音乐播放控制 213
• 4.2.5 视频和视频组件控制 220
• 4.3 文件 224
• 4.4 数据缓存 229
• 4.5 位置 234
• 4.5.1 获取位置 234
• 4.5.2 查看位置 237
• 4.5.3 地图组件控制 238
• 4.6 设备 239
• 4.6.1 系统信息 239
• 4.6.2 网络状态 243
• 4.6.3 重力感应-加速度计 244
• 4.6.4 罗盘 245
• 4.6.5 拨打电话 247
• 4.6.6 扫码 247
• 4.6.7 剪贴板 248
• 4.6.8 蓝牙 250
• 4.6.9 iBeacon 264
• 4.6.10 屏幕亮度 267
• 4.6.11 用户截屏事件 269
• 4.6.12 震动 269
• 4.6.13 手机联系人 270
• 4.7 界面交互 272
• 4.7.1 交互反馈 272
• 4.7.2 页面导航（设置导航条、
• 导航） 275
• 4.7.3 动画 281
• 4.7.4 下拉刷新 285
• 4.7.5 位置 285
• 4.8 绘图 288
• 4.8.1 坐标系介绍
• （coordinates） 289
• 4.8.2 绘图主接口 290
• 4.8.3 填充颜色、线条、阴影 293
• 4.8.4 渐变 294
• 4.8.5 线条样式 297
• 4.8.6 矩形 300
• 4.8.7 路径 302
• 4.8.8 变形 311
• 4.8.9 文字（设置字号/绘制
• 文本） 312
• 4.8.10 图片（drawImage） 314
• 4.8.11 全局画笔透明度
• （setGlobalAlpha） 315
• 4.8.12 其他 316
• 4.9 拓展接口 317
• 4.10 开放接口 318
• 第五章 开放API 319
• 5.1 登录 319
• 5.2 签名加密 324
• 5.3 授权 326
• 5.4 用户信息 327
• 5.5 微信支付 329
• 5.6 模板消息 330
• 5.6.1 使用说明 330
• 5.6.2 接口说明 331
• 5.7 客服消息 335
• 5.7.1 接收消息和事件 335
• 5.7.2 发送客服消息 338
• 5.7.3 临时素材接口 339
• 5.7.4 接入指引 341
• 5.8 分享 343
• 5.9 二维码 347
• 5.10 收货地址 348
• 5.11 卡券 349
• 5.12 设置 351
• 5.13 微信运动 352
• 5.14 打开小程序 354
• 第六章 项目实战 356
• 6.1 仿新闻小应用 356
• 6.1.1 通过tabBar实现页面
• 之间的切换 357
• 6.1.2 顶部滑动菜单的实现 358
• 6.1.3 新闻列表的实现 361
• 6.1.4 首页完整代码 363
• 6.1.5 用户中心界面实现 369
• 6.1.6 用户中心界面完整
• 代码 372
• 6.2 书架功能 376
• 6.2.1 精彩推荐模块实现 377
• 6.2.2 热门书籍模块实现 377
• 6.2.3 精品书籍模块实现 378
• 6.3 录音功能 385
• 6.4 二维码生成器 391
• 6.5 图片滤镜 393
• 6.5.1 模糊、怀旧、复古、美白
• 功能的实现 394
• 6.5.2 饱和度、亮度、对比度
• 功能的实现 396
• 6.5.3 动态滤镜的实现 397
• 6.6 仿电影小应用 398
• 6.6.1 电影列表页面的实现 399
• 6.6.2 电影详情页面的实现 405
• 6.6.3 搜索页面的实现 408
• 附件1 微信小程序相关规范及常见
• 问题 417
• 附件2 资源下载 418

学习笔记

微信小程序实现弹出菜单功能

需求 点击标签栏按钮，向下弹出菜单，再次点击，收回菜单 要解决的问题 标签栏三栏样式，标签栏固定不动； 点击标签栏弹出菜单，并且出现透明遮罩； 遮罩优先级在弹出框之下； 弹出框内标签的设置； 滚动栏滚动条的隐藏 如何解决？ 弹性布局，横向，三者平分整栏; 状态监听点击事件，数据控制hide或者show,通过rgba设置透明度 弹出框设置z-index； 弹性布局flex 横向排列 超出后wrap 然后space-around控制间距 ::-webkit-scrollbar {width: 0;height: 0;color: transparent;} 具体实现 wxml import src="../../templates/template" /view class="container {{isMask?'mask':''}}" view class="header" view class="filterCity {{status=='1' isActive?'active':''}}" data-status='1……

微信小程序slider组件使用详解

本文为大家分享了微信小程序slider组件的使用方法，供大家参考，具体内容如下 效果图 WXML view class="tui-content" view class="tui-slider-head"设置step,当前设置步伐为5,当前值：{{slider1}}/view view class="tui-slider-box" slider bindchange="changeSlider1" step="5" value="{{slider1}}"/ /view/viewview class="tui-content" view class="tui-slider-head"是否在右侧显示当前值/view view class="tui-slider-box" slider bindchange="changeSlider2" value="{{slider2}}" show-value/ /view/viewview class="tui-content" view class="tui-slider-head"设置最大值、最小值/view view class="tui-slider-box" slider bindchange="changeSlider3" min="20" max="90" value="{{slider3}}" show-value/ /view/viewview class="tui-content" view class="tui-slider-head"滑动选……

如何让微信小程序页面之间的通信不再变困难

一个开始 小程序开发者总会碰到各种页面之间的通信问题，实现方式也五花八门，比如... 场景还原 首先这是一个电商小程序。 有这样一个需求： 首页某个地方要展示购物车商品数量。 当我在其他页面加购了商品，首页数量刷新。 实现方式 方式一：onShow直接请求接口 Page({ onShow() { // ...一些逻辑 // 后端请求新的购物车数量 this.requestCartNum(); }}) 不足： 每次onShow都要请求接口，浪费资源。 方式二：globalData存储购物车数量，onShow中做刷新 // 主页.jsPage({ onShow() { // 在globalData获取到购物车数据 let num = globalData.cartNum; if (num !== this.data.cartNum) { this.setData({ cartNum: num, }); } }});// 加购页.jsPage({ // 加购后改变globa……

微信小程序中为什么使用var that=this

前言： 在小程序或者js开发中，经常需要使用var that = this;开始我以为是无用功，（原谅我的无知），后来从面向对象的角度一想就明白了，下面简单解释一下我自己的理解，欢迎指正批评。 代码示例： Page({ data: { test:10 }, testfun1: function () { console.log(this.data.test) // 10 function testfun2(){ console.log(this.data.test) //undefined } testfun2() },}) 第一个 this.data.test 打印结果为10，原因是因为this的指向是包含自定义函数testfun1()的Page对象。 第二个打印语句实际上会报错，原因是在函数testfun2()中，this指向已经发生改变，也不存在data属性，会error：Cannot read property 'data' of undefined; 解决办法 为复制一份this的指向到变量中，这样在……

微信小程序分享海报生成的实现方法

为了吸引更多的用户，设计好一个分享海报还是很有必要的。而小程序要生成一个海报还是有点坑的，下面分享下我们打卡小程序的一些经验。 分享海报的效果图如下： 制作要求： 海报以弹窗形式展现，各种手机型号都可以正常显示 海报的内容由背景图、日期、随机的名言警句、活动的二维码及用户的参加活动的信息 海报保存的图片大小为 iphone 6 的两倍图（750 * 1334） 由于看到的弹窗图片与保存的图片是两种大小，所以一开始看了些网上的其他教程，建议是搞两个 canvas 一个大的一个小的。实际过程中，采用了一个大的 canvas ，让其偏离视窗显示区域（不可见）并生成临时文件，弹窗的图片再使用……

以上就是本次介绍的微信开发电子书的全部相关内容，希望我们整理的资源能够帮助到大家，感谢大家对码农之家的支持。

上一篇：深度学习精要（基于R语言）

下一篇：大富翁手机游戏开发实战：基于Cocos2d-x 3.2引擎