【小程序】微信小程序开发
微信小程序(Wechat Mini Program),是一种在微信内传播,不需要安装便可使用的应用程序。从2017年1月发布,到2020年6月为止已有550万个小程序,DAU(日活跃用户数)为4.4亿,且呈持续增长的趋势。一、小程序特点微信小程序是基于微信衍生出来的产品,所以小程序提供了丰富的API来获取微信的数据与功...
2024-01-10微信小程序开发摇一摇功能
微信小程序摇一摇方法定义: let shakeInfo = { openFlag: false,// 是否开启摇一摇,*****注意:如果是小程序全局监听摇一摇,这里默认为true shakeSpeed: 110,//设置阈值,越小越灵敏 shakeStep: 2000,//摇一摇成功后间隔 lastTime: 0,//此变量用来记录上次摇动的时间 x: 0, y: 0, z: 0, lastX: 0, lastY: 0, lastZ: 0, //此组变...
2024-01-10微信小程序开发篇之踩坑记录
最近参与开发了公司的第一款小程序,开发体验基本类似于基于webview的混合式开发,可以调用官方强大的api,但也有一些坑或者说不习惯的地方。这篇文章从实用性出发,记录了开发过程中的一些问题:1. 样式优先级混乱在使用button组件时,发现在class中设置width不生效,下面贴上代码:.my-button{ ...
2024-01-10微信小程序开发经验总结(推荐)
一: 参数传值的方法1: data-id我们可以给HTML元素添加data-*属性来传递我们需要的值,使用方法说明: (1)设置data-id<view class="block" bindtap="playTap" data-id="{{modle.id}}">(2): 取值 + 传值playTap:function(e) { const dataset = e.currentTarget.dataset; wx.navigateTo({ url: '../play/index?id=...
2024-01-10详解微信小程序开发(项目从零开始)
一、序微信小程序,估计大家都不陌生,现在应用场景特别多。今天就系统的介绍一下小程序开发。注意,这里只从项目代码上做解析,不涉及小程序如何申请、打包、发布的东西。(这些跟着微信官方文档的流程走就好)。好了废话不多说,看目录。注: 小程序是一套特殊的东西,融合了原生和web...
2024-01-10mpvue微信小程序开发之实现一个弹幕评论
先上图就是一个简单的弹幕发送功能弹幕区的页面: <div class="content" v-show="doommData.length"> <div class="textLeft"></div> <div class="textItem"> <p class="text aon" v-if="item.display" v-for="(item,index) in doommData" :key="index" :id="item.id" :style="{'animation...
2024-01-10【小程序】《从零开始学微信小程序开发》.pdf
关注“Java后端技术全栈”**回复“000”获取大量电子书2016年9月21日,微信小程序正式开启内测。在微信生态下,触手可及、用完即走的微信小程序引起广泛关注;2017年1月9日,万众瞩目的微信第一批小程序正式低调上线,用户可以体验到多种小程序提供的服务;2017年5月8日小程序向开发者开放了群ID...
2024-01-10阿里云三天上线社区防疫人员管理小程序
2020年春节伊始,一场新型冠状病毒的疫情突如其来。病毒猖獗,传染性极强。截止北京时间 2月11日,全国确诊新型冠状病毒肺炎的人数已达到了42714例,死亡1017例,疑似患病人数高达21675例!战疫情,阿里巴巴在行动面对不断攀升的人数,面对严峻的疫情,阿里巴巴集团义不容辞,承担起了社...
2024-01-10【JS】0到1:闲鱼高复杂度高性能社区圈子开发实录
首页专栏javascript文章详情00到1:闲鱼高复杂度高性能社区圈子开发实录阿里云云栖号发布于 今天 02:34 闲鱼会玩社区的重要阵地:会玩圈子今年年初已经上线啦~作为一款承载着「基于兴趣聚集同好人群」的社区型产品,相较于常规导购型产品来说,在业务复杂度、交互复杂度、性能体验稳...
2024-01-10微信小程序开发探究
前段时间比较流行的微信小程序,因为一直没有所谓内测码也没具体关注。拖到现在正好借组内分享的时机来仔细了解一下微信小程序。了解一个新的事物无外乎从是什么(本质),怎么用(具体用法),为什么用(优缺点)来学习,首先分析一下微信小程序是什么,听起来比较高大上,说实话原来我...
2024-01-10微信小程序开发(三):返回上一级页面并刷新操作示例【页面栈】
本文实例讲述了微信小程序返回上一级页面并刷新操作。分享给大家供大家参考,具体如下:在很多业务场景之下,需要返回上一级页面,并进行刷新,在微信小程序中的wx.navigateBack 方法中,返回上一页是不会刷新的。如果上一页的页面加载是在onLoad方法中触发的话,那么可以修改为在onShow方法中触...
2024-01-10微信小程序开发之实现选项卡(窗口顶部TabBar)页面切换
微信小程序开发中选项卡.在Android中选项卡一般用fragment,到了小程序这里瞬间懵逼了.总算做出来了.分享出来看看.先看效果:再上代码:1.index.wxml<!--index.wxml--> <view class="swiper-tab"> <view class="swiper-tab-list {{currentTab==0 ? 'on' : ''}}" data-current="0" bindtap="swichNav">哈哈</view> <view class="swip...
2024-01-10微信小程序开发中var that=this问题
在微信小程序开发中,var that =this的声明很常见。举个例子,代码如下:示例代码1 //index.js Page({ data: { toastHidden: true, }, loadData: function () { var that = this//这里声明了that;将this存在that里面 wx.request({ url: 'test.php', data: {a: 'a', b: 'b'}, header: { ...
2024-01-10原生微信小程序开发中 redux 的使用详解
前提复杂场景中有不少数据需要在多个不同页面间来回使用和修改。但是小程序页面直接的数据通信方式十分的简单。通常情况需要自己维护一个全局的对象来存放共有数据。但是,简单的维护一个共有数据实体,会随着业务逻辑的不断复杂化而变的过分庞大,并且数据的修改往往无法很好的溯源。...
2024-01-10微信小程序开发之录音机 音频播放 动画实例 (真机可用)
趁着周末用微信小程序做了个简易录音机.跟大家分享,欢迎批评!老规矩,先几张图.1.为了进来看得清楚.刚开始没有加载音频列表.代码往前挪一挪即可.2.按住 录音按钮的时候会出现麦克风.中间的麦克风是个帧动画.其实就是用js控制图片显示隐藏.没啥好说的.这里值得说一说的是录音.微信的录音API...
2024-01-10【小程序】商城微信小程序(一)——开发环境搭建、小程序结构、首页完成
这个系列文章记录本人学习微信小程序的过程,教程来源黑马程序员,我只是用文字记录下,以备忘。准备工作:安装微信小程序开发工具安装VScode,并安装如下插件:各个插件的作用都有说明,这里说下Easy LESS,由于微信小程序不支持less语法,为了方便开发,我们不直接编写微信的样式文件,而是...
2024-01-10微信小程序后端Java接口开发的详细步骤
目录1、搭建一个springboot项目并引入依赖2、编写controller层3、创建微信小程序项目微信小程序使用wx.request(OBJECT)来调用后端接口。首先 我们来一个简单案例 —— helloworld实现1、搭建一个springboot项目并引入依赖<dependency> <groupId>org.springframework.boot</groupId> <artifactId>spring-boot-starter-we...
2024-01-10微信小程序云开发实现增删改查功能
本文实例为大家分享了微信小程序云开发实现增删改查的具体代码,供大家参考,具体内容如下首先按照微信小程序官方提示创建一个快速云开发小程序大家可以点击此处下载源代码实现效果如下:在miniprogram->index的下修改下面三个文件index.js如下:Page({ data: { id: '',//修改用来保存_id iSshow: tru...
2024-01-10微信小程序云开发之云函数详解
在上一章我们已经配好了环境,这章我们按照模板的顺序去执行提供的案例,对官方文档进行一个实践操作。首先我们点击”点击获取 openid “文字,发现控制台报错:云函数 调用失败 Error: errCode: -404011 cloud function execution error | errMsg: cloud.callFunction:fail requestID , cloud function service error code -504001, error mes...
2024-01-10【小程序】手把手教你从零开发到上线一个答题微信小程序项目实战教程之02.开发题目分类页
项目搭建参考上一节内容开发试题分类页面pages目录下新建home目录,并添加4个文件,如图所示:其中:home.js// pages/home/home.jsPage({data: {},onLoad: function (options) {},toTestPage: function(e){let testId = e.currentTarget.dataset['testid'];wx.navigateTo({url: '../test/test?testId='+testId})}})home.w...
2024-01-10微信小程序开发之map地图实现教程
前言微信小程序地图操作比较简单,api也很少,使用map组件来展示。说到地图,那就先来看基础定位: 定位用到wx.getLocation(OBJECT)函数,代码如下:wx.getLocation({ type: 'wgs84', success: function(res) { var latitude = res.latitude var longitude = res.longitude var speed = res.speed var accuracy = res.accuracy }})定位成功...
2024-01-10【微信小游戏开发】微信小游戏基础教程
相信你能找到这里,一定是因为最近风靡中国的 跳一跳 小游戏了2017年12月28日,微信更新的 6.6.1 版本开放了微信小游戏 跳一跳几乎一夜间,大家都在争相传颂,都在比一比谁的积分更高微信小游戏微信小游戏是基于微信客户端的游戏,即点即玩,无需下载安装,体验轻便因为是在微信内的小游戏...
2024-01-10微信小程序应用号开发体验
昨天微信小程序(应用号)内测的消息把整个技术社区炸开了锅,我也忍不住跟了几波,可惜没有内测资格,听闻破解版出来了,今天早上就着原来的项目资源试开发了一下,总结一下体验.总体体验开发效率高,6:40左右破解完IDE,7:20左右点做完了首页和导航栏的布局,微信把觉见的布局都做了封...
2024-01-10微信小程序云开发实现数据添加、查询和分页
本文实例为大家分享了微信小程序云开发实现数据添加、查询和分页,供大家参考,具体内容如下实现的效果实现要点WXML 不同类别数据的显示通过 if-elif-else 实现,在wxml文件中通过 <block></block>渲染,因为它仅仅是一个包装元素,不会在页面中做任何渲染,只接受控制属性。也就是说可以通过属性...
2024-01-10【JS】微信小程序基础开发(六)----自定义组件
(一)简单使用组件的三个步骤1.创建自定义组件2.声明自定义的组件{"usingComponents": {"Tabs":"../../components/Tabs/Tabs"}}3.使用组件(二)组件的样式优化与标题激活选中//tabs.wxml<view class="tabs"><view class="tabs_tittle"><viewwx:for="{{tabs}}"wx:key="id"class="title_item {{item.isActive?'active':''}}">{{it...
2024-01-10