flowRight的博客

使用images.weserv.nl方案 不需要改服务器白名单 无法显示出来在返回的图片链接上加上前缀：2 使用no-referrer方案,在其它标签上也可用

在项目中，微信授权登录偶尔出现code无效，签名不一致的返回提示，但是就是偶然性原因：没有调用wx.login()就获取用户的encryptedData、signature等信息先看下官方的登录流程很多开发者会把 login 和 getUserInfo 捆绑调用当成登录使用，其实 login 已经可以完成登录，getUserInfo 只是获取额外的用户信息(昵称、头像)。在项目中，我进行授权登录除了wx.login()返回的code，还需要encryptedData、signature等参数传给

小程序和app之间跳转此功能需要用户主动触发才能打开 APP，不由 API 来调用；<button open-type="launchApp" app-parameter="wechat" binderror="launchAppError">打开APP</button>当小程序从 APP 分享消息卡片的场景打开（场景值 1036） 或从 APP 打开的场景打开时（场景值 1069），小程序才会获得打开 APP 的能力，此时用户点击按钮可以打开分享该小程序卡片/拉起该小程序的

开发配置添加数据查询数据

typestypes里存储的是触发action的函数名 记住 types的都是函数名 不处理任何逻辑 命名规则是全大写//location.jsexport const CHANGE = 'CHANGE'export const CHANGECITY = 'CHANGECITY'↑↑↑这样就定义好了一个函数名 通过types里的index.js 入口文件 导出//types下的ind...

通过API wx.getSystemInfoSync()获取值**// 在 iPhone6 下运行：var systemInfo = wx.getSystemInfoSync();console.log(systemInfo.windowWidth); // 输出 375（单位 px） // 在 iPhone6 Plus 下：var systemInfo = wx.getSyste...

需求：1.tabBar在实际的项目中,被UI要求字体大小为20rpx，而微信自带的是24rpx2.tabBar加上了权限管理（只有会员才可以看到专属的tabBar入口）3.tabBar点击后，如果是同样的tabBar禁止重新加载数据4.tabBar对应的页面要有缓存（也就是跳转不刷新）实现思路使用switchTab的跳转方式缓存页面解析：使用navigator标签进行页面跳转，防止...

小程序分享带参数有两种方式： <button open-type="share" data-cardNo='{{cardNo}}' hover-class='none'> <view class='shareType'>分享给好友和微信群</view> </button> onShareAppMessage: function...

购物车列表商品长按可删除，单击可进去商品详情、所以要处理单击、长按事件的冲突。代码如下<view bindtap='goDetail' bindtouchstart='bindTouchStart' bindtouchend='bindTouchEnd' bindlongtap='longTap' data-id='{{item.itemId}}' > longTap: fun...

可滚动视图区域。使用竖向滚动时，需要给scroll-view一个固定高度。组件属性的长度单位默认为px，2.4.0起支持传入单位(rpx/px)。要容器可以横向滚动，属性设置scroll-x发现滚动不了，会被撑开高度换行需要加上overflow:hidden;white-space:nowrap;...

小程序使用客服功能其实很方便，如下 <button open-type="contact" send-message-title="{{itemName}}" send-message-path="/pages/detail/detail?itemId={{itemId}}" sendMessageTitle="{{itemName}}...

1 阻止事件冒泡正常事件绑定使用的是bindtap，使用catchtap事件替换bindtap2 更改radio的大小radio组件的时候，设置width和height后不生效，设置transform:scale(0.5)3 scroll-yscroll-y无论为true或false都无效，都会滚动,设置scroll-y="{{some}}” 有效4 获取text组件文本值e.d...

小程序 first-child失效 使用:nth-child(2)应用到了第一个子元素 ，原因（存在兄弟节点 即使类名不一样）设置first-child伪类时我们看第一个的前面有没有兄弟节点，设置last-child伪类时看最后一个有没有兄弟节点。所以要设置这种伪类时如果没有起到效果，我们可以先看一下他有没有同级的兄弟节点...

小程序picker 组件当 range 是一个 Object Array 时，通过 range-key 来指定 Object 中 key 的值作为选择器显示内容<view class="section"> <view class="section__title">选择用户</view> <picker bindchange="bindPicker...

小程序是基于WEB规范，采用HTML,CSS和JS等搭建的一套框架，微信官方给它们取的名字：WXML,WXSS，但本质上还是在整个WEB体系之下构建的。 WXML，说到底就是xml的一个子集。WXML采用微信自定义的少量标签WXSS，大家可以理解为就是自定义的CSS。实现逻辑部分的JS还是通用的ES规范，并且runtime还是Webview（IOS WKWEBVIEW, ANDROID X5）一...

小程序的获取地理位置的授权，先做配置处理（app.json）“permission”: {“scope.userLocation”: {“desc”: “你的位置信息将用于接口的效果展示”}},如果第一次拒绝获取位置后，短时间内不能再弹出授权弹框需要做特殊处理（模拟弹框 其实是showToast）上图点击确定后做授权判断 ，跳到设置那里打开使用地理位置权限againGet: f...

小程序无法通过this.data.a = ***这种直接的形式改变某个值，特别是对象或者数组的改变稍微麻烦点，可以使用如下方法 Page({ data: { array: [{text: 'init data'}], goods: [ {id: 1,pic: '/image/goods1.png'}, {...

公司项目有个需求：扫营销二维码进入小程序自动绑定会员, 在整个小程序入口文件app.js中会获取得二维码参数请求接口。跳转进入index主页 ,会因为异步请求问题导致没请求返回就已经请求了主页的接口，数据异常。解决:app.js在扫码获取参数存入缓存中，跳转进入主页后先请求绑定会员的接口有返回后，清除掉之前存的参数缓存，再请求主页的其它接口...

小程序开卡组件如下使用（appId是固定）会员卡开卡或者wx.navigateToMiniProgram({appId: ‘wxeb490c6f9b154ef9’, //固定为此 appid，不可改动extraData: data, // 包括 encrypt_card_id, outer_str, biz三个字段，须从 step3 中获得的链接中获取参数success: functi...

在小程序的一些原生组件中，有些组件层级已经默认是最高，比如textarea。如果某个页面有个弹框和textarea，textarea就有可能出现在弹框上面出现布局错乱。解决：当弹层出现时，用if判断把textarea去掉，将textarea内的值赋值给某个变量，弹框消失后再重新生成textarea，把之前变量值重新赋值回去...

image跟view标签上下默认会有间隙，解决方法如下：在image那里设置vertical-align:top/bottom/text-top/text-bottom原因：图片文字等inline元素默许是跟父级元素的baseline对齐，而baseline又和父级底边有必定间距...

button的边框样式是通过::after方式实现的，所以我们可以使用::after的方式去改掉默认值。button::after {border: none;}如果要修改颜色button {background-color: #fff;}...

1.一个空格，换行<text>你好！\t七月流火啊！\n我在下一行</text> \t空格（多个只会显示一个空格） \n换行2.多个空格 <text space="ensp">哈哈啊 哈哈哈（空格是中文字符一半大小）</text> <text space="emsp">哈哈啊 哈哈哈（空格是中文字符大小）&l...

在使用swiper的时候，需要用swiper-item包起来，否则会出现图片显示不出来，但是也不报错，可能遇到当图片自动轮播到最后的时候，跳转到第一页的效果不友好，此时需要添加circular=“true” 无缝衔接...

wx.navigateTo跳转不会将旧页面出栈，会将新页面入栈。栈内元素个数增加，之前是栈内元素5个时，不能再跳转，现在程序中页面栈最多10层，如果真的超过十层了，可以适当地使用wx.reLaunch，关闭所有页面，打开到应用内的某个页面，这样就相当把之前的所有上级页面都出栈...

先下载下来（注释掉源文件 html2json.js 中的关于打印的 console.dir两行代码，不然在安卓机会报错显示不了）detail.js中引入const WxParse = require('../../wxParse/wxParse.js');绑定数据detail.wxml引入 <import src="../../wxParse/wxParse.wxml"...

项目有个需求：代言人模块分享出去时。需要合成几张图片作为一张海报分享出去需要用到canvas组件，组件的部分合成图需要下载下来，所以后端要配置好下载合法域名如下图，配置ok后开发者工具会看到合法域名代码逻辑1、点击分享弹框出现，点击生成海报调用图片下载api,保存合成海报图（canvas合成的图是用tempFilePath路径）saveImage: function() {wx....