![](https://img-blog.csdnimg.cn/20201014180756925.png?x-oss-process=image/resize,m_fixed,h_64,w_64)
小程序
学习小程序
小周sir的码农
面对过去,不要迷离;面对未来,不必彷徨;活在今天,你只要把自己完全“展示”给别人看。
展开
-
小程序实现搜索历史记录,去重搜索字段以及限制展示字段数量
使用微信小程序实现搜索历史记录,去重搜索字段,限制字段数量以及点击重新搜索功能。对应界面 <view class="search-left"> <view class="search-icon"></view> <input class="search-input" bindinput="bindKeyInput" bindconfirm="OnSearch" .原创 2021-03-23 18:02:16 · 1162 阅读 · 1 评论 -
微信小程序修改radio样式
在开发小程序的时候,使用一些小程序自己提供的组件,感觉有和ul设计的不一样,这样让我们修改很通过,尤其是radio组件,checkbox组件。我们怎么去修改这样的样式。小城默认样式使用小程序的radio组件<radio-group name="sex" class="form-radio_wrap"> <label> <radio value="男" checked="{{sex == '男'}}" />男</label>原创 2021-01-23 09:38:05 · 6707 阅读 · 0 评论 -
H5跳转App、跳转小程序
就在昨天,微信发布了一个功能,这个需求终于可以满足大家了。定义: 微信开放标签是微信公众平台面向网页开发者提供的扩展标签集合。通过使用微信开放标签,网页开发者可安全便捷地使用微信或系统的能力,为微信用户提供更优质的网页体验开放标签<wx-open-launch-weapp>打开小程序用于页面中提供一个可跳转指定小程序的按钮。此功能仅开放给已认证的服务号,服务号绑定“JS接口安全域名”下的网页可使用此标签跳转任意合法合规的小程序。使用此标签后,用户需在网页内点击标签按钮方可跳转小程原创 2020-07-09 10:29:13 · 6666 阅读 · 5 评论 -
微信小程序BackgroundAudioManager播放m3u8格式音频
小程序中实现背景音乐播放。在这个项目中,也踩了很多坑,记录一下。由于后台给我返回的音频流是m3u8格式的,没有得办法,安全性高,由于实现背景音乐播放,但是设置了backgroundAudioManager.protocol = 'hls';这个,导致,backgroundAudioManager.onEnded这个api,在ios无法检测到,从18年到现在微信至今没有解决,所留下的坑。实现功能 切换上下首 播放暂停 列表播放 随机播放 单曲播放 定时播放 拖拽播放 定位播放当前.原创 2020-07-08 17:36:12 · 3611 阅读 · 0 评论 -
小程序与webview通信传参
在小程序中,只要每次修改代码或者增加新的内容都是需要发版才行,常常用到与一些活动页面,这个时候小程序提供的webview就可以解决这个问题,通过调用```H5``页面,传参完成一些常用的功能。以后每次更改的时候,只需要修改H5页面就行。小程序webview组件对嵌入的H5页面有要求、必须在小程序管理后台配置为合法的业务域名。H5端H5页面需要引用微信提供的官方sdk<script src="https://res.wx.qq.com/open/js/jweixin-1.3.2.js"&原创 2020-05-21 09:08:02 · 6002 阅读 · 0 评论 -
小程序自定义底部导航栏,切换不同页面显示不同tabBar
在一个微信小程序中,需要实现一个功能,点击页面某一个按钮,显示不同底部导航栏,实现效果如下代码仓库地址 https://github.com/MrZHLF/tabBar.git这个就需要自定义底部菜单栏,app.json文件的tabBar需要给custom设置为true建立导航栏公共组件<cover-view class="tab-bar"> <cover-vi...原创 2020-04-09 10:40:58 · 5163 阅读 · 1 评论 -
小程序tcb-router云开发使用
tcb-router基于 koa 风格的小程序·云开发云函数轻量级类路由库,主要用于优化服务端函数处理逻辑基于tcb-router 一个云函数可以分很多路由来处理业务环境。一个用户在一个云环境只能创建50个云函数相似的请求归类到同一个函数处理tcb-router就相当于koa的中间件相当于一个洋葱模型,每一层相当于一个中间件,一层一层执行,只有最后一个执行完之后,才返回reques...原创 2020-03-10 23:08:39 · 1053 阅读 · 0 评论 -
小程序--音乐播放器功能开发
通过微信小程序实现一个音乐播放器功能,功能如下,实现效果图如下- [x] 歌词联动- 播放,暂停,切换上一首和下一首- 全局背景音乐播放- 歌词播放选择状态- 拖拽播放进度- [x] 保存播放歌曲当前记录通过分析这个页面,可以把这个页面拆分成三个组件,分别对应歌词组件,进度条组件和下面切换按钮组件页面布局<view class="player-container" sty...原创 2020-03-03 22:19:26 · 6966 阅读 · 9 评论 -
小程序索引列表排序
在小程序中,会有一些需求,常常会有一些按字母A-Z排序,写过一篇关于vue的字母排序,点击这里查看,今天写一篇关于小程序字母排序的案例,效果展示如下写之前要和后端定义好数据结构字段,这是我定义的这种数据接口,然后和后端沟通,给我返回这样的结构。[ { "letter":"A", "data":[ {"id": 56,"Name"...原创 2019-07-24 15:53:00 · 305 阅读 · 0 评论 -
小程序实现图片上传,预览以及图片base64位处理
最近一段时间在做小程序项目,第一期功也完工了。需要好好总结一下经验,把项目中遇到的问题好好总结一下,遇到的问题,踩过的坑。今天写一个小程序实现图片上传,预览,以及删除,图片base64位处理。下面就是展示的效果1页面布局<view class='question-images'> <view class='images-wrap'>...原创 2019-07-19 09:38:00 · 492 阅读 · 0 评论 -
小程序实现综合排序页面布局
在一些场景中,常常会遇到过一个功能,点击什么筛选的,综合排序刷新接口数据,就像下面这样的效果。小程序只是先把页面布局好,数据字段定义好了,就差和后端沟通,按照我这种数据结构写接口了,第一次写小程序项目,开始慢慢踩坑,把遇到的问题都慢慢总结一下,在小程序js文件中,在data定义一下综合排序,全国,筛选字段,然后通过for循环遍历渲染到页面sortByName:"综合...原创 2019-07-14 21:59:00 · 622 阅读 · 2 评论