![](https://img-blog.csdnimg.cn/20201014180756916.png?x-oss-process=image/resize,m_fixed,h_64,w_64)
微信小程序
Jarry96
tired
展开
-
小程序在page中使用数据监听(不需要setData)
小程序在page中使用数据监听(不需要setData)众所周知,在小程序中如果想要监听数据,必须得使用组件 Component,它提供了observers 方法用来监听数据变化。但是,其中比较让人不舒服的是,它监听的仅仅是 setData 之后变化的数据。一般来说,在小程序中有些数据是不需要setData 渲染的,比如:input事件,输入框中本身已经展示了数据,是不需要再使用 value 绑定...原创 2020-05-06 11:09:19 · 4360 阅读 · 1 评论 -
微信小程序中使用订阅发布模式优化回调繁杂的问题
订阅发布模式在开始之前先让大家看一段代码wx.getUserInfo({ success: res => { // 可以将 res 发送给后台解码出 unionId this.globalData.userInfo = res.userInfo // 由于 getUserInfo...原创 2020-04-22 19:20:48 · 1169 阅读 · 0 评论 -
在微信小程序中写个日历吧
微信小程序中自带得日期选择器用起来很舒服,但是不太适合项目,日历插件也是比较简单得东西,就随手写了一个。话不多说,先上demo。日历最重要的就是日期正确。我们写日历的时候只需要知道几个因素就行:该月有多少天该月的一号是周几知道这两个信息之后,我们的日历就会自动空出相应的格数,并依次展示出剩余的日期。获取该月天数当我们打开日历时,首先出现的肯定是当前日期。那我们就先创建一个获...原创 2019-09-05 23:17:33 · 1140 阅读 · 0 评论 -
微信小程序连接图灵API实现智能聊天(超级简单)
前言:最近写了一个微信小程序,扫码体验:进入正题:首先去图灵机器人注册一个机器人http://www.tuling123.com/,把apikey复制下来。小程序的demo.wxml<view class='top'>{{tittle}}</view><view class='que' ><block wx:for="...原创 2018-10-02 14:29:05 · 10511 阅读 · 24 评论 -
小程序中实现上拉加载(python-flask后台)
上滑加载的原理说白了就是分页功能,每次触底的话page+1。 在传统情况下,触底判定是通过内容区域的高度乘以内容个数得出可视化数值,当滑动距离接近该数值时触发。简单得是,在小程序中封装了一个方法,免去了繁琐的判断操作。直接在page()下使用onReachBottom方法即可判定是否触底。在web端,使用页数分页的话,在翻页之后不会保留上一页的数据,但是在移动端,滑到底部加载出数据之...原创 2019-05-01 19:56:05 · 493 阅读 · 0 评论 -
微信小程序中时间戳的转换及解决代码嵌套显示问题
在上一篇中讲了怎样实现小程序中的代码高亮,但是并不完美。高亮的思路是遍历所有 <code> 标签,对 class='lang-xxx' 进行高亮实现。试想,如果我要写一篇文章,在我的文本中刚好出现了 <code class='lang-'> ,显然,这样的文本也会被默认转换,从而造成了信息的缺失。解决思路看一下我们的转化函数:是先对文本中的特殊字符转换后,才进行的...原创 2019-04-11 22:11:14 · 981 阅读 · 1 评论 -
用python的flask给微信小程序写一个多层api(下)
引子在上文中,我们对数据模型进行了设计,创建了一对多关系型数据表。这篇将对数据查询结果进行json化,使其可以作为api使用。用python的flask给微信小程序写一个多层api(上)把数据类型转化为字典类型首先在Arcticle数据表模型下面定义一个转化函数to_dict,使其变成字典类型class Article(db.Model): ... ... ...原创 2019-03-29 12:30:15 · 724 阅读 · 0 评论 -
用python的flask给微信小程序写一个多层api(上)
思路使用flask-sqlalchemy 构建model.py数据库模型。把数据类型转化为json数据一对多数据的转化view.py路由声明开始操作构建数据库模型假设我们需要创建一个储存文章的数据表,表里面需要有文章ID(id),作者ID(author_id),文章标题(title),阅读数(view),封面图(img),内容(body),发表时间(addtime),评论(c...原创 2019-03-29 01:04:08 · 781 阅读 · 0 评论 -
微信小程序实现代码高亮
预览老规矩,先上效果图。看起来效果还不错,实名感谢 日出一点一 这位小哥的教程。因为,当搜索 微信小程序实现代码高亮 后,结果基本都是 微信小程序搜索,关键词高亮 这一类的。Onz ,这可真是在为难我胖虎啊。对于我这种 CV 大神来说,难度高于改参数的,一律送到山西挖煤。接着上一篇的两种文本转化方式中说起,从效果上看,towxml 的感觉要更好一些,没有别的原因,单纯喜欢这种字体…...原创 2019-04-06 00:08:39 · 3802 阅读 · 3 评论 -
微信小程序转化html文本
上篇讲了使用 python 的 flask 框架做一个小程序的 api。我们还需要把 html 标签转化为微信小程序的 wxml 标签。方法有两种方法实现文本的转换。wxParsetowxml开始操作wxParse下载 wxParse 插件wxParse 地址: wxParse-微信小程序富文本解析自定义组件,支持HTML及markdown解析下载之后复制 wxParse...原创 2019-04-05 11:10:00 · 3972 阅读 · 0 评论 -
微信小程序实现对图片的缩放与裁剪
思路实现图片的缩放wx.chooseImage上传图片wx.getImageInfo获取图片宽高等信息bindtouchstart,bindtouchmove记录双指事件通过双指移动的距离与初始距离的关系判断缩放规定阈值,最大与最小缩放实现对图片的裁剪canvas.drawImage对图片进行绘制wx.totenm实现对绘制图片的裁剪取消,清空参数开始操...原创 2019-03-17 18:19:29 · 19445 阅读 · 0 评论 -
微信小程序中图片自适应及双指缩放
思路wx.chooseImage上传图片wx.getImageInfo获取图片宽高等信息bindtouchstart,bindtouchmove记录双指事件通过双指移动的距离与初始距离的关系判断缩放规定阈值,最大与最小缩放开始操作上传图片由于上传的图片需要放大与缩小,所以我们首先要在style动态绑定width 和height,其次要设置overflow为scroll。然后开...原创 2019-03-16 17:51:23 · 7529 阅读 · 1 评论 -
微信小程序实现滑块验证码
老规矩,先上Demo:思 路创建2个canvas,一个当作背景,一个当作拼图。传入3个参数,x:canvas中裁剪区域的横坐标,y:canvas中裁剪区域的纵坐标,l:拼图的边长背景图使用fill()的方法裁剪出一个洞拼图使用wx.canvasToTempFilePath的方法裁剪成一个拼图图片。小程序中的触控事件bindtouchmove,bindtouchend分别记录移动的...原创 2019-03-14 21:53:40 · 9999 阅读 · 7 评论 -
小程序获取用户openid,并实现上传图片到python服务器
小程序实现上传图片到python服务器预览老规矩,先上demo。额。。。。忘了,这次情况特殊没有demo,看预览图吧:小程序前端获取用户信息,openId,用作生成用户专属图片文件夹要生成unionId,需要知道自己小程序appid,secert_key。可以登录微信开发平台进行查看。wx.login 获取 code 从而得到用户信息:encryptedData,iv ,...原创 2019-03-07 00:39:20 · 3446 阅读 · 9 评论