小程序
A黄俊辉A
这个作者很懒,什么都没留下…
展开
-
微信小程序使用 节流函数的写法
在工具类中添加节流函数找到需 要节流的按钮原创 2023-12-22 10:18:28 · 375 阅读 · 0 评论 -
小程序云开发中引入vant
首先看一下云开发中的小程序的目录结构。具体到我们的项目是这样子的。最后,构建一下就可以了。原创 2023-11-30 11:15:43 · 390 阅读 · 0 评论 -
vantwap小程序中的阻止冒泡的解决
后来因为外层,也就添加事件, 所以要阻止冒泡 就给它改成了 catch:click。最开始 根据vant 小程序的文档, 事个绑定用的是 bind:click。最终使用了小程序原生的事件 catchtap 得以解决。原创 2023-02-10 15:22:44 · 580 阅读 · 1 评论 -
小程序生成海报并下载到本地图库
小程序在海报页点需生成海报, 并下载图片到本机,同时, 下载的图片上有 名片信息, 和一个小程序太阳码图片。使用 canvas 来画出图片, 名片文本, 和小程序的太阳码。简易的代码, 其中 可以使用 promise 来等待图片画完。在小程序的 wxml 中添加 canvas 标签。设置canvas 的。原创 2022-11-19 18:24:51 · 469 阅读 · 0 评论 -
微信小程序中添加锚点的设置
在html中我们可以很轻松的添加锚点设置, 只需要一个# 就可以了,但是在 vue 和 微信小程序这种单页面的程序中怎么办呢,下面以小程序的样例介绍一下, vue的和小程序的开发方式差不多。使用 wx.scrollTo来让页面滚动到位置就可以了 别忘了, boundingClientRect 后面要跟上 .exec() 才可以。很明显, 点击的按钮上我们绑定了一个 bindtap = gotocard 的事件, 下面看一下 事件的执行函数。我们要的效果是 点击上面的名片, 跳转到下面的名片位置。原创 2022-09-26 09:47:26 · 800 阅读 · 0 评论 -
flex 布局 justify-content:space-between 最后一行左对齐的解决方案
在前端的布局中,我们经常使用flex布局,当遇到分两栏或者n栏的时候,自然就会使用space-between.但是,如果是一行的话,上面的就没有问题,如果要让它自动换行的话,就有可能不是我们想要的效果了上图的情况就是最后一行变成了两端对齐了。......原创 2022-07-15 14:50:44 · 1167 阅读 · 0 评论 -
css 宽度为百分比, 高度和宽度相等的设置
工作中有一个需求, 一行四个图片(正方形的图片),但是我们又要让图片自适应, 不能使用 px 来设置宽度, 要使用百分比,比如上面一行四个图片, 图片的宽度,我们设置了25%, 高度呢,也设置25%吗,这肯定是不正确的, 高度怎么控制就成了难题像这样的, 我使用的 flex 布局, 图片的宽度是 23% 加上间隙就有 25%了下同看一下解决办法...原创 2022-06-13 12:04:01 · 4403 阅读 · 2 评论 -
小程序token过期后, 实现用户无感知的刷新token
当我们使用在小程序中做用户登录的时候, 通常是和api 一样的, 后台给用户颁发一个token, 小程序端(前端)用本地缓存记录一下这个 token ,以后每次请求的时候, 带上这个token 对后端发起请求, 后端解析token中的数据, 查看是否有过期,或其它的错误, 如果正常的话, 后端是可以从这个token中 确认这个请求是哪一个用户发送过来的一般token过期了是很简单的, token过期就重新指引用户登录一下就可以了, 对就是这个解决方案, 但是,但是,微信小程序好象一般的没有登录的页面,原创 2020-11-24 22:18:43 · 13123 阅读 · 11 评论 -
小程序开发蓝牙模块笔记
今天接到了一个开发蓝牙小程序的需求, 所以就研究了一下小程序开发蓝牙的功能, 现做以下笔记备忘(链接:https://pan.baidu.com/s/1Hw84CnMVcFFojJSfjtk0Ww 提取码:qjhp)首先, 购买一个测试硬件(HC-08), 做为一个蓝牙设备在小程序开发工具中编辑代码, 和 测试的硬件进行互通看一看小程序代码的编写 微信小程序的开发文档bluetooch.wxml<button bindtap="openBluetoochAdapter">初始化蓝原创 2022-04-29 11:28:28 · 1027 阅读 · 5 评论 -
canvas 画板宽高与画布宽高带来的问题
今天做了一个小程序项目的手写签名的功能, 使用的是 canvas思想就是在 小程序页面中添加一个 canvas , 然后为其绑定 touchstart 和 touchmove 事件, 这们要把这个画布 做成一个手写先说一下具体的方法吧首先小程序中创建一个 canvas注意,小程序中使用的时候要 给canvas 加上 type=“2d”在 js 文件中上面的就可以 在画布上 签名了但是,上面有一个严重的问题,看下图这种误差, 在别的地方可能可以接受, 但是这里时签名, 手原创 2022-02-19 23:38:43 · 1221 阅读 · 0 评论 -
小程序使用vant中的步骤条 vant-steps
今天写小程序页面的时候用到了 vant-steps , 遇到了使用上的两个问题,在这里记录一下问题一, 引入 vant -steps 之后, 最后一个节点的显示问题不知道 别人的电脑会不会出现这个问题, 反正我的是有, 不影响, 但不爽,在开发者工具中看了半天, 就是那个图标跑到上面去了, 那我们使用 transform:translate 把它移下来不就好了于是解决办法就出来了, 找到相对应的 选择器.van-step--horizontal:last-child .van-step__circ原创 2022-02-13 17:29:52 · 5163 阅读 · 0 评论 -
小程序瀑布流问题记录
当瀑布流页面很长的时候, 势必会引起最下面的图片长短差别很大影响显示效果, 这时我们就需要计算, 让最长的图片, 补充到最短的位置上去先说一下这里面会有什么难点和问题会遇到一个很严重的问题,就是当页面内容足够多了的时候,会出现严重的不对齐状况,因为我们没有办法计算它的高度,除非每次加载完后再进行一次重排。又有人说了,我们为什么没有办法得到它的高度呢?好,这个问题问得好,因为图片没加载完前是很难知道高度的,注意是很难,不是不能。方法可能会有如下几种:1。后台返回图片高度2。通过预加载图片得到高度3。原创 2021-09-18 15:42:35 · 269 阅读 · 0 评论 -
小程序构建npm
这里以构建vant 为例新建小程序项目在 详情->本地设置->勾选使用npm 模块在终端命令行中 输入命令npm init -ynpm i @vant/weapp -S --production不用修改其它的在开发工具菜单栏的 工具-> 构建npm...原创 2021-08-24 16:06:21 · 2591 阅读 · 0 评论 -
小程序setData方法修改对象或数组的属性值(多层级)
数据data:{ code:'9527', baseInfo:{ name:'夏尔', age:19 }, family:[{ name:'大头爸爸', age:'46' },{ name:'美丽妈妈', age:'45' }]}data下的一级属性这个是最基础的this.setData({ code:'007'})修改data下的对象this.setData({ 'baseInfo.age':24})修改data下的数组this.setD原创 2021-06-04 18:06:32 · 1920 阅读 · 0 评论 -
echarts 小程序中使用异步请求和画图分离
小程序中使用echarts github提供了封装地址 添加链接描述但是上面的例子都是前端所绘图数据都准备好了, 打开页面就绘图了, 我们实际情况是请求了后台数据才开发绘图的, 下面是解决方案的一种1.在上面的github地址 下载插件,并把下载好后的 canvas 目录拷贝到 自已的小程序目录中2.在小程序要使用 echarts的页面的 json文件中引入组件3.在页面的 wxml文件上 为图表显示区域创建一个区块3. 在 页面的 js文件中引用 echart.js具体 o原创 2021-05-17 15:05:19 · 199 阅读 · 1 评论 -
微信小程序中引入iconfont字体的
小程序引入iconfont字体在iconfont中选择并下载自己所要使用的字体图标下载到本地并解压文件解压后的文件是这样的这里有两种使用方法一是把这些字体图标生成到网络上, 使用的时候, 小程序会从网络上找到这些字体图标来使用第二种就是, 把字体图标放在本地, 小程序使用的时候从本地读取,各有优缺点, 自行选择做法1.从网络上读取首先, 在iconfont 网店上 点击查看在线链接把上面的代码复制, 覆盖 iconfont.css的文件 中相应的 @font-face原创 2021-05-14 18:25:58 · 1948 阅读 · 1 评论 -
小程序的异步导至 app.onLaunch 和 index的onload 执行先后顺序无法控制
当我们设计小程序的时候, 我们希望在 app.js 开始加载的时间, 就对后端发起请求, 返回用户的信息, 之后来决定用户的首页显示什么内容, 也就是我们希望的执行顺序是 app.js --------> index.js, 但是结果时我们经常会在进入首页的时候, 得不到用户的信息, 并且这种情况是时有时无,为什么呢?原因因为小程序发起请求是异步的, 也就是说, 当我们在 app.js 发起请求 , 查询用户信息的时候, 小程序还在续继, 没有阻塞, 所以小程序继续走到 index.js原创 2021-05-12 10:43:17 · 622 阅读 · 0 评论