用户
 找回密码
 立即注册

QQ登录

只需一步,快速开始

扫一扫,登录网站

实战教程

    微信小程序使用自定义组件导航实现当前页面高亮

    微信小程序使用自定义组件导航实现当前页面高亮

    最近开发小程序,需要做一个导航,导航可以通过template写出来,但是这个项目需要在导航中处理一些逻辑,做成组件更方便些。首先新建header文件夹,里面新建对应的js、json、wxml、wxss文件。!-- 公共头部组件 -- vi ...
    2710 Rolan/2020-1-2 00:18
    给你的头像加个圣诞帽吧

    给你的头像加个圣诞帽吧

    看着大伙都在弄这个,我自己也来试一哈,我分别用了两种方式来实现,一种是普通的方式,一种是wxs方式 普通方式 效果图如下: 思路 获取头像 选择素材 缩放,移动,旋转素材 生成canvas 生成图片,保存图片 实现 ...
    2880 Rolan/2019-12-31 00:43
    小程序标签展开收起功能实现

    小程序标签展开收起功能实现

    先看效果主要结构我用的mpvue,如用原生标签直接转换成原生即可div id="labelBox" div class="label userLabel" v-for="(label,inx) in labelList" :key="inx"{{label}}/div div class="more" v-show="showLabel===1 ...
    2870 Rolan/2019-12-27 00:41
    纯CSS实现圆环型进度条

    纯CSS实现圆环型进度条

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

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

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

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

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

    小程序Canvas性能优化实战

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

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

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

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

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

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

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

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

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

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

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

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

    写在前面 状态管理可以说是现代前端开发中最核心的一环。为了解决前端应用的复杂度,生态圈里诞生了各式各样的状态管理方案,按编程范式分类有函数式(redux),响应式(rxjs),透明的函数响应式(mobx),按状态存 ...
    2490 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' ...
    2707 Rolan/2019-12-2 00:17
    小程序图像处理:图片配色分析

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

    背景 小程序的canvas是微信基于原生组件自行封装的,因此接口跟web的canvas有不少区别,早期更是没有支持像素级的处理能力。 在18年初的小程序基础库1.9.0版本更新中,出现了wx.canvasGetImageData和wx.canvasPutIma ...
    2391 Rolan/2019-12-2 00:10