iKcamp官网:http://www.ikcamp.com 访问官网更快阅读全部免费分享课程:<iKcamp出品|全网最新|微信小程序|基于最新版1.0开发者工具之初中级培训教程分享>. 包含:文章.视频.源代码 第二章:小程序中级实战教程之预备篇   项目结构设计 教学视频地址:https://v.qq.com/x/page/q05544lzelw.html 开始前请把 ch2-1 分支中的 code/ 目录导入微信开发工具   前面的章节中,我们完成了小程序的准备工作,熟悉了小程序的基本…

§ 封装网络请求及 mock 数据 本文配套视频地址: https://v.qq.com/x/page/i05544fogcm.html 开始前请把 ch2-3 分支中的 code/ 目录导入微信开发工具 上一节中,我们对 index.js 文件中增加了 util 对象,并在对象中封装了很多公用方法 let util = { log(){--}, alert(){--}, getStorageData(){--}, setStorageData(){--} } 本节中,我们对常用的网络请求方法…

iKcamp官网:http://www.ikcamp.com 访问官网更快阅读全部免费分享课程:<iKcamp出品|全网最新|微信小程序|基于最新版1.0开发者工具之初中级培训教程分享>. 包含:文章.视频.源代码 第一章:小程序初级入门教程 工具安装 在上一节第 8 步所展示的页面中,可以点击 开发者工具 直接进入到下载页面,也可以直接访问 官网下载地址.然后根据自己的设备选择相应的下载 安装过程不再复述,一路默认. 下载开发工具 § 小程序工具起手 此教程选择的工具为 mac 平台版本,没…

第一章:小程序初级入门教程 小试牛刀[含视频] 视频地址:https://v.qq.com/x/page/i0554akzobq.html 这一章节中,我们尝试着写一个最简单的例子,包含 2 个静态页面,并增加菜单导航功能.小体验一把. Step 1. 清理结构 清理后如下结构,只保留了两个 必备 文件,同时做如下修改: ├── app.js ├── app.json //app.js App({ onLaunch: function () { } }) { "pages":[ ],…

…

§ 详情 - 数据渲染 本文配套视频地址: https://v.qq.com/x/page/x055550lrvd.html 开始前请把 ch4-2 分支中的 code/ 目录导入微信开发工具 这一节中,我们开始详情的接口调用.数据加载和视图渲染过程. Step 1. 引入公用的一些工具库,修改 detail.js: 'use strict'; import util from '../../utils/index'; import config from '../../utils/config…

详情 - 功能完善 本文配套视频地址: https://v.qq.com/x/page/f0555nfdi14.html 开始前请把 ch4-3 分支中的 code/ 目录导入微信开发工具 这一节中,我们把详情的其他功能完善起来:下一篇. 分享. 返回列表. Step 1. 增加 下一篇 功能 增加 下一篇 的功能,我们需要在视图中绑定一个事件,来触发代码中的响应函数,此函数会调用接口,返回下一篇文章内容数据. 1.修改视图文件 detail.wxml,增加相应的绑定事件 <button cla…

下拉更新.分享.阅读标识 本文配套视频地址: https://v.qq.com/x/page/h0554i4u5ob.html 开始前请把 ch3-4 分支中的 code/ 目录导入微信开发工具 这一篇中,我们把列表这块的剩余功能做完:下拉更新.分享.阅读标识. 下拉更新功能 下拉更新这个功能与我们在第一章中写的小 demo 所用方法一致:onReachBottom. 当用户滚动过程中触发了 上拉 这个动作时候,微信小程序会自动监听到并执行 onReachBottom 这个函数,所以我们只需要把…

详情 - 页面制作 本文配套视频地址: https://v.qq.com/x/page/o0555o20xjd.html 开始前请把 ch4-1 分支中的 code/ 目录导入微信开发工具 这一章节中,主要介绍详情页的页面制作过程 首先看一下我们最终要展示的页面 页面结构大体分为三部分,也是最常见的布局方式:头部.中间体.尾部.最顶部的是页面 title,也就是标题,如果是一般的页面,我们只需要在 detail.json 中增加如下配置即可: "navigationBarTitleText&qu…

§ 视图与数据关联 本文配套视频地址: https://v.qq.com/x/page/z0554wyswib.html 开始前请把 ch3-3 分支中的 code/ 目录导入微信开发工具 首先 首先我们要做的是什么呢?直接写模板逻辑吗?不是,给用户以良好的提示是很重要的,所以,我们要做的第一件事就是,加载中... 这里我们采用官方 loading 组件,所以现在就可以直接拿来用了. 修改 index.wxml,增加 loading 组件.很明显,变量 hiddenLoading 控制着它的展示…