
微信小程序
文章平均质量分 84
iKcamp
iKcamp由热爱原创和翻译的小伙伴发起,成员来自美团点评、沪江等。成立于2016年7月,"iK"代表布兰登·艾克(JavaScript之父)。 追随JavaScript这门语言所秉持的精神,崇尚开放和自由的我们一同工作、分享、创作,等候更多有趣跳动的灵魂。原创书籍:《移动Web前端高效开发实战》。
展开
-
微信小程序教学第三章第四节(含视频):小程序中级实战教程:下拉更新、分享、阅读标识
下拉更新、分享、阅读标识 本文配套视频地址: https://v.qq.com/x/page/h0554i4u5ob.html 开始前请把 ch3-4 分支中的 code/ 目录导入微信开发工具 这一篇中,我们把列表这块的剩余功能做完:下拉更新、分享、阅读标识。 下拉更新功能 下拉更新这个功能与我们在第一章中写的小 demo 所用方法一致:onReachBottom。原创 2017-10-30 11:00:03 · 489 阅读 · 0 评论 -
【推荐】开源项目minapp-重新定义微信小程序的开发
minapp重新定义微信小程序的开发 官网:https://qiu8310.github.io/minapp/ 作者:Moraminapp重新定义微信小程序的开发使用用 npm 安装命令行工具: npm install -g @minapp/cli --registry "https://registry.npmjs.org/" (避免从淘宝镜像上...原创 2018-03-04 15:25:00 · 889 阅读 · 1 评论 -
iKcamp出品微信小程序教学共5章16小节汇总(含视频)
微信小程序课程,面向所有具备前端基础阅读要求 读者需要具备但不限于以下技能 - HTML - JavaScript es6更佳 - CSS一共四部分十五小节,适合七天的训练营。 从现在开始,我假装你已经掌握了 html、 css以及 ES6 ☝️ 目标导向 本教程以实战项目驱动,以沪江英语微信小程序项目框架为基础,最终还原一个完整的小程序列表页面:请求接口,并展示列原创 2017-11-06 11:03:21 · 1154 阅读 · 0 评论 -
微信小程序教学第四章第三节(含视频):小程序中级实战教程:详情-功能完善
详情 - 功能完善 本文配套视频地址: https://v.qq.com/x/page/f0555nfdi14.html 开始前请把 ch4-3 分支中的 code/ 目录导入微信开发工具 这一节中,我们把详情的其他功能完善起来:下一篇、 分享、 返回列表。 Step 1. 增加 下一篇 功能增加 下一篇 的功能,我们需要在视图中绑定一个事件,来触发代码中的响应函数,此函数会调原创 2017-11-03 11:19:21 · 300 阅读 · 0 评论 -
微信小程序教学第三章第三节(含视频):小程序中级实战教程:视图与数据关联
§ 视图与数据关联 本文配套视频地址: https://v.qq.com/x/page/z0554wyswib.html 开始前请把 ch3-3 分支中的 code/ 目录导入微信开发工具 首先首先我们要做的是什么呢?直接写模板逻辑吗?不是,给用户以良好的提示是很重要的,所以,我们要做的第一件事就是,加载中…这里我们采用官方 loading 组件,所以现在就可以直接拿来用了。修改 i原创 2017-10-26 11:57:02 · 850 阅读 · 0 评论 -
微信小程序教学第三章(含视频):小程序中级实战教程:列表-页面逻辑处理
§ 页面逻辑处理 本文配套视频地址: https://v.qq.com/x/page/n0554dndrez.html 开始前请把 ch3-2 分支中的 code/ 目录导入微信开发工具 修改 index.js 文件,引入我们需要的外部资源'use strict';import util from '../../utils/index';import config from '..原创 2017-10-25 12:10:36 · 576 阅读 · 0 评论 -
微信小程序教学第四章第二节(含视频):小程序中级实战教程:详情-视图渲染
§ 详情 - 数据渲染 本文配套视频地址: https://v.qq.com/x/page/x055550lrvd.html 开始前请把 ch4-2 分支中的 code/ 目录导入微信开发工具 这一节中,我们开始详情的接口调用、数据加载和视图渲染过程。 Step 1. 引入公用的一些工具库,修改 detail.js:'use strict';import util from原创 2017-11-01 14:27:39 · 544 阅读 · 0 评论 -
微信小程序教学第三章(含视频):小程序中级实战教程:列表-静态页面制作
§ 列表 - 开发准备 本文配套视频地址: https://v.qq.com/x/page/f0554syejjd.html 开始前请把 ch3-1 分支中的 code/ 目录导入微信开发工具 这一章主要会教大家如何用小程序制作一个可以无限加载的列表。希望大家能通过这个例子掌握制作各种列表的原理。 无限列表加载的原理其实所谓的无限列表就是将所有的数据分成一页一页的展示给用户原创 2017-10-24 11:50:08 · 2511 阅读 · 0 评论 -
微信小程序教学第二章(含视频):小程序中级实战教程之预备篇 - 封装网络请求及 mock 数据
§ 封装网络请求及 mock 数据 本文配套视频地址: https://v.qq.com/x/page/i05544fogcm.html 开始前请把 ch2-3 分支中的 code/ 目录导入微信开发工具 上一节中,我们对 index.js 文件中增加了 util 对象,并在对象中封装了很多公用方法let util = { log(){……}, alert(){……},原创 2017-10-23 15:10:28 · 1434 阅读 · 0 评论 -
微信小程序教学第四章第一节(含视频):小程序中级实战教程:详情-页面制作
详情 - 页面制作 本文配套视频地址: https://v.qq.com/x/page/o0555o20xjd.html 开始前请把 ch4-1 分支中的 code/ 目录导入微信开发工具 这一章节中,主要介绍详情页的页面制作过程 首先看一下我们最终要展示的页面 页面结构大体分为三部分,也是最常见的布局方式:头部、中间体、尾部。最顶部的是页面 title,也就是标题,如果是一原创 2017-10-31 11:56:34 · 411 阅读 · 0 评论 -
如何在原生微信小程序中实现数据双向绑定欢迎使用优快云-markdown编辑器
官网:https://qiu8310.github.io/minapp/ 作者:Mora在原生小程序开发中,数据流是单向的,无法双向绑定,但是要实现双向绑定的功能还是蛮简单的! 下文要讲的是小程序框架 minapp 中实现双向绑定的原理,在 minapp 中,你只需要在 wxml 模板中给组件的属性名后加上 .sync 就可以实现双向绑定。下面为了解释其原理,过程可能...原创 2018-03-17 19:47:18 · 1180 阅读 · 0 评论