YourNikee的博客

单独写的公用方法，注：mpass项目的小程序都会被判定为MPconst EPlatform = { AppPlus:'APP-PLUS',/**App*/ AppPlusNvue:'APP-PLUS-NVUE',/**App nvue*/ H5:'H5',/**H5*/ MpAlipay:'MP-ALIPAY',/**支付宝小程序*/ MpWeixin:'MP-WEIXIN',/**微信小程序*/ MpBaidu:'MP-BAIDU', /**百度小程序*/ MpToutiao

要求的ui样式实现后日期年月可以选择。实现：wxml<view class="calendarOut"> <view class="fullDate titleText"> <picker mode="multiSelector" bindchange="bindMultiPickerChange" bindcolumnchange="bindMultiPickerColumnChange" value="{{multiIndex}}"

项目中有使用到比对两段文本的差异，不一样的位置高亮显示，网上翻阅了一下发现似乎没有这方面的内容，随即有了本文。使用插件 diff.js微信开发者工具打开底部 终端 npm install diff --save 下载依赖包顶部工具中使用 构建npm使用方式比较简单，在需求页面头部引入var diff = require('diff');在需求位置使用：let content1 = '百年童佳倍（2021版）终=身重大疾病保险',content2='百年童佳倍（2021版）终身重大疾病保

考虑接口时效性和安全性，后端增设了token验证，确保我们的单个token只使用一次，使用后就立即失效，但是也为了防止在实际进程中异步请求的出现，所以重新封装了请求方法。要求是在执行某个请求时，如果后端返回408code（token过期），就重新调用一次登录接口刷新token，并重新执行失败的请求。在app.js中定义post方法，并在globalData中定义一个用于暂存回调的unRequest。globalData: { unRequest:null},/**请求方法 * @ur

水波波动效果实现，复制查看效果wxml<view class="circle"> <view class="positionNumber"> <view>60%</view> <view>匹配指数</view> </view> <view class="wave"></view></view>wxss.positionN

首先可以看一下echarts官方的实例也可以直接使用我参照了官方实例的方法：1、下载echarts小程序组件并放置到具体项目下载地址将项目拉到本地之后，找到文件中的 ec-canvas 文件夹，并将其整个复制到你的小程序项目中我新建了一个component文件夹放置这个组件2、下载全国地图链接打开的网站可以查询全国的所有省市区，暂未验证是否为最新国标库。搜索你想要的地图节点，选择 JSON API(包含子域)，我这里以全国地图为例将文本框内的链接复制并在新窗口打开，因为这个文件原本

官网文档该功能 menu 参数需要开发者工具达到2.11.3版本才能使用在需要设置分享的页面onshow 或者onload中加入wx.showShareMenu({ withShareTicket: true, menus: ['shareAppMessage', 'shareTimeline'] })当前页面即可出现分享到朋友圈按钮...

本文仅提供触底加载更多数据的思路在小程序特有的生命周期中，onReachBottom即触底事件，在页面上显示列表的时候，我们往往需要触底加载更多数据。在分页查询中，一般后台返回数据应当包括数据同条数，当前页码，当前页容纳条数，与当前分页返回数据Data，这些作为基本参数返回，如果没有，去吊打你的后端。而你传过去的数据也应当包括，页码，每页容纳大小，与其他查询字段。如果后端没有让你返回，再去吊打你的后端。现在有两个思路，都是在触底事件的时候去改变单个第一种情况，如果你试图改变当前的页码，取得第二页

微信小程序账号注册流程1、进入微信公众平台，网址为https://mp.weixin.qq.com/，选择立即注册2、进入注册页面选择小程序3、进入注册页面分别输入公司注册信息，勾选协议，并注册。4、接收来自微信团队发送到注册邮箱的激活邮件，并点击激活按钮。5、点击邮箱中的链接进入小程序信息登记页面。主体类型选为企业，其他信息可如实填写，注册方式选择微信认证，并登记该项目的系统管理员（可为公司项目负责人）全部信息填写完毕后，需要使用管理员本人微信进行扫码验证，如验证成功，即可进入微

微信官方的说明，直接调用即可，但是由于该微信弹框如果拒绝，之后再不会弹出提示，而恰好wx.openSetting()，可以调起授权设置界面，显示用户已经调用过的微信授权，所以我们需要饶一下小弯路，但是也能做到用户拒绝授权后每次点击都能弹窗提示授权的功能。两条路：1、用户首次授权调用==》同意授权==》获取到用户地址列表信息2、用户首次授权调用==》拒绝授权==》wx.showModal()...

WeUI 是一套同微信原生视觉体验一致的基础样式库，由微信官方设计团队为微信内网页和微信小程序量身设计，令用户的使用感知更加统一。官网是这么说的。样式：官网高速使用下载官方git高速：https://github.com/Tencent/weui-wxss会使用git的你可以使用git去clone到本地，不会的你可以点击 Download ZIP 以压缩包形式下载到本地。引...

版本不断迭代后，发现小程序的程序包越来越大，马上就要面临2M的临界了，最近又涉及另一个版本的迭代，网上找了一下，发现小程序可以使用分包加载的方法，让小程序即便超过了2M也能继续跑。不过小程序只在微信客户端 6.6.0，基础库 1.7.3 及以上版本开始支持分包功能。在构建小程序分包项目时，构建会输出一个或多个分包。每个使用分包小程序必定含有一个主包,pages就是默认主包。主包跟分包单独区分...

项目开发中遇上三端接入h5的需求，所以自己动手做h5页面，但是在做的过程中也遇上了许多的问题小程序端不支持在本地引入，所以需要将h5发布服务器，以请求接口的形式进行访问首先是H5的开发：像素单位：写的时候因为需要顾及ios和安卓，而且小程序端也会遇上各种屏幕比，比较麻烦，单位尽量使用rem；请求：如果闲麻烦的可以本地引入jq，如果不觉得麻烦的可以自己使用js进行请求封装：复制可用，唯一...

width:100%;height:100%;background:url('imgUrl');background-size:cover;background-position: center;

用户手机号、用户详细信息、用户微信步数获取用户手机号码<button bindgetphonenumber="getPhoneNumber" open-type="getPhoneNumber">获取手机号码授权</button>通过button触发，然后通过调用wx.login，获取res.code，调用wx.getUserInfo获取encryptedDat...

小程序图片实现自适应大小mode='aspectFill'

简单封装小程序post，get请求app.js中定义请求地址，Ba’se’URLvar httpRequestUrl = 'http://10.8.8.68:82'封装,如果不明token，可先跳过看最后一步的使用 /** * get请求 * wx.showNavigationBarLoading() 每次请求顶部显示loading效果 * */ httpGet(url,...

wx.navigateBack携带参数返回上一页其实和其他框架上的操作父组件方法类似，在返回的方法上获取所有page，通过所有page去拿到当前页的上一页数据，改变获取页面的值即可，代码如下：在返回上一页方法中写入 let pages = getCurrentPages(); //获取所有page let prevPage = pages[pages.length - 2];/...

lottie-miniapp//使用的是ui设计动画，只是本人一知半解，仅供参考下载使用的是微信开发者工具，打开项目文件，使用shift + 鼠标右键，选中PowerShell，命令窗输入：npm i -S lottie-miniapp也可以查看下载使用说明：lottie下载使用说明切记构建npm模块，当文件目录下有下图所示文件时，构建成功需求页引入import lottie ...

必须要设置宽度overflow: hidden; text-overflow: ellipsis; white-space: nowrap; width: 160rpx;