laishaojiang的博客

前言这次的问题来源于一个简单的需求，要给某个勾选框加上一个月的缓存有效期，即只要选中了这个勾选框，在接下来的一个月内再次进来都会默认勾选上。什么？这么简单，用缓存记录一下是否勾选的字段，在用缓存存一下当前的时间或者过期的时间，进来的时候判断有没有到时间不就好了吗？对的，没错，就是这么简单。但是今天做的事就是把这个做成通用一点，你想，假如我们有很多的缓存都想加个有效期，那不可能每一个缓存都去单独给他去另外存一个时间吧，这个有点麻烦，而且有占空间。所以，我们能不能直接在设置缓存的时候就给他加个有效期的参数

大家都知道，在html中，如果你内容里面有包含\n的话，是会换行的，但是在小程序里面，如果你写在view标签中的话，是不会自动换行的，那要怎么办呢，很简单，小程序只有两个标签既然view不行，那就用text咯，试了一下果然可以<view>第一行\n第二行</view>// 第一行\n第二行<text>第一行\n第二行</text>//第一行//第二行但是，你以为就这么简单吗，这可是小程序，肯定会有坑在里面（狗头没错，我就刚好遇到了，最近在做个

前言小程序云开发还算挺火的，我也去尝试了一下，确实是非常省事，比如以前获取openid，获取小程序码之类的接口都需要通过后端，用小程序云开发的话直接调用api就可以拿到了。 这意味着咱前端也可以独立开发一个完整的小程序了，迈向全栈的一个近道~~uniCloud你可以理解为跟uni-app配套的云开发。 同样可以发布到多端。 只是坑比较多，我就此来记录一下我的踩坑历程吧创建项目本次使用 阿里云 做为云开发服务器（ps：坑点之一）这个直接看官网吧创建云函数这个我要做的一个功能点是用户上传图片

对于canvas我一直都是只是了解状态，只是知道大概要怎么画，没有具体的项目实战经验，最近有个需求就是要用canvas画个分享的海报。看起来也不难，实际画起来还是花了不少实际，也踩了一些小坑，所以记录一下整理一下使用的apifillText 写文字fillStyle 用来设置字体颜色setFontSize 字号font 字符串，设置字体所有格式，字号和字体家族必填fillRect 画个长方形setFillStyle 填充颜色setStrokeStyle 设置画笔颜色moveTo 画笔起.

h5网页跳转到小程序，前不久微信刚开放这个功能，可以说解决了很多产品的问题。在这之前呢，想要从h5跳转到小程序，只有通过小程序码的方式。现在很方便, 有两个开发标签标签<wx-open-launch-weapp> 打开小程序`<wx-open-launch-app> 打开app要求微信版本要求为：7.0.12及以上。 系统版本要求为：iOS 10.3及以上、Android 5.0及以上。已经认证需要在h5中引入微信的sdk，然后绑定安全域名等。然后配置wx

产品新提出一个需求，要求点击小程序内的某一个按钮可以直接退出小程序，我思考了很久， 首先想到用navigateBack然后设置delta为一个比较大的值， 但是没效果~~。后来去论坛求助，发现小程序居然有这个的功能，只需要在navigator组件里面设置open-typ="exit"即可。真是没想到自己试了一下，果然可以，真是简单，不过也有几个需要注意的地方 ：只能在手机上才有效果，开发...

前段时间UI同学拿着知乎热榜小程序来问我，说现在小程序怎么这么牛皮了，居然可以把搜索栏放在顶部标题栏上面去了，然后质问我怎么不告诉她这个功能，因为她说要是早发现可以这样，她的设计就可以有很多方便的地方了。 我有种不好的预感，接下来刚上线不久的项目可以要大改- -！这是知乎热榜小程序，其实这并不是把搜索栏放在了顶部标题栏里面，而是把小程序把设置为全屏模式，只保留右上角的胶囊...

前不久小程序突然公共说模板消息要改版了，具体内容可以看这https://developers.weixin.qq.com/community/develop/doc/00008a8a7d8310b6bf4975b635a401?blockType=1反正大概意思就是模板消息要停用了，会出一个新的订阅消息替代，订阅消息有两种，一次性订阅和长期订阅。想详细了解可以看文档。这里不再说明，分享一下...

普通对象假如在小程序中有如下对象data: { man: { name: 'laishaojiang', age: 25, blogs: 'https://blog.csdn.net/laishaojiang' }}我想通过点击一个按钮更改对象中的age属性，一般人是这样写click() { let man ...

获取用户定位信息是小程序比较常用的功能，而且很多需求是一进入就需要拿到定位的信息，所以很多小程序都是打开后就有个询问弹窗这时候有些人会点【取消】，就拿不到定位信息了，而且小程序的特殊运行机制，只要你点取消了，以后每次进来都是默认拒绝了，也就是说，以后进来都拿不到定位信息了，必须要把小程序删除后再次进入才会弹窗询问，这给我们开发者带来了很多烦恼。怎么解决呢，我们可以用微信小程序提供的AP...

setData 单次设置的数据不能超过1024kB，请尽量避免一次设置过多的数据。

先看官方原文对分享的描述：onShareAppMessage(Object object)监听用户点击页面内转发按钮（button组件open-type="share"）或右上角菜单“转发”按钮的行为，并自定义转发内容。注意：只有定义了此事件处理函数，右上角菜单才会显示“转发”按钮参数 Object object:参数 类型 说明 最低版本 from...

实现起来思路其实也不难，简单来讲就是给每个键上面绑定对应的data，当点击时获取即可，直接上代码&lt;!-- 车牌 --&gt;&lt;view class='carnum'&gt;{{carnum}}&lt;/view&gt;&lt;view class='keyboard' catchtap='stoppropagation'&gt; &lt;!-- 省键盘 --&gt; ...

小程序的页面跳转方式有5种，分别为其中除了wx.navigateBack外，其他都可以在路径后面带参数。页面左上角的返回箭头和安卓的物理按键都是一样触发wx.navigateBack方法。如果我们想在页面返回时也进行参数传递该怎么做呢？今天跟大家分享两种方法方法一：使用小程序缓存。api:wx.setStorage(OBJECT) / wx.setStorageSync(KEY...

官方文档：https://developers.weixin.qq.com/miniprogram/dev/component/web-view.htmlweb-view基础库 1.6.4 开始支持，低版本需做兼容处理web-view 组件是一个可以用来承载网页的容器，会自动铺满整个小程序页面。个人类型与海外类型的小程序暂不支持使用。客户端 6.7.2 版本开始，naviga...

可以使用小程序自带的轮播swiper组件进行修改 文档：https://developers.weixin.qq.com/miniprogram/dev/component/swiper.html先上效果图：swiper的相关属性indicator-dots 是否显示小圆点，也可以自己重新设置小圆点 circular 是否衔接滑动，就是实现无限滚动 previous-mar...

小程序自定义组件文档https://developers.weixin.qq.com/miniprogram/dev/framework/custom-component/component.html小程序组件使用Component构造器，调用Component构造器时可以指定组件的属性、数据、方法等。今天就简单写个组件来熟悉熟悉小程序的组件。首先先新建个组件文件夹，跟小程序页面一样...

因为微信小程序的wxml和js的内部实现机制是分开编译的。所以在wxml是没办法调用js的函数的。这会导致WXML缺少一个我们常用的功能，那就是没有办法在视图层对数据进行格式化处理。比如我们从后端获取到一个包含了时间戳数据的数组，然后需要在界面上把这些日期都格式化显示为2017-01-01这种格式的日期形式，在Vue, Angular之类的前端Web框架中，一般在视图层都提供了如filter之类相...

微信小程序webview官方文档：https://developers.weixin.qq.com/miniprogram/dev/component/web-view.html微信小程序支付文档https://pay.weixin.qq.com/wiki/doc/api/wxa/wxa_api.php?chapter=7_7&amp;index=5&lt;web-view/&gt...

小程序保存图片至本地。其实很简单，坑点在于wx.saveImageToPhotosAlbum(Object object)的filePath即图片路径不支持网络图片。所以需要用wx.getImageInfo(Object object)将网络图片生成一个本地路径。直接上代码saveImg: function () { var that = this; wx.getIm...

小程序的单选组件radio和多选组件checkbox的样式只提供更改颜色，这对实际项目中的需求显然是不够的，所以我就自己模拟实现一个。踩坑点：小程序不支持操作dom1，模拟实现多选框：实现思路：思路非常简单，给每个选项绑定checked属性，类型为布尔值，点击取反即可&lt;!--wxml--&gt;&lt;view class='wrap'&gt; &lt;view cl...