-
【小程序踩坑系列】小程序退出后扫码再进入，“外部”代码不会再次执行 ...
2021/3/31 23:32:18
作者: 蒋欢 问题： 小程序退出后再次扫码进入，只会执行生命周期函数里的代码，“外部”代码不会再执行。 具体描述： 在我们的项目里，我们会将一部分本地变量不写在小程序 pageConfig 的 data 中，而直接在文件头进行声明。这样是为了减少 data 的大小，加快页面渲染速度。但这也无意中带来了新问题，我们看看下面的例子。 出错的index.js文件： const localFlag = ... -
通过 WeCOS 进行小程序瘦身
2021/3/31 23:32:14
尽管 4 月份微信官方将小程序的大小限制从 1M 放开到 2M，但是对于使用大量图片的小程序（电商等）来说，2M 的限制还是显得拮据。基于这种场景，腾讯云微信小程序解决方案团队开发了 WeCOS 小程序瘦身工具，依托腾讯云强大的云对象储存（COS），提供自动将小程序内部的图片自动上传到 COS，并将图片的相对路径改为线上 URL，这样就可以大大的缩减小程序的大小，并且无需过多繁... -
小程序“圣诞帽”的实现思路
2021/3/31 23:31:48
这两天朋友圈被“圣诞帽”刷屏，这个小程序连微信官方都出来辟谣了，又一个现象级的玩意儿。从产品角度而言无疑是非常成功，但从技术角度而言是确实习以为常，创意很重要！简单说一下思路：获取头像，把头像画在Canvas里面，接着往Canvas里画帽子，调整帽子的参数（位置、大小、旋转），最后保存为图片。 先来看看效果 思路 1.获取用户头像 wx.getUserInfo({ success: f... -
微信小程序框架wxss--电话列表展示demo
2021/3/31 23:31:45
今天好冷，躲在客厅瑟瑟发抖的学习小程序。先看一下效果图↓ 准备工作：在pages目录下新建一个wxss2文件夹，并在app.json中进行注册，会自动生成wxss.js等四个文件。1.我们先看看wxml样式的编写 <view class="container list-container"> <view class="list-item"> <image class="left" src=https://www.wxapp-union.com/"../../resources/headImg.jpg"... -
微信小程序开发——本地调试
2021/3/31 23:31:43
在我们开发小程序时，可能小程序端和后台是同时开发的，这种情况下，如果后台代码写一点，再部署到服务器，然后再调试小程序，会很繁琐。而很多小程序api又必须要经过腾讯服务器，再转发到我们自己的后台，这就要求我们的后台能够被外网访问到。前段时间写小程序时尝试过几种方法，这里简单介绍一下。? 首先，对于那些不需要调用类似用户登录这些必须要appid的功能，我们可以直... -
微信小程序开发学习--外部设备的使用
2021/3/31 23:31:37
微信小程序开发中，我们会用到蓝牙，相机、录音等设备。使用这些设备的时候我们可以先获得用户的授权再进行操作1、相机的使用，相机的使用主要有拍照和拍摄视频，这两个都是在用户上传图片的时候，我们在soureType中加上camera属性就能够选择拍摄并上传，我们在上传后能够获得这些视频和图片的临时路径，在页面中加入用于展示他们的<video>或者<image>标签，就可以... -
微信小程序canvas绘制坐标图
2021/3/31 23:31:32
这里是微信小程序项目中用到的canvas绘制柱状图、线图、饼状图，跟html里的canvas略微差别，不做详细介绍，仅做个记录防失忆啊， 1、线图 function draw(data, ctx) { var width, height = 300, ratioX, ratioY, maxY, stepY; var newArr = new Array(); //-------- 数据处理 ----------- if (data.time == null) { return; } if (data.type == 'day' || data.type ... -
微信小程序录音与播放录音
2021/3/31 23:31:20
小程序中提供了两种录音的API旧版录音功能首先启动录音，然后停止录音即可拉到音频的临时地址启动录音：var that = this; wx.startRecord({ success: function (res) { // 调用了停止录音接口就会触发这个函数，res.tempFilePath为录音文件临时路径 var tempFilePath = res.tempFilePath that.setData({ src: tempFilePath ... -
小程序后台数据分析功能详解：并不是第三方就一定好用
2021/3/31 23:31:14
你可能做了一个小程序，也做了很多推广，然后查看了后台的一些数据：有本地也有外地；有男粉丝也有女粉丝；有青年才俊，也有中年大叔；有iPhone也有安卓；有的页面访问人数比较多，有的页面访问人数比较少；有的停留了很久，有的点开就关闭了；有人访问一次再也没来过，有人进行了多次访问；有人通过好友的分享进入，有人通过扫描二维码进入，有人主动在搜索框进行了搜索，有人... -
微信小程序开发问答《八十一》修改循环item中的属性值 & 如何清除图片缓存？ ...
2021/3/31 23:31:10
1、小程序可以修改循环出来的item中的属性值么？修改后并在页面上修改<view class="index-list-item" wx:for="{{listData}}" data-id="{{item.id}}" data-qr="{{item.qr_url}}" data-view="{{item.view_int}}" catchtap="OpenDialog(item)"> <image src="{{item.thumb_url}}"></image> <text class="list-item-name">{{item.wx_name}}</text&... -
微信小程序中公用内容
2021/3/31 23:31:07
微信小程序中各个页面调用公用的js 在util.js文件中 // 跳转哪里function go(where) { wx.reLaunch({ url: where, })}// 将方法暴露出去，在其他页面才可以调用module.exports = { go: go} 在其他页面调用 // 引入util.jsvar utils = require('../../utils/util.js')Page({ go: function(e) { var url = e.currentTarget.dataset.url; utils.go(url); ... -
微信小程序媒体组件（二）image
2021/3/31 23:31:03
记录一下image的使用，比较简单。1.先看一下属性。属性名类型默认值说明最低版本srcString 图片资源地址 modeString'scaleToFill'图片裁剪、缩放的模式 lazy-loadBooleanfalse图片懒加载。只针对page与scroll-view下的image有效1.5.0binderrorHandleEvent 当错误发生时，发布到 AppService 的事件名，事件对象event.detail = {errMsg: 'something wrong'}&... -
五分钟掌握微信小程序轮播图
2021/3/31 23:30:56
微信小程序轮播图实现，比Android 轮播图来说，显得轻松多了。微信小程序提供swiper组件，官网api提供的swiper滑块视图容器。 从公共库v1.4.0开始，change事件返回detail中包含一个source字段，表示导致变更的原因，可能值如下： autoplay 自动播放导致swiper变化；touch 用户划动引起swiper变化；其他原因将用空字符串表示。 注意：其中只可放置组件，否则会导致未定义的行... -
微信小程序--视图层的数据绑定、列表渲染、模板
2021/3/31 23:30:48
数据绑定WXML 中的动态数据均来自对应 Page 的 data。只要把data中的数据改变，视图层就会自动改变，无需使用DOM操作。简单绑定数据绑定使用 Mustache 语法（双大括号）将变量包起来 使用方法： {{ 内容 }} 在组件中使用！不论是在组件包含在内，还是在组件属性内的，都是需要使用双花括号！ -
与你一起写小程序--仿网易蜗牛读书小程序
2021/3/31 23:30:28
最近一段时间在学习怎么写小程序，然后自己利用课外时间，也撸了一个。一直都很喜欢网易蜗牛读书这款App，对于喜爱的事物总是情不自禁的，于是就仿照网易蜗牛读书的App简单做了这款小程序。 项目地址：杳杳飞花/Reading 项目预览： 项目准备： 大家若是感兴趣，可以跟着我一起来做哟^_^ ? 蓝体点击就能跳转到相应页面进行下载或者查看教程 1、微信开发者工具 他能... -
微信小程序跳一跳的游戏辅助实现
2021/3/31 23:30:17
0.前言 微信小程序跳一跳是个挺不错的游戏，但身为一个天生爱折腾的geek，还是忍不住挑战这游戏的上限。 效果如下动图，游戏开始，程序会自动识别小人的坐标，你只需点击要跳到的那一个方块，程序将自动算出并帮你按下屏幕若干秒，小人即完成一次跳跃。 效果图 1.相关技术 实现起来其实相当简单，主要用到几个技术点： 悬浮窗在Android代码中执行Shell命令实现模拟触屏，... -
微信小程序播放缓存的音频文件
2021/3/31 23:30:14
很多时候我们都想把数据预先缓存到本地，节省带宽。但是最近在处理微信小程序播放缓存到本地的音频文件的时候，遇到一些小问题，然后对于安卓和IOS需要采用不同的播放策略。首先，如果哪怕用audio标签来播放在线的音频文件，假如服务端没有实现断点续传，IOS是无法播放的，这个需要注意。对于缓存在小程序的音频（wx.saveFile(OBJECT)保存的音频），IOS只能通过播放背景音乐的... -
微信小程序动态二维码生成组件wx-mini-qrcode
2021/3/31 23:30:11
GitHub地址：https://github.com/flyingsouthwind/wx-mini-qrcode场景最近制作一个在微信中为用户生成整张海报的小程序，需要根据用户的店铺ID或商品ID实时动态的生成店铺或商品二维码，试了下社区里已有的二维码组件，感觉不是很适合自己的场景，使用也比较别扭，所以自己折腾了一个。使用const qrcode = require('wx-mini-qrcode/src/index'); Page({ data: { ... -
微信小程序短文字居中，长文字跑马灯效果
2021/3/31 23:30:09
Html代码 <view class="info_box_happy"> <view class="info_box_happy_txt" style="width: {{textW}}px;margin-left: {{textL}}px">{{textN}}view>view> Css代码 .info_box_happy{ font-size: 12px; color: #333; white-space : nowrap; padding: 10rpx 3rpx; background: #fff; border-bottom: 2rpx #f5f5f5 solid; position: ... -
小程序音视频能力技术负责人解读“小程序直播”
2021/3/31 23:30:05
?策划 / LiveVideoStack责编 / 包研一夜之间，“小程序+直播”成为多媒体开发者热议的话题。从底层技术实现到接口开放程度，是否绑定腾讯云？价格体系？低延迟性能如何？......一连串的问题背后是开发者乃至整个生态对“小程序+直播”的关注。LiveVideoStack邀请到小程序音视频能力的技术负责人常青，就开发者关注的各种问题进行了解答。如果您还有新的问题，请在在文末留言或...
推荐文章
- 2022国庆假期安排
- 云南网站制作流程
- 如何制作一个小程序
- 人人商城超级海边活动海报不显示bug修复 回复图片功能错误修复
- Flex简明教程，一看就会
- 小程序登陆设计-耐心看，讲的很明白
- C# 生成缩略图方法
- 网络营销的推广方式都有哪些？如何快速获客！
- 微信小程序助力人口普查
- .net Nancy自宿主的使用
- 对话微信小程序产品经理：小商店不意味着腾讯要做电商
- 现在您还需要建网站吗？
- “交管12123”小程序入驻支付宝 首次实现跨省查询
- 电商平台到底要怎么做？
- 直播带货开始降温，淘宝、抖音、快手决战新周期
- 云计算：多云策略的定义和三大优势
- 域名怎么通过实名认证？
- “啤酒”域名Bier.de以114万元登顶Sedo榜！
- 商标是买现成的还是去自己申请？
- 普通企业为何要做分销系统？
