随笔分类 - 微信小程序
摘要：移动端设备中，难免会涉及到数据的可视化展示、数据统计等等，本篇主要讲解原生微信小程序中嵌入echarts并进行动态渲染，实现数据可视化功能。 基础使用 首先在GitHub上下载echarts包 地址：https://github.com/ecomfe/echarts-for-weixin/tree/
阅读全文
摘要：文件预览和下载 在下载之前，我们得先调用接口获取文件下载的url 然后通过wx.downloadFile将下载文件资源到本地 wx.downloadFile({ url: res.data.url, success: function (res) { console.log('数据',res); }
阅读全文
摘要：密码是用户最重要的数据，也是系统最需要保护的数据，我们在登录的时候需要用账号密码请求登录接口，如果用户勾选记住密码，那么下一次登录时，我们需要将账号密码回填到输入框，用户可以直接登录系统。我们分别对这种流程进行说明： 记住密码 在请求登录接口成功后，我们需要判断用户是否勾选记住密码，如果是，则将记住
阅读全文
摘要：dc-vant-form 由于我们在小程序上涉及到数据采集业务，需要经常使用表单，微信小程序的表单使用起来非常麻烦，数据和表单是分离的，每个输入框都需要做数据处理才能实现响应式数据，所以我开发了dc-vant-form，针对原生微信小程序+vant组件构建的自定义表单，开发者可以通过表单配置项来快速
阅读全文
摘要：van-dialog弹窗异步关闭 有时候我们需要通过弹窗去处理表单数据，在原生微信小程序配合vant组件中有多种方式实现，其中UI美观度最高的就是通过van-dialog嵌套表单实现。 通常表单涉及到是否必填，在van-dialog的确认事件中直接return是无法阻止对话框关闭的，你需要通过异步关
阅读全文
摘要：用户隐私保护 由于用户隐私保护的政策执行，我们在调用涉及到用户隐私的API时，未更新用户隐私保护协议是无法直接调用的，小程序会默认判断是否更新用户隐私保护 ，并根据用户隐私保护中的协议来判断是否可以调用对应的API，如开发者调用的API在用户保护协议中未声明，小程序则会默认禁用该API。 例如：wx
阅读全文
摘要：在了解小程序登录之前，请大家先了解小程序的全局实例和全局组件，以方便理解本文的后续内容，已经了解的可以直接开始。 全局实例和全局组件（ 👈 点击直达） 微信小程序的登录流程 微信小程序的登录 首先需要写一个微信小程序的登录弹窗，登录弹窗的作用就是发起登录，让用户点击授权后登录小程序，该弹窗是一个全
阅读全文
摘要：全局组件 微信小程序组件关系中，父组件使用子组件需要在父组件index.json中引入子组件，然后在父组件页面中使用，这种组件的对应状态是一对一的，一个组件对应一个页面。如果有一个全局弹窗（登录），那么每个页面引入一次组件会非常麻烦，这里就需要封装全局弹窗，在页面直接引入使用即可。 微信小程序提供全
阅读全文
摘要：配置请求地址：config->index.js 一个项目里通常有一个config->index.js，该文件包含了当前项目的请求地址，以及项目的版本信息。 // 请求地址 const API_URL_DEV = 'http://xxx.xxx.xxx.net:81/xxx' // 测试接口 cons
阅读全文
摘要：小程序优惠券流程 优惠券流程大致如下： 优惠券发放形式 优惠券一般通过领取的形式发放，也可以通过用户的状态来自动发放优惠券。 自动发放的优惠券适用于一些活动，比如：回归活动用户登录自动发放优惠券。 手动领取的优惠券，用户通过点击领取的形式获得。 优惠券通常有多种形式，而且优惠券的数量不限，例如：满减
阅读全文
摘要：这里主要用到button的open-type功能，官网已有说明： 给button设置open-type="chooseAvatar"，来使bindchooseavatar方法生效，在bindchooseavatar指定的函数中获取用户的头像信息 <button open-type="chooseAv
阅读全文
摘要：这里主要用到微信小程序提供的SelectorQuery获取页面节点信息实现，组件用的是微信小程序的scroll-view 逻辑就是获取右侧盒子的节点信息，获取右侧子分类的节点信息，当子分类滑动到顶部的之后，则切换左侧分类状态，而且当右侧子分类的位置处于触顶以及包含顶部位置的状态下，同样激活左侧分类状
阅读全文
摘要：微信小程序的跳转方式 wx.navigateTo(Object)：保留当前页面，跳转到应用内的某个页面，使用 wx.navigateBack 可以返回到原页（新页面入栈） wx.redirectTo(Object)：关闭当前页面，跳转到应用内的某个页面（当前页面出栈，新页面入栈） wx.switch
阅读全文
摘要：微信小程序闭包-防抖 这里主要用到闭包，将函数内的值保存下来，下次点击的时候进入判断，如果定时器启动了，则清除定时器，直到最后一次启动定时器，也就是说，在规定的时间内只会触发最后一次定时器，从而达到防抖效果。 防抖的使用场景： 防止连续快速点击 防止滚动条触底时的频繁事件触发 方法一： data:
阅读全文
摘要：盲盒模块的流程大致如下： 进入盲盒抽奖页面，需要初始化直接获取一些盲盒的信息，例如：盲盒活动id，开奖buff等。首先需要获取盲盒活动id，后面的所有请求都是基于盲盒活动id进行的。 初始化获取: 盲盒活动id` 抽奖buff 校验抽奖活动状态：判断当前活动是否开启 抽奖次数：获取当前活动的抽奖次数
阅读全文
摘要：当我们程序太大的时候，打开小程序就会比较慢，此处就需要用到分包加载，按照模块划分不同的包，让用户在需要的时候才加载对用的模块，也就是用户在进入某些页面的时候才下载该页面的资源，提高小程序的打开速度，以及首次加载资源的速度。 通常情况下，我们建的文件都在根文件夹下的pages里面 根文件夹其实就是主包
阅读全文
摘要：效果： 步骤： 1、先让ui负责人把你的账号加入到项目中，加入到项目中后就可以在icon图标库中看到该项目 2、在小程序中使用 新建一个view，在上面加一个class，复制icon名字上去即可，注意格式，格式为iconfont icon名。 iconfont这个前缀不是固定的，根据icon名字来，
阅读全文
摘要：场景： 传入数字，转换成天数，比如：index = 1 转换后则为 一，在页面中的应用就是<view>第{{index}}天</view>，转为第几天。 <view>第{{exchange.exChangeNum(index)}}天</view> <wxs module="exchange"> /*
阅读全文
摘要：wxs封装 wxs可以直接写在wxml页面中，并且在对应的位置调用，比如在{{ xxx.xxx() }}调用wxs的函数 <view> <view>第{{m1.getMax(1)}}天</view> </view> <wxs module="m1"> var getMax = function(in
阅读全文
摘要：封装组件 1、在components文件加下新建组件文件夹，在该文件夹下新建组件 2、在app.json中注册该组件 "usingComponents": { "page": "components/auth/index", "componentB":"/components/componentB/
阅读全文
