-
微信小程序开发学习--外部设备的使用
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邀请到小程序音视频能力的技术负责人常青,就开发者关注的各种问题进行了解答。如果您还有新的问题,请在在文末留言或... -
微信小程序--个人简历
2021/3/31 23:30:01
随着小程序生态的不断完善,并对个人开发者的一系列红利,我感觉是时候码一波小程序了,后续应该还会出一些有趣的小程序,并开源出来,小弟代码尽量写的好看点,如果有什么问题大家可以提Issue。特点无需服务器支持,可纯静态,也可半静态。可替换模板(后续实现....)通过小程序搜索引擎直接搜索到您的简历,比如:小明的个人简历etc....用法简历中的所有内容都是通过data set... -
微信小程序滚动穿透问题
2021/3/31 23:29:56
做小程序项目遇到一个项目,就是点一个按钮出现一个蒙层,然而下面的页面还是可以滚动,解决如下: <view bindtap="hideCoupon" class='coupon_receive_wrapper {{showCouponFlag==true?"active":""}}' catchtouchmove="preventD"> 样式如下 : .coupon_receive_wrapper{ display:none; position:fixed; left:0; top:0; right:0; bottom:0; width:100%... -
微信小程序实现淡入淡出效果(页面跳转)
2021/3/31 23:29:47
//目前小程序没有fadeIn(),fadeOut()方法所以还是本方法手写 <!--wxml--><!--蒙版(渐出淡去效果)--><view class="aa" style='height: {{winH}}rpx;opacity: {{opacity}};'></view><!--正式内容(渐入加深效果)-->2 <view class="container log-list" style='opacity: {{1-opacity}};'>3 <block wx:for="{{logs}}" wx:for-item=... -
微信小程序云端解决方案探索之路:GITC 主题演讲
2021/3/31 23:29:43
在刚结束的 全球互联网技术大会(GITC) 里面,我在前端专场给大家分享了「微信小程序云端解决方案探索之路」,介绍到了我们之前对小程序云端解决方案的探索过程。小程序特性思考小程序刚推出的时候,很多人都觉得它就是 H5,因为开发小程序的三大语言和 HTML、CSS、JS 是一脉相承的,即使改变了扩展名也改不了其实质。那么小程序的实质到底是不是 H5 呢?经过我们的... -
微信小程序 引入公共页面的几种情况
2021/3/31 23:29:38
1、不带参数 首先在pages文件夹中新建一个template文件夹,文件夹中新建一个template.wxml文件,代码如下 <template name="msgItem"> <view> <text>This is template.wxml文件,我是一个模板text> view>template> 然后我们书写我们所要调用template的页面index.wxml <import src ="../template/template.wxml"/> <view>Thi...
推荐文章
- 2022国庆假期安排
- 云南网站制作流程
- 如何制作一个小程序
- 人人商城超级海边活动海报不显示bug修复 回复图片功能错误修复
- Flex简明教程,一看就会
- 小程序登陆设计-耐心看,讲的很明白
- C# 生成缩略图方法
- 网络营销的推广方式都有哪些?如何快速获客!
- 微信小程序助力人口普查
- .net Nancy自宿主的使用
- 对话微信小程序产品经理:小商店不意味着腾讯要做电商
- 现在您还需要建网站吗?
- “交管12123”小程序入驻支付宝 首次实现跨省查询
- 电商平台到底要怎么做?
- 直播带货开始降温,淘宝、抖音、快手决战新周期
- 云计算:多云策略的定义和三大优势
- 域名怎么通过实名认证?
- “啤酒”域名Bier.de以114万元登顶Sedo榜!
- 商标是买现成的还是去自己申请?
- 普通企业为何要做分销系统?