-
微信小程序中使用wxss加载图片并实现动画
2021/3/31 23:32:41
记录微信小程序中使用wxss加载图片并实现动画的方式，最终实现loading效果。代码.weui-loading { margin: 0 5px; width: 20px; height: 20px; display: inline-block; vertical-align: middle; animation: a 1s steps(12) infinite; background: transparent url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIxMjAiIGhla... -
基于 Wafer 2.0 搭建自己的第一个小程序
2021/3/31 23:32:38
前言临近 2017 年末尾了，距离微信小程序上线也已经一年多了，随着微信在上半年放开了个人申请微信小程序的限制，越来越多的开发者选择开发微信小程序而不是开发一个 App 或者 Web 页面。腾讯云微信小程序解决方案也成为了越来越多开发者开发小程序的选择，本文就来介绍一下如何基于 Wafer 2.0 来搭建自己第一个小程序。Wafer 2.02016 年腾讯云就基于微信小程序开放的 API，集... -
微信小程序基于万象优图实现图片 OCR
2021/3/31 23:32:35
随着小程序开放越来越多的类目，越来越多的企业将各种各样的需求开发成小程序，而基于图像识别的名片识别、身份证识别或者普通文字的 OCR 也越来越多的被应用于各种场景中，基于此，腾讯云微信小程序解决方案团队将腾讯万象优图的身份证识别和文字印刷体 OCR 封装进 wafer2-node-sdk 中，使得用户可以快速调用使用图片识别。现在，通过 图像识别 Demo ，一起来完成身... -
基于腾讯云智能语音的实时语音识别微信小程序的开发
2021/3/31 23:32:32
微信小程序的基础库升级到了 1.6.0 之后，提供了许多新的 API，其中新增了 录音管理 的 API，不同于以前只有 wx.startRecord 和 wx.stopRecord 两个简单的录音功能，新的 wx.getRecorderManager 接口提供了包括扩展时长、采样率、录音通道、码率、格式等在内的许多配置项。基于此，我们能更加轻松的控制录音，新提供的 onFrameRe... -
微信小程序由上将一个页面的数据传到下一个页面
2021/3/31 23:32:29
微信小程序关于页面数据传输问题： 假如说是A页面数据传给B页面，我用的是URL拼接字符串的方法实现的，这里的Url是指A跳转B页面时的链接路径； 在A页面中： buyNowDetailClick: function () {let that = this//这个this是指当前页面（page）因为page里面包含了当前页面的所有数据wx.navigateTo({url: '../../../pages/trade/tradeParticulars/pay/payment/payment?haha=' + ... -
微信小程序 （小明带你找厕所）项目开发全过程
2021/3/31 23:32:24
微信小程序找厕所（小明带你找厕所）1 需求梳理1.1 前言v1.0虽然已经满足实际需求，但是在ios和android两个平台显示的效果还是不尽相同，特别是地图上面路径规划功能。为此V2.0主要使用小程序自带的地图组件功能完善周围厕所撒点功能、点击marker功能、详细文字描述路径规划功能、以及小程序作者详细介绍1.2 功能需求V1.0 版本 打开直接定位 厕所信息已列表方式进行... -
【微信小程序开发】快速开发一个动态横向导航模板并使用
2021/3/31 23:32:21
思路：使用scroll-view组件，可实现横向滚动功能。scroll-view内包含一个动态的view列表，代表导航的每一项，导航要接收动态数组，然后使用列表展示。使用模板技术做到可复用。按照思路，先要做个template。新建一个wxml文件：navbar.wxml<template name="navbar"><scroll-view class='navbar' scroll-x="true" style="width: 100%"> <view id="{{item.id}}"... -
【小程序踩坑系列】小程序退出后扫码再进入，“外部”代码不会再次执行 ...
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变化；其他原因将用空字符串表示。 注意：其中只可放置组件，否则会导致未定义的行...
推荐文章
- 企业如何通过网站提升业务？2026年官网赋能增长的5大核心策略
- AI时代，网站重新变得重要：企业不可替代的数字核心资产
- 小程序上，如何实现播放课程不可以拖动，切到后台报警并停止播放？
- 2022国庆假期安排
- 云南网站制作流程
- 如何制作一个小程序
- 人人商城超级海边活动海报不显示bug修复 回复图片功能错误修复
- Flex简明教程，一看就会
- 小程序登陆设计-耐心看，讲的很明白
- C# 生成缩略图方法
- 网络营销的推广方式都有哪些？如何快速获客！
- 微信小程序助力人口普查
- .net Nancy自宿主的使用
- 对话微信小程序产品经理：小商店不意味着腾讯要做电商
- 现在您还需要建网站吗？
- “交管12123”小程序入驻支付宝 首次实现跨省查询
- 电商平台到底要怎么做？
- 直播带货开始降温，淘宝、抖音、快手决战新周期
- 云计算：多云策略的定义和三大优势
- 域名怎么通过实名认证？
