- 博客(23)
- 收藏
- 关注
RSS订阅原创 一些关于Vue3的更改和调整
Vue3中的变化距离 Vue3.0 Bate 版 正式发布已经1个月了。不过不需要担心学不动的问题，因为现在 vue3 是完全兼容 vue2 的，你可以在 Vue3 中继续使用 Vue2 ,甚至可以两者一起使用。还有很重要的一点，Vue2 还会再更新一个版本，让大家能完美过渡到 Vue3。如果有兴趣的可以去哔哩哔哩搜一下尤大那天的直播，下面我总结一下这几天我的理解和遇到的问题。有不对的地方和新的差异可以在下面评论交流，谢谢。Composition APIvue3 对用户来说最大的改变应该就是
2020-05-15 00:58:36
1623
原创 小程序在page中使用数据监听(不需要setData)
小程序在page中使用数据监听(不需要setData)众所周知，在小程序中如果想要监听数据，必须得使用组件 Component，它提供了observers 方法用来监听数据变化。但是，其中比较让人不舒服的是，它监听的仅仅是 setData 之后变化的数据。一般来说，在小程序中有些数据是不需要setData 渲染的，比如：input事件，输入框中本身已经展示了数据，是不需要再使用 value 绑定...
2020-05-06 11:09:19
4160
1
原创 微信小程序中使用订阅发布模式优化回调繁杂的问题
订阅发布模式在开始之前先让大家看一段代码wx.getUserInfo({ success: res => { // 可以将 res 发送给后台解码出 unionId this.globalData.userInfo = res.userInfo // 由于 getUserInfo...
2020-04-22 19:20:48
1089
原创 在微信小程序中写个日历吧
微信小程序中自带得日期选择器用起来很舒服，但是不太适合项目，日历插件也是比较简单得东西，就随手写了一个。话不多说，先上demo。日历最重要的就是日期正确。我们写日历的时候只需要知道几个因素就行：该月有多少天该月的一号是周几知道这两个信息之后，我们的日历就会自动空出相应的格数，并依次展示出剩余的日期。获取该月天数当我们打开日历时，首先出现的肯定是当前日期。那我们就先创建一个获...
2019-09-05 23:17:33
1063
原创 小程序中实现上拉加载（python-flask后台）
上滑加载的原理说白了就是分页功能，每次触底的话page+1。 在传统情况下，触底判定是通过内容区域的高度乘以内容个数得出可视化数值，当滑动距离接近该数值时触发。简单得是，在小程序中封装了一个方法，免去了繁琐的判断操作。直接在page()下使用onReachBottom方法即可判定是否触底。在web端，使用页数分页的话，在翻页之后不会保留上一页的数据，但是在移动端，滑到底部加载出数据之...
2019-05-01 19:56:05
473
原创 微信小程序中时间戳的转换及解决代码嵌套显示问题
在上一篇中讲了怎样实现小程序中的代码高亮，但是并不完美。高亮的思路是遍历所有 <code> 标签，对 class='lang-xxx' 进行高亮实现。试想，如果我要写一篇文章，在我的文本中刚好出现了 <code class='lang-'> ，显然，这样的文本也会被默认转换，从而造成了信息的缺失。解决思路看一下我们的转化函数：是先对文本中的特殊字符转换后，才进行的...
2019-04-11 22:11:14
935
1
原创 微信小程序实现代码高亮
预览老规矩，先上效果图。看起来效果还不错，实名感谢 日出一点一 这位小哥的教程。因为，当搜索 微信小程序实现代码高亮 后，结果基本都是 微信小程序搜索，关键词高亮 这一类的。Onz ，这可真是在为难我胖虎啊。对于我这种 CV 大神来说，难度高于改参数的，一律送到山西挖煤。接着上一篇的两种文本转化方式中说起，从效果上看，towxml 的感觉要更好一些，没有别的原因，单纯喜欢这种字体…...
2019-04-06 00:08:39
3692
3
原创 微信小程序转化html文本
上篇讲了使用 python 的 flask 框架做一个小程序的 api。我们还需要把 html 标签转化为微信小程序的 wxml 标签。方法有两种方法实现文本的转换。wxParsetowxml开始操作wxParse下载 wxParse 插件wxParse 地址: wxParse-微信小程序富文本解析自定义组件，支持HTML及markdown解析下载之后复制 wxParse...
2019-04-05 11:10:00
3874
原创 用python的flask给微信小程序写一个多层api(下)
引子在上文中，我们对数据模型进行了设计，创建了一对多关系型数据表。这篇将对数据查询结果进行json化，使其可以作为api使用。用python的flask给微信小程序写一个多层api(上)把数据类型转化为字典类型首先在Arcticle数据表模型下面定义一个转化函数to_dict，使其变成字典类型class Article(db.Model): ... ... ...
2019-03-29 12:30:15
683
原创 用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
743
原创 微信小程序实现对图片的缩放与裁剪
思路实现图片的缩放wx.chooseImage上传图片wx.getImageInfo获取图片宽高等信息bindtouchstart,bindtouchmove记录双指事件通过双指移动的距离与初始距离的关系判断缩放规定阈值，最大与最小缩放实现对图片的裁剪canvas.drawImage对图片进行绘制wx.totenm实现对绘制图片的裁剪取消，清空参数开始操...
2019-03-17 18:19:29
19243
原创 微信小程序中图片自适应及双指缩放
思路wx.chooseImage上传图片wx.getImageInfo获取图片宽高等信息bindtouchstart,bindtouchmove记录双指事件通过双指移动的距离与初始距离的关系判断缩放规定阈值，最大与最小缩放开始操作上传图片由于上传的图片需要放大与缩小，所以我们首先要在style动态绑定width 和height，其次要设置overflow为scroll。然后开...
2019-03-16 17:51:23
7352
1
原创 微信小程序实现滑块验证码
老规矩，先上Demo:思 路创建2个canvas，一个当作背景，一个当作拼图。传入3个参数，x:canvas中裁剪区域的横坐标，y:canvas中裁剪区域的纵坐标，l:拼图的边长背景图使用fill()的方法裁剪出一个洞拼图使用wx.canvasToTempFilePath的方法裁剪成一个拼图图片。小程序中的触控事件bindtouchmove,bindtouchend分别记录移动的...
2019-03-14 21:53:40
9638
7
原创 移动端h5实现摇一摇抽奖
话不多说，老规矩，先上预览：blogai.cn由于新换了服务器，还在备案审核中，所以，前面的预览地址都打不开了，等过几天就好了。首先，我们先用css实现一个摇动的手机，能很好地带入用户。实现如下：<style rel="stylesheet" type="text/css"> *{ box-sizing: border-b...
2019-03-10 20:12:53
4949
原创 canvas实现滑块验证码，无需任何插件
无需插件，简简单单几行代码实现滑块验证码话不多说，老规矩，先上Demo，预览地址：blogai.cn再放几张预览图：该功能的实现大概有以下几步：canvas 创建两个一样的画布，储存验证图相同坐标通过fill,clip截取两个验证块监听鼠标按下事件，记录初始X坐标监听鼠标移动事件，记录下移动坐标，验证块随着移动监听鼠标松开事件，记录结束X坐标对比移动距离和裁剪时的x坐标...
2019-03-07 23:49:26
4856
原创 小程序获取用户openid，并实现上传图片到python服务器
小程序实现上传图片到python服务器预览老规矩，先上demo。额。。。。忘了，这次情况特殊没有demo，看预览图吧：小程序前端获取用户信息，openId，用作生成用户专属图片文件夹要生成unionId,需要知道自己小程序appid，secert_key。可以登录微信开发平台进行查看。wx.login 获取 code 从而得到用户信息：encryptedData，iv ,...
2019-03-07 00:39:20
3363
9
原创 原生JS实现移动端弹幕（虎牙，斗鱼简易版）
话不多说，老规矩，先上Demo 点此预览实现思路：从输入框获取输入信息生成弹幕节点弹幕从屏幕一侧逐帧移动到另一侧移动完毕，删除弹幕节点- 首先是界面布局的实现CSS*{ padding: 0; margin: 0; } html,body{ height: 100%; ...
2019-03-04 22:18:45
1765
1
原创 PC端使用Canvas实现刮刮卡效果
话不多说，先上效果:blogai.cn主要思路是通过canvas对信息进行遮盖，通过使用destination-out对已涂颜色对冲，从而变得透明。//使用globalCompositeOperation 中的destination-out ,使已经填充的颜色变透明; context.globalCompositeOperation = 'destination-ou...
2019-03-04 02:39:49
680
原创 Python-Flask实现关注，及朋友圈（互相关注）
一个用户可以有多个粉丝，Ta的粉丝也可以有多个粉丝。这是数据库的多对多模式，进一步讲，由于这两个"多"都是在同一张表中，因此，称这种关系为自引用关系。通常，数据库的多对多其实就是两个一对多的关系，我们可以像往常实现一对多那样，在用户表下面添加关注者和被关注者字段，指向一张记录了关注者id和被关注者id的关系表。Class User(db.Model)： …#被关注...
2019-02-25 21:37:15
934
1
原创 使用Flask-Migrate 时一定要谨慎！
谨慎使用Flask-Migrate ！谨慎使用Flask-Migrate ！谨慎使用Flask-Migrate ！flask-migrate是基于alembic的一款flask操作数据库插件，可以用来更新数据库。它的工作步骤分三步：初始化，并记录该数据库下的所有数据表。 对比修改后的数据表，并生成一个version表，用于记录与需要修改，更新的地方。 更新。这样看起来是不...
2019-02-15 22:49:23
913
原创 在python-flask中使用ckeditor替换markdown富文本编辑器，并且实现代码高亮
先上Demo： https://zjrzjr.cn/ckdemo 在《Flask Web 开发》一书中，作者使用的是markdown富文本编辑器，与我们日常使用习惯有点不一样。因此，在对比了几款主流富文本编辑器后，选择了CKEditor https://ckeditor.com/ 。美观强大且可定制。1.下载ckeditor 这里使用的是ckeditor4，进入官网下载...
2019-01-18 22:31:59
1435
1
原创 微信小程序连接图灵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
10353
24
原创 python+selenium自动给指定的人留言天气状况
最近天气忽冷忽热，提醒你最关心的人天气状况import datetime,timefrom selenium import webdriverimport requestsimport json,osdef auto_msg(info): appkey = "094cd596bdc040b0b50eab514e******" #从图灵得到的授权码 url = "http...
2018-04-10 22:26:29
341
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人