微信小程序
文章平均质量分 50
开发微信小程序
熊猫小账本App
1999 山东日照。码龄没有 10 年,只是 10 年前偶然用 QQ 一键登录的 优快云。
展开
专栏收录文章
- 默认排序
- 最新发布
- 最早发布
- 最多阅读
- 最少阅读
-
div 里有 img,底部有一条空白
将一个 img 放在div里,你会发现在 img 下面多出3px的空白,padding、margin、border 都设为 0,无效!那么怎么解决这个问题呢?微信小程序没有这个问题,是微信团队调整了吗?1、设置div{ font-size: 0}2、设置img{ display: block}或者{ display: table}3、设置img{ vertical-align:top;}推荐第二种,让img对象成为块级元素。原创 2022-10-13 21:36:50 · 523 阅读 · 0 评论 -
通过公众号发送接单提醒给接单员 小程序 云开发
注册认证公众号(服务号!) 300 元复用服务号资质快速生成小程序开发小程序,开通云开发,环境共享(同一个主体)公众号网页注意需要用公众号管理员的微信扫码,来登录开发者工具点击云开发弹窗,填写信息点击消息推送添加消息推送配置加好了,来试试吧放一下云函数 fwh_demo 代码const cloud = require('wx-server-sdk')cloud.init({ env: 'test-3gwou7vxxx..原创 2022-03-23 13:09:01 · 3984 阅读 · 4 评论 -
js 精度 余额 2.4 - 2 = 0.39999999999 ?
遇到的问题解决方案还好项目还没上线,要是上线了,将用户余额从元改为分感觉可要命了。。。保证不停机更新?原创 2022-03-03 15:56:09 · 220 阅读 · 3 评论 -
云开发 获得的日期怎么能成为北京时间的日期?少8小时
exports.main = async (event, context) => { process.env.TZ = 'Asia/Shanghai'原创 2022-01-31 18:03:29 · 540 阅读 · 0 评论 -
逆地址解析
获取用户经纬度后 -> 想得到他所在的城市 (逆地址解析)以前在阿里云,腾讯云市场买那种第三方付费 api 服务 (比如这个第三方公司)有时逛小程序社区会看到 『腾讯位置服务』,有一定免费额度,个人10000/天,企业3000000/天,以后可能会变今天折腾一下 官方文档,记得先看https://lbs.qq.com/dev/console/application/mine创建应用,随便填点信息按下图选下 WebServiceApi,随便填填,微信小程序我也选上了,下载微信小程序原创 2021-10-27 21:30:28 · 1978 阅读 · 1 评论 -
feed 流(瀑布流)中的分页问题
以前在开发失物招领微信小程序时就遇到了这种问题,某条失物信息出现了两次,因为出现的频率很低很低,还以为是腾讯云出了问题,事故现场 pageSize pageNum 如果有人增加或者删除内容; 就会出现某一条内容错位;解决方案 采用 last_id 来记录上一页最后一条内容的 id; 前端读取下一页的时候,将last_id作为入参; 后端直接找到last_id对应数据,再往后偏移page_size条数据,返回给前端; last_id 本身这条数据不可以被硬删除;...原创 2021-08-26 00:32:27 · 791 阅读 · 0 评论 -
微信小程序 页面跳转传参 参数中有富文本 报错
标题说的很明白了吧跳转前对 obj 序列化跳转后对 obj 反序列化可参数中有富文本,部分标签导致 反序列化失败js 报错解决方案把参数放到 app.js globalData 里就好了。原创 2021-08-01 17:04:41 · 454 阅读 · 0 评论 -
微信小程序 超棒的自定义导航栏
参考文档 微信小程序设计指南链接:https://pan.baidu.com/s/1AshcbFdPv0RTYvkX4DjIWw 提取码:t5k6原创 2021-07-14 08:46:32 · 182 阅读 · 1 评论 -
js 对数据分组(分组单位,年,月,日,时,分,秒)
bg: 微信小程序我这里的需求是 按月分组<view class="app"> <view class="list"> <view class="list-item" wx:for="{{list}}" wx:key="_id"> <view class="time_group"> {{item.date}} </view> <view class="two">原创 2021-06-07 20:38:56 · 1221 阅读 · 1 评论 -
微信小程序 云开发 上传多张图片 9宫格
直接看录屏(有语音说明) 微信小程序开发 如果播放失败请 点击此处跳转腾讯视频show me the code<view class="img-view"> <view class="show" wx:for="{{ imgOne }}" wx:key="_id"> <image src="{{ item }}" mode="aspectFill"原创 2021-04-13 14:40:23 · 1497 阅读 · 9 评论 -
微信小程序 导航栏背景色 随滚动条滚动而变化
//app.json 添加 (json 文件不能有注释)"navigationStyle": "custom"<view class="app"> <view class="nav-top" style="padding-top: {{ statusBarHeight }}px; background-color: rgb(45, 183, 245, {{num}})"> <view class="nav-top-img-view" bindtap="onB..原创 2021-02-24 11:27:09 · 3587 阅读 · 1 评论 -
微信小程序 云开发 图片内容安全 珊瑚图片内容安全 api
小程序需要对用户上传的照片文字做审核,使用珊瑚安全api原创 2021-01-31 15:00:08 · 5423 阅读 · 4 评论 -
微信小程序 lookup 联表查询
微信小程序 云开发store 商品集合_id: 'a8831daa5fef02f50153146e5902c2aa',openid: 'oMlDj5JiYiwxyBJm-d4JFY-Ov-LM', // 发布商品者 openidtitle: '小米手电筒',liulan: 29,price: 19.9,imgUrl: 'xxxxxxxxxxxxxxxx',time: 1609499381638,shenhe: true,fav 收藏集合_id: 'b45a21d55ff15原创 2021-01-06 22:00:21 · 4748 阅读 · 6 评论 -
微信小程序 聚合查询
//普通数据查询db.collection("china") //获取集合china的引用 .where({ //查询的条件操作符where gdp: _.gt(3000) //查询筛选条件,gt表示字段需大于指定值。 }) .field({ //显示哪些字段 _id:false, //默认显示_id,这个隐藏 city: true, province: true, gdp:tr原创 2021-01-05 17:55:02 · 6095 阅读 · 3 评论 -
微信小程序 swiper + scroll-view = ?
最近用 swiper + scroll-view 做了一个好玩的(提升用户体验)看下图很多 app 中都有具体应用场景又到了代码的环节了()<view class="all"> <view class="head-title" bindtap="clickHead"> <view class="{{headOneTitle}}">A</view> <view class="{{headTwoTitle}}">B</vi原创 2020-12-26 21:06:06 · 962 阅读 · 0 评论 -
微信小程序 云开发 模仿抖音点赞 代码逻辑 体验优化
最近搞了下点赞 这个逻辑是:进入小程序后 --> db查询集合记录数量存到本地,查询openid记录是否存在,不存在即未点赞。点击空心 --> db 集合添加一条记录,success 本地集合记录数量 + 1,变满心,记录_id写入缓存,fail 提示点赞失败点击满心 --> db 集合删除此记录,success 本地集合记录数量 - 1,变空心,fail 提示点赞失败这样点赞会因为网络原因存在 0.5 秒的延迟,体验不太好。优化:进入小程序后 --> db查询集合原创 2020-06-08 10:34:21 · 1304 阅读 · 1 评论 -
微信小程序 遮罩层 demo
原理:控制 view 的显示隐藏上代码<view class="mask" wx:if="{{mask}}"></view> <view class='search'> <input type='text' confirm-type="search" bindfocus="ineye" bindblur="outeye"><...原创 2020-04-05 17:58:30 · 1167 阅读 · 2 评论 -
微信小程序 代码安全
最近在做校园小程序、失物招领、二手商品。既可以在 js 里操作数据库,又可以在云函数中操作数据库,感觉前者会出现安全问题。今天看小程序官方文档刚好找到了一些资料:微信小程序安全指引嗯,真香。...原创 2020-04-04 19:53:25 · 605 阅读 · 0 评论 -
微信小程序 跳转/打开 另一个小程序
老规矩先放官方文档上代码片段<view class="all"> <view class="list"> <view class="list-item" bindtap="open_tiezhi"> <view class="list-item-img-box"> <image src="../....原创 2020-04-14 10:41:54 · 1068 阅读 · 0 评论 -
微信小程序 一键复制 demo
Code.Code…Code …<text>{{email}}</text><button bindtap="copyEmail">一键复制</button>Page({ data: { email: 'xxxxxxxxxx@gmail.com' }, copyEmail: function() { wx....原创 2020-03-20 19:06:27 · 894 阅读 · 1 评论 -
微信小程序 禁止页面下拉/滚动 【优化】
有的时候我们的页面做得比较短,为了增强用户体验,不希望用户可以下拉页面,因为下拉页面会有种页面松动的感觉,可以在该页面的json文件里配置,比如 "window": { "disableScroll": true }...原创 2020-03-18 20:00:58 · 8181 阅读 · 0 评论 -
微信小程序 缓存 demo 优化小程序体验
2020-03-16写下这个 demo我也刚刚开始学习小程序缓存先放微信小程序官方文档今天要实现什么效果呢? openid 作为小程序内用户唯一标识,重要性不言而喻好了,直接上代码// app.jsApp({ onLaunch: function() { if (!wx.cloud) { console.error('请使用 2.2.3 或以上的基础库以使...原创 2020-03-16 16:04:56 · 369 阅读 · 0 评论 -
微信小程序 【自定义顶部导航栏】 navigation bar demo
为啥放弃官方帮我们调试好的导航栏,而自己去慢慢调试一个呢当然是源于【自己的需求】啦,新型肺炎期间重写的小程序 【头像贴纸加文字】嗯,有9人分享我的这个小程序,正常分享操作步骤为:点击右上角三个点发送给朋友唤起聊天列表如果在首页加一个分享按钮 会更快捷 ~点击左上角分享按钮唤起聊天列表点一下左上角就可以快速分享那怎样实现呢首先在 app.json...原创 2020-03-02 07:20:18 · 2715 阅读 · 0 评论 -
微信小程序 搜索优化指南(SEO)
官方 微信小程序 搜索优化指南(SEO)值的好好研究一下,一个好的小程序名称及头像也非常关键原创 2020-02-19 11:14:41 · 1513 阅读 · 0 评论 -
微信小程序 JavaScript 定时器 清除定时器
最近学习微信小程序 使用自动运行体验评分然后就有了下文var i = setTimeout(function() { // 延迟执行}, 200)clearTimeout(i); // 或者clearTimeout(1); 页面中的计时器有编号从1,2,3,4,5......原创 2020-02-12 12:32:18 · 736 阅读 · 1 评论 -
微信小程序 获取用户昵称 头像 性别...『并解决获取的头像模糊问题』
上代码 ->// .wxml<button open-type="getUserInfo" bindgetuserinfo="getUserInfomation">获取用户信息</button>// .jsgetUserInfomation: function (e) { console.log(e);},ok了,但是头像比较模糊。处...原创 2020-02-09 16:42:45 · 2945 阅读 · 1 评论 -
html wxml 微信小程序 文字垂直水平 居中
水平居中:text-align: center;垂直居中:height = line-height (微信小程序测试无效)文本line-height = 外层view高度 (微信小程序测试有效)还可以使用flex实现垂直居中...原创 2020-02-06 18:12:21 · 4101 阅读 · 4 评论 -
微信小程序 canvas drawImage() 第一个参数-坑
使用canvas的过程中,云存储图片下载地址,调用drawImage()画不出来??????试了一下午 -> 解决方法,将云存储下载地址传入wx.getImageInfo 返回res.path 再调用drawImage(),哈哈哈哈哈啊,终于解决了,...原创 2020-02-05 20:35:59 · 4878 阅读 · 0 评论 -
微信小程序 页面跳转 数据传递 demo【初学者】
例如我们从 index.wxml 跳转到 second.wxml,那怎样把数据从第一个页面传递到第二个页面呢??话都不说,直接上代码// app.jsApp({ globalData: { }});// index.jsvar app = getApp();Page({ onLoad: function () { app.globalData.name = "我是一...原创 2020-02-04 17:40:53 · 714 阅读 · 1 评论 -
微信小程序 scroll-view 无法横向滚动 demo
放置 -> 微信官方文档链接遇到的问题:scroll-view 组件添加 scroll-x="true"属性还是无法横向滚动解决方法如下:// .wxml<scroll-view class="fir" scroll-x="true"> <view>1</view> <view>2</view> <view&g...原创 2020-02-02 14:05:23 · 676 阅读 · 0 评论 -
微信小程序 map 组件 全屏
// map.wxml<map id="mapp" latitude="37.4857" longitude="121.4468" scale="15" show-compass="true"show-scale="true" markers="{{markers}}" polyline="{{polyline}}"></map>// ma...原创 2020-01-21 20:21:40 · 1202 阅读 · 1 评论 -
微信小程序 map polyline 连点成线 线路规划 demo
微信小程序官方文档学校部分快递点(中通,百世…)位于校外,所以找寻比较困难微信小程序+定位解决这个问题特别合适// map.wxml<map id="mapp" latitude="37.488" longitude="121.4499" scale="16" show-compass="true"show-scale="true" polyline="{{polyli...原创 2020-01-21 12:02:35 · 12537 阅读 · 8 评论 -
地图精确经纬度
关于精确经纬度到达实地位置定位后获得(写个微信小程序demo渲染到wxml)感谢这位老哥的地图原创 2020-01-21 12:00:58 · 1866 阅读 · 0 评论 -
微信小程序 map marker 学校地图标记教学楼 demo
微信小程序官方文档地图标记主要是帮助新生/或外来人员尽快了解学校的教学楼部门…腾讯地图数据标记不够详细全面微信小程序+定位特别合适// map.wxml<map id="mapp" latitude="37.488" longitude="121.4499" scale="16" show-compass="true"show-scale="true" markers...原创 2020-01-21 11:19:02 · 2858 阅读 · 4 评论
分享