sinat_33184880的博客

小程序使用CSS预处理器微信小程序原生不支持CSS预处理器的语法，但仅仅支持@import引入其他.wxss模块解决方法：在每个页面下新建.scss文件，使用Gulp构建工具将.scss文件转化成.wxss1.在小程序项目根目录执行npm init2.然后安装 gulp、gulp-sass、gulp-rename（使用Less则安装gulp-less）npm i gul...

手动构造小程序官当暂时没有提供状态管理模式，可以使用globalData实现一个简单的状态管理// app.jsApp({ globalData: { count: 1 // 定义全局变量 }, // 初始化函数。进入页面 onShow() 阶段调用，在页面 data 中使用全局变量 initData(_this, params) { let obj ...

选择图片并转成base64格式selectPhonePhoto () { wx.chooseImage({ count: 1, sizeType: ['compressed'], sourceType: ['album'], success: (res) => { wx.getFileSystemManager().readFile({...

通过使用swiper实现可左右滑动的日历思路：一维数组中，存放三个月的日期数据，每滑动一次，需要更新当前月份前后月份的数据dayList: [[], [], []]初始化时，swiper渲染dayList[0]的数据dayList[0]赋值为当前月份（假设是七月）的数据，因为向右滑是下一个月，所以dayList[1]赋值为下一个月份（八月）的数据；向左滑为上一个月，所以day...

在点击评论按钮时，键盘自动弹起，同时键盘上出现输入框输入框代码大多数使用了官方提供的组件属性，建议多翻文档https://developers.weixin.qq.com/miniprogram/dev/component/input.htmlhttps://developers.weixin.qq.com/miniprogram/dev/component/textarea....

1.前往github下载wxParse源码：https://github.com/icindy/wxParse2.将下载完的wxParse文件夹粘贴到小程序项目中3.在需要使用富文本解析的页面中分别引入wxParse文件.wxml<import src="../../utils/wxParse/wxParse.wxml"/><!-- article是js...

onPageScroll (e) { let scrollTop = e.scrollTop}

html<view class="{{ moveActive && index === move_index ? 'addr-item-active':''}}" bindtouchstart="touchstart" bindtouchmove="touchmove" data-index="{{ index }}"> <view clas...

小程序在安卓手机与iphone手机上展现的效果会有细微的区别，其中，iphone手机上不做任何设置的话，页面是可以整体下拉的，如图所示：解决这个问题，只需要在对应页面的.json文件添加"disableScroll": true{ "navigationBarTitleText": "个人中心", "disableScroll": true}...

详情参考官方文档 开放能力 open-data.wxml文件中，获取头像、昵称代码如下：&lt;open-data type="userAvatarUrl"&gt;&lt;/open-data&gt;&lt;open-data type="userNickName"&gt;&lt;/open-data&gt;还可以获取用户微信设置的所在地区、性别等信息...

将小程序分享至好友或者微信群，参考文档页面事件处理函数，小程序分享原来是可以监听成功分享的回调，但是该回调事件被微信禁用了，详情可查看分享功能调整 小程序分享，可通过右上角自带的分享按钮，也可以在.xtml中使用button组件进行分享&lt;button open-type="share"&gt;分享&lt;/button&gt;可通过onShareAppMessage(O...

参考文档获取二维码 - 接口 B：适用于需要的码数量极多的业务场景前端需要关注以下的文档后台开发者会将携带的参数放在scene中，演示获取scene中携带的id，代码如下onLoad: function (options) { let scene = decodeURIComponent(options.scene); console.log(scene.id);...

使用流程参考微信小程序SDK |高德地图API具体阅读以下三部分1.需要在注册高德开发者账号，创建应用，选择应用类型，生成Key2.下载amap-wx.js文件，并在项目在引入var amapFile = require('../../../amap-wx.js');location () { wx.getLocation({ type: 'wg...

用户在使用小程序时，经常需要授权登录，授权登录的作用是获取用户的基本信息，如头像、昵称以及openid等，openid可用于微信授权手机号、微信支付。微信授权登录.xhtml如下，wxLogin为自定义方法<button open-type="getUserInfo" bindgetuserinfo="wxLogin"></button>.js如下/...

官方文档wx.pageScrollTo(Object object)该效果在微信开发者工具的模拟器，苹果手机上都正常滚动；但是在安卓手机上看不到正常的滚动效果，我见到过的bug有从当前位置，滚动到最顶部，再滚动到指定位置 滚动到指定距离的偏差大如果只达到指定距离，而忽略滚动效果，可以在安卓手机上避免这样的bug出现，只需要把duration设置为0（直接跳到指定位置）代码如下...

设置上一层页面数据在某些场景下，我们需要在A页面进行表单的简单编辑，然后跳转(wx.navigateTo)进入B页面，进行详细的表单编辑；在B页面完成编辑后，返回A页面，将所有数据进行提交。这里需要关注的是，B页面返回A页面中，需要携带当前页面的数据，便于在A页面中使用。携带参数进入另一个页面，通常我们会使用以下的操作方式wx.navigateTo({ url: '../pa...

微信官方文档wx.createSelectorQuery()官方代码如下：const query = wx.createSelectorQuery()query.select('#the-id').boundingClientRect()query.selectViewport().scrollOffset()query.exec(function (res) { res[0...

更新于2019/7/29新版本的小程序支持async / await。勾选下面选项后重新编译程序即可以下是小程序未支持async / await时使用的方法参考博客：小程序regeneratorRuntime is not defined 小程序中使用async函数async await比Promise更好的解决异步操作问题，在小程序中直接使用会出现以下的错误提示...

效果如下需要注意的地方swiper标签有默认的高度，展示更多的话需要另外设置height值这里的scroll-view设置占满整个屏幕，height设置100%；swiper的height设置成屏幕的高度（除去tab栏的高度）,需要微信提供的api获取设备屏幕高度数据wx.getSystemInfo({ success: (res) => { let w...

在小程序中完成日历选择日期的功能（显示当前月份日历、上下月份日历查询、回到今天），效果如下涉及到的知识点也不多，使用JavaScript提供的Date对象及其方法1.获取当前年、月、日数据let year = date.getFullYear()let month = date.getMonth() // 月份的区间为 0-11let day = date.get...

微信支付是小程序一个重要的功能，详情参考官方文档文档中必填的参数由后台人员返回给前端，通常前端携带订单号请求后台接口，换取这些参数触发支付的代码如下wx.requestPayment({ timeStamp: '', nonceStr: '', package: '', signType: 'MD5', paySign: '', success: (res...