如何在原生微信小程序中实现数据双向绑定
2018-03-17
阅读 3 分钟
5.3k下文要讲的是小程序框架 minapp 中实现双向绑定的原理，在 minapp 中，你只需要在 wxml 模板中给组件的属性名后加上 .sync 就可以实现双向绑定。下面为了解释其原理，过程可能会说的稍微复杂些，但其实 minapp 框架已经处理了那些繁杂的细节！
【推荐】开源项目minapp－重新定义微信小程序的开发
2018-03-04
阅读 2 分钟
4.3k用 npm 安装命令行工具： npm install -g @minapp/cli --registry "https://registry.npmjs.org/" （避免从淘宝镜像上安装，它上面的还是老版本，已经给他们提了一个 issue）
iKcamp出品微信小程序教学共5章16小节汇总(含视频)
2017-11-06
阅读 3 分钟
4.1k?? 微信小程序课程，面向所有具备前端基础知识的同学 ?? 阅读要求 读者需要具备但不限于以下技能 HTML JavaScript es6更佳 CSS 一共四部分十五小节，适合七天的训练营。 从现在开始，我假装你已经掌握了 html、 css以及 ES6 ☝️ 目标导向 本教程以实战项目驱动，以沪江英语微信小程序项目框架为基础，最终还原一个完整的...
微信小程序教学第四章第三节（含视频）：小程序中级实战教程：详情-功能完善
2017-11-03
阅读 5 分钟
1.8k详情 - 功能完善 本文配套视频地址：[链接] 开始前请把 ch4-3 分支中的 code/ 目录导入微信开发工具 这一节中，我们把详情的其他功能完善起来：下一篇、 分享、 返回列表。 Step 1. 增加 下一篇 功能 增加 下一篇 的功能，我们需要在视图中绑定一个事件，来触发代码中的响应函数，此函数会调用接口，返回下一篇文章内容...
微信小程序教学第四章第二节（含视频）：小程序中级实战教程：详情-视图渲染
2017-11-01
阅读 5 分钟
2.2k§ 详情 - 数据渲染 本文配套视频地址：[链接] 开始前请把 ch4-2 分支中的 code/ 目录导入微信开发工具 这一节中，我们开始详情的接口调用、数据加载和视图渲染过程。 Step 1. 引入公用的一些工具库，修改 detail.js： {代码...} Step 2. 修改 detail.js 在页面初始化时候，请求接口，加载详情数据 {代码...} 运行之后，...
微信小程序教学第四章第一节（含视频）：小程序中级实战教程：详情-页面制作
2017-10-31
阅读 6 分钟
2.2k详情 - 页面制作 本文配套视频地址：[链接] 开始前请把 ch4-1 分支中的 code/ 目录导入微信开发工具 这一章节中，主要介绍详情页的页面制作过程 首先看一下我们最终要展示的页面 页面结构大体分为三部分，也是最常见的布局方式：头部、中间体、尾部。最顶部的是页面 title，也就是标题，如果是一般的页面，我们只需要在 ...
微信小程序教学第三章第四节（含视频）：小程序中级实战教程：下拉更新、分享、阅读标识
2017-10-30
阅读 6 分钟
2.2k下拉更新、分享、阅读标识 本文配套视频地址：[链接] 开始前请把 ch3-4 分支中的 code/ 目录导入微信开发工具 这一篇中，我们把列表这块的剩余功能做完：下拉更新、分享、阅读标识。 下拉更新功能 下拉更新这个功能与我们在第一章中写的小 demo 所用方法一致：onReachBottom。 当用户滚动过程中触发了 上拉 这个动作时候...
微信小程序教学第三章第三节（含视频）：小程序中级实战教程：视图与数据关联
2017-10-26
阅读 4 分钟
1.8k§ 视图与数据关联 本文配套视频地址：[链接] 开始前请把 ch3-3 分支中的 code/ 目录导入微信开发工具 首先 首先我们要做的是什么呢？直接写模板逻辑吗？不是，给用户以良好的提示是很重要的，所以，我们要做的第一件事就是，加载中... 这里我们采用官方 loading 组件，所以现在就可以直接拿来用了。 修改 index.wxml，...
微信小程序教学第三章（含视频）：小程序中级实战教程：列表-页面逻辑处理
2017-10-25
阅读 9 分钟
2.5k我们首先挖出和渲染相关的数据，并添加在 handler 对象的 data 字段中（Model 层） 修改 index.js 中的 handler 对象：
微信小程序教学第三章（含视频）：小程序中级实战教程：列表-静态页面制作
2017-10-24
阅读 4 分钟
2.2k开始前请把 ch3-1 分支中的 code/ 目录导入微信开发工具 这一章主要会教大家如何用小程序制作一个可以无限加载的列表。希望大家能通过这个例子掌握制作各种列表的原理。
微信小程序教学第二章（含视频）：小程序中级实战教程之预备篇 - 封装网络请求及 mock 数据
2017-10-23
阅读 3 分钟
2.5k§ 封装网络请求及 mock 数据 本文配套视频地址：[链接] 开始前请把 ch2-3 分支中的 code/ 目录导入微信开发工具 上一节中，我们对 index.js 文件中增加了 util 对象，并在对象中封装了很多公用方法 {代码...} 本节中，我们对常用的网络请求方法 wx.request 进行封装 {代码...} 对于请求的参数，我们设置下默认值，方便调...
微信小程序教学第二章（含视频）：小程序中级实战教程之预备篇 - 提取util公用方法 ｜基于最新版1.0开发者工具
2017-10-19
阅读 12 分钟
3.3kiKcamp官网：[链接] 访问官网更快阅读全部免费分享课程：《iKcamp出品｜全网最新｜微信小程序｜基于最新版1.0开发者工具之初中级培训教程分享》。包含：文章、视频、源代码
微信小程序教学第二章：小程序中级实战教程之预备篇 - 项目结构设计 ｜基于最新版1.0开发者工具
2017-10-18
阅读 5 分钟
2.1kiKcamp官网：[链接] 访问官网更快阅读全部免费分享课程：《iKcamp出品｜全网最新｜微信小程序｜基于最新版1.0开发者工具之初中级培训教程分享》。包含：文章、视频、源代码
iKcamp出品｜微信小程序｜小试牛刀(视频)+发布流程｜基于最新版1.0开发者工具初中级教程分享
2017-10-17
阅读 6 分钟
2.1kiKcamp官网：[链接] 访问官网更快阅读全部免费分享课程：《iKcamp出品｜全网最新｜微信小程序｜基于最新版1.0开发者工具之初中级培训教程分享》。包含：文章、视频、源代码
iKcamp出品｜微信小程序｜工具安装+目录说明｜基于最新版1.0开发者工具初中级教程分享
2017-10-16
阅读 5 分钟
2.2kiKcamp官网：[链接] 访问官网更快阅读全部免费分享课程：《iKcamp出品｜全网最新｜微信小程序｜基于最新版1.0开发者工具之初中级培训教程分享》。包含：文章、视频、源代码
iKcamp出品｜全网最新｜微信小程序｜基于最新版1.0开发者工具之初中级培训教程分享
2017-10-12
阅读 3 分钟
2.7kiKcamp官网：[链接] 访问官网更快阅读全部免费分享课程：《iKcamp出品｜全网最新｜微信小程序｜基于最新版1.0开发者工具之初中级培训教程分享》。包含：文章、视频、源代码