用户
 找回密码
 立即注册

QQ登录

只需一步,快速开始

扫一扫,登录网站

实战教程

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

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

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

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

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

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

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

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

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

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

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

    小程序 - 可搜索的地址选择

    最终实现效果:新建index文件夹index.wxml!--pages/index/index.wxml--view class='container' view bindtap='onChangeAddress' input value="{{address}}" name="address" placeholder="选择地点" /view/viewindex. ...
    1476 Rolan/2019-11-20 00:41
    微信小程序开发者自助解绑小程序

    微信小程序开发者自助解绑小程序

    最近在帮朋友开发小程序时,朋友突然告诉我,不能绑定开发者了。但是就比较纳闷,问了下,才知道,一个微信号只能绑定为50个小程序的开发者。当时就比较懵了,之前我帮过好多人开发过小程序,这些小程序都绑定过我为 ...
    1944 Rolan/2019-11-14 00:52
    小程序导航栏选择每一项居中(scroll-view)

    小程序导航栏选择每一项居中(scroll-view)

    前言在项目中遇到点击scroll-view中每一项使其居中,查看文档后发现有scroll-view有属性scroll-into-view可以根据id来定位每一项,但是无法居中,于是我想到了使用scroll-left来计算滚动距离是使一项居中.查看效果完 ...
    1575 Rolan/2019-11-14 00:41
    【微信小程序】图片压缩-纯质量压缩,非长宽裁剪压缩

    【微信小程序】图片压缩-纯质量压缩,非长宽裁剪压缩

    原理:利用canvas来实现,将图片绘制到canvas上,然后canvas转图片时,微信提供的一个方法wx.canvasToTempFilePath(Object object, Object this),此方式可以指定生成图片的质量,下图是从官方API截的图: ...
    1433 Rolan/2019-11-13 00:17
    当小程序的flex布局遇到button时,justify-content不起作用的原因及解决方案 ...

    当小程序的flex布局遇到button时,justify-content不起作用的原因及解决方案 ...

    在做小程序的时候,要实现下面的搜索历史界面下面的搜索很明显的想到是用flex布局,然后把justify-content设置为justify-content: flex-start;代码如下:!--wxml--view class="flex"button class="item"1/buttonbutt ...
    1633 Rolan/2019-11-12 11:23
    微信小程序实现A-Z导航的Slidebar

    微信小程序实现A-Z导航的Slidebar

    微信小程序实现A-Z导航的Slidebar效果代码slidebar.wxmlview id="s-bar" class="slidebar" bindtouchstart="_onTouchStart" bindtouchmove="_onTouchMove" bindtouchend="_onTouchEnd" view wx:for="{{data}}" class ...
    1216 Rolan/2019-11-12 00:41
    微信小程序swiper组件非居中对称滑动解决方案

    微信小程序swiper组件非居中对称滑动解决方案

    一、前言在公司的项目中遇到了非居中对称的类banner滑动需求,如下图:每次滑动的距离并非一屏的宽度,而是要根据实际情况来控制。二、解决方案一开始看文档,由于swiper组件的配置项并不多,我估计能解决这个需求的 ...
    1198 Rolan/2019-11-12 00:02
    小程序页面统计埋点设计思路

    小程序页面统计埋点设计思路

    需要对小程序的页面访问进行统计,但小程序并没有页面或者路由拦截,如果要重写page或者写mixs函数太麻烦,所以希望有个之后扩展方便,改动成本低的方式进行页面埋点统计。思路埋点页面中的请求方法我们知道在不同页 ...
    1188 Rolan/2019-11-7 00:02
    微信小程序周边配套的实现

    微信小程序周边配套的实现

    一 需求分析:以该小区为中心,实现周边配套的检索,切换不同种类的检索条件,刷新页面,并以气泡的方式显示出来,效果如下~二 实现方式:底部我是用的vant组件的tabbar来实现切换显示下载微信小程序JavaScriptSDK引 ...
    1832 Rolan/2019-10-24 00:50