小程序
微信小程序相关文章
我是黄同学
这个作者很懒,什么都没留下…
展开
-
小程序笔记(十一)之实现圆角以及倒圆角
小程序笔记(十一)之实现圆角以及倒圆角原创 2022-09-14 10:11:40 · 1546 阅读 · 0 评论 -
小程序笔记(十)之css实现扇形
css实现扇形原创 2022-06-09 23:16:04 · 628 阅读 · 0 评论 -
小程序笔记(九)之console.timeEnd()
一.前言楼主最近在小程序中要测试网络请求的用时,一开始就想着自己写个函数在开始请求的时候获取时间戳,请求结束的时候再获取一次,计算差值就可以得到,然后面发现其实js就提供了这个函数接口,而且用起来很方面二.使用1.描述console.time() 是计时器的起始方法console.timeEnd() 是计时器的结束方法该方法执行后会将执行时长(以毫秒为单位)显示在控制台上两个方式都传入一个字段名,以此来区分多个计时器2.使用2.1单个计时器使用 console.time("循环50原创 2022-05-21 14:05:24 · 1455 阅读 · 0 评论 -
小程序笔记(八)之wxss实现手机信号图标
一.前言楼主在实际开发过程中,遇到要显示设备信号强度的需求,本来想着用数字来表示,但是对于用户来说,图标相对数字更加直观,一开始打算用图片,做一个简单粗暴的替换,效果是实现了,但是不怎么合理,还是需要样式来实现合理点二.实现过程1.信号强度多数是4-5个垂直条来表示,这里面可以有认为4个view,每个view之间的间距为0,每个view宽度一致,高度递增,但是要怎么限制4个view之间的排列方式,可以在外边再套上一个view,设置他的显示方式为row2.具体代码<view class="si原创 2022-05-06 17:48:37 · 603 阅读 · 0 评论 -
小程序笔记(七)之view实现自定义长按时间
一.前言楼主在开发小程序的过程中,遇到这样一个需求,要求长按view才开始某个操作,如果只是这样的需求简单,因为view就提供一个了长按的事件:bindlongpress但是这里的时间由显示,微信默认是350ms,可是客户要求是长按4s才执行先操作,这就有点麻烦了,无法用bindlongpress去实现。二.解决方式1.长按操作,即是从按下到离开,会有一个时间间间隔,只要捕获这两者的时间,然后再计算两者之间的时间差即可自由实现长按多少秒再执行业务操作。以上是解决的思路方向,现在需要捕获两个动作,原创 2022-04-30 16:21:26 · 1135 阅读 · 0 评论 -
小程序笔记(六)之调用全局样式
一.前言在接触小程序项目中,由于业务的关系,楼主发现好多样式是一样的,于是萌生了一个想法,能不能把公共的样式独立出去,然后调用即可,这样一来减少工程体积,二来是提高开发效率。二.调用全局样式方式举例1.公共样式写在app.wxss中,由于小程序的机制,在调用的时候不用import,直接写公共样式的名称即可,操作如下2.公共样式不是写在app.wxss中,需要在当前页面下的wxss中import自定义的样式文件,操作如下效果3.其他说明1.公共样式的名称不可与当前页面下wxss文件中原创 2022-04-01 22:29:34 · 1215 阅读 · 0 评论 -
小程序笔记(五)之实现三角形箭头
一.前言楼主去年刚开始接触小程序的时候,基本都是采用贴图的方式,连一个三角形图标也是,最近又遇到类似的需求,直接一个css搞定.特此做个记录二.实现举例wxml文件<view class="san"></view>wxss文件1.上箭头.san { margin-left: 200rpx; width: 0; height: 0; border-width: 25rpx; /*控制箭头的大小 */ border-style: so原创 2022-03-22 21:58:53 · 2080 阅读 · 0 评论 -
小程序笔记(四)之公众号关联小程序
一.前言楼主最近在接触小程序方面的知识,遇到了一个需求,就是用户有自己的公众号,他想通过自己的公众号跳转到指定的小程序,于是和他交流了一番,总算把需求搞定,楼主特此做个记录二.关联流程1.登录公众号,选择小程序管理2.选择添加,然后选择关联小程序,管理员认证3.输入小程序ID,选择小程序,点击下一步4.关联之后如下界面看到关联的小程序三.公众号设置跳转1.点击自定义菜单2.设置如下3.移动端进入公众号查看效果...原创 2022-03-11 22:46:20 · 1361 阅读 · 0 评论 -
小程序笔记(三)之设置滑动选择器slider宽度
设置滑动选择器slider宽度实现原创 2022-01-10 09:28:14 · 2031 阅读 · 0 评论 -
小程序笔记(二)之设置进度条progress的宽度
设置进度条progress宽度实现原创 2022-01-09 23:55:28 · 583 阅读 · 0 评论 -
小程序笔记(一)之view多次点击只取最后一次
一.前言楼主21年下半年接触了小程序,发现小程序确实比Qt好用许多,很多接口也很方便,但是也遇到了一些坑,故在此记录一下二.问题描述点击一次view,就发送一个请求,这是正常的情况,但是有些用户喜欢一直点,这样就会造成一个请求还没完成,另一个请求已经来了的情况,容易造成卡死三.解决方式1.点击的时候,不要马上去处理,延迟一定的时间,如果这个延迟时间之内还继续点击了,就忽略上一次的点击,每次都这样操作2.核心代码 onClicked: function () { let num = t原创 2022-01-08 09:59:48 · 299 阅读 · 0 评论