用户
 找回密码
 立即注册

QQ登录

只需一步,快速开始

扫一扫,登录网站

实战教程

    纯CSS实现圆环型进度条

    纯CSS实现圆环型进度条

    以下内容来自于去年的一次案例,随着微信小程序的不断改版,部分条件可能已不再适用,请谨慎参考。内容比较短,主要都在代码片段里。案例某个项目中需要用到如下图这样的一个圆环行的进度条。一开始的想法是使用canv ...
    2389 Rolan/2019-12-27 00:07
    小程序 input 使用setData触发bindinput事件

    小程序 input 使用setData触发bindinput事件

    背景 UI设计如下图 当有输入内容后显示后面的清除按钮,点击清除删除input里的内容 代码实现 我的代码实现是监听bindinput事件,将输入框中的值this.setData({inputValue}), 清除按钮监听点击事件,触发后this.setD ...
    2821 Rolan/2019-12-17 00:33
    小程序跨页面数据传递与事件响应

    小程序跨页面数据传递与事件响应

    在实际工作中有很多场景需要在第二个页面中将用户操作之后的将数据回传到上一页面。接下来将我的方案分享给小伙伴。 本次示例采用 uni-app 框架和 weui 样式库 实现思路 创建一个 Emitter,用于事件处理 创建一个 ...
    2653 Rolan/2019-12-17 00:27
    小程序Canvas性能优化实战

    小程序Canvas性能优化实战

    案例背景需求:在小程序中使用canvas组件绘制地铁图,地铁图包括地铁线路、站点图标、线及站点名称文字,绘制元素为线、圆、图片、文字。支持拖动平移和双指缩放。问题:小程序中的canvas性能有限,特别在交互的过程 ...
    2899 Rolan/2019-12-17 00:18
    Kbone原理解析 & 小程序技术选型

    Kbone原理解析 & 小程序技术选型

    转载自微信开放社区:https://developers.weixin.qq.com/community/develop/article/doc/0006a6326b8d38e56b998833456813官方介绍“Kbone 是一个致力于微信小程序和 Web 端同构的解决方案。”Web端框架基本原理首先 ...
    2510 Rolan/2019-12-12 00:24
    小程序不同页面的异步回调,callback和promise的使用讲解

    小程序不同页面的异步回调,callback和promise的使用讲解

    发个扫盲贴,大神请绕道。最近好多同学问我如何再请求数据成功后直接使用数据。我们通常的做法就是在请求成功后,再调用我们定义的方法,进而使用数据。如下代码 onLoad() { let that=this wx.cloud.database().coll ...
    2431 Rolan/2019-12-5 00:23
    京喜首页(微信购物入口)跨端开发与优化实践

    京喜首页(微信购物入口)跨端开发与优化实践

    随着今年的双十一落下帷幕,京喜(原京东拼购)也迎来了首捷。双十一前夕微信购物一级入口切换为京喜小程序,项目顺利通过近亿级的流量考验,在此与大家分享一点自己参与的工作。在接手项目前,京喜业务已在线上稳定 ...
    2662 Rolan/2019-12-4 00:45
    小程序同构方案 kbone 分析与适配

    小程序同构方案 kbone 分析与适配

    在微信小程序的开发的过程中,我们会存在小程序和 H5 页面共存的场景,而让小程序原生和 web h5 独立开发,往往会遇到需要两套人力去维护。对开发者而言,加大了工作量成本,对于产品而言,容易出现展示形态同步不及 ...
    2495 Rolan/2019-12-4 00:23
    用云开发制作教务助手小程序丨实战

    用云开发制作教务助手小程序丨实战

    本项目由一人承担从后端到前端的构思以及开发,下面我就讲讲从教务助手小程序的构思到开发实现(基于云开发)。1、灵感来源教务小程序的灵感来源:用完即走,查个成绩和课表,无需下载app或去翻看公众号内的历史内容 ...
    2475 Rolan/2019-12-4 00:02
    最简单的小程序状态管理方案! - mobx-mini

    最简单的小程序状态管理方案! - mobx-mini

    写在前面 状态管理可以说是现代前端开发中最核心的一环。为了解决前端应用的复杂度,生态圈里诞生了各式各样的状态管理方案,按编程范式分类有函数式(redux),响应式(rxjs),透明的函数响应式(mobx),按状态存 ...
    2227 Rolan/2019-12-2 09:15
    微信小程序把base64的图片保存到手机相册

    微信小程序把base64的图片保存到手机相册

    var file = wx.getFileSystemManager(); console.log('1') file.writeFile({ //读写文件路径filePath需要使用wx.env.USER_DATA_PATH + '/tmp.txt'才可以读写成功。 filePath: wx.env.USER_DATA_PATH + '/poster.png' ...
    2379 Rolan/2019-12-2 00:17
    小程序图像处理:图片配色分析

    小程序图像处理:图片配色分析

    背景 小程序的canvas是微信基于原生组件自行封装的,因此接口跟web的canvas有不少区别,早期更是没有支持像素级的处理能力。 在18年初的小程序基础库1.9.0版本更新中,出现了wx.canvasGetImageData和wx.canvasPutIma ...
    2099 Rolan/2019-12-2 00:10
    如何使用不到50行代码实现一个小而美的依赖收集库?

    如何使用不到50行代码实现一个小而美的依赖收集库?

    现代web开发,大多数都遵循着视图与逻辑分离的开发原则,一反面使得代码更加易懂且易扩展,另一方面带来的问题就是如何优雅的管理数据。因而,社区诞生了很多优秀的状态管理库,比如为React而生的Redux,专为Vue服务 ...
    2151 Rolan/2019-12-2 00:02
    小程序包大小优化(uni-app)

    小程序包大小优化(uni-app)

    在开发微信小程序的过程中,随着业务逻辑日渐庞大之后,突显了一些问题。首先我们发现在 dev mode 时,本地包大小已经达到了 4m+,这种情况下,已经无法在 dev mode 使用真机调试了。其次此时,小程序 build 后也有 ...
    2327 Rolan/2019-11-28 00:24
    微信小程序 模拟打电话 实践

    微信小程序 模拟打电话 实践

    模拟电话模拟打电话功能,拨下指定的号码如10086,等待1.5秒后开始播放本地音频文件并计时。使用小程序官方API createInnerAudioContext()创建 InnerAudioContext对象。小程序官方推荐使用更为强大的音频上下文对象I ...
    2842 Rolan/2019-11-20 00:50