微信小程序开发探究
前段时间比较流行的微信小程序,因为一直没有所谓内测码也没具体关注。拖到现在正好借组内分享的时机来仔细了解一下微信小程序。了解一个新的事物无外乎从是什么(本质),怎么用(具体用法),为什么用(优缺点)来学习,首先分析一下微信小程序是什么,听起来比较高大上,说实话原来我...
2024-01-10微信小程序开发之录音机 音频播放 动画实例 (真机可用)
趁着周末用微信小程序做了个简易录音机.跟大家分享,欢迎批评!老规矩,先几张图.1.为了进来看得清楚.刚开始没有加载音频列表.代码往前挪一挪即可.2.按住 录音按钮的时候会出现麦克风.中间的麦克风是个帧动画.其实就是用js控制图片显示隐藏.没啥好说的.这里值得说一说的是录音.微信的录音API...
2024-01-10微信小程序开发背景图显示功能
这两天开发微信小程序,在设置背景图片时,发现在wxss里面设置 background-image:(url) 属性,不管是开发工具还是线上都无法显示。经过查资料发现,background-image 只能用网络url或者base64图片编码 , 本地图片只能用 image标签src属性才行。当然 image标签src属性也可以使用网络url或者base64图片编码。 下面...
2024-01-10微信小程序开发之map地图组件定位并手动修改位置偏差
环境搭建注册,获取APPID(没有这个不能真鸡调试)下载微信web开发者工具(挺多bug,将就用)打开微信web开发者工具,扫码登录,新建小程序,输入APPID,勾选创建quick start项目。工程结构可以看到工程根目录中有个app.js,这里可以定义全局变量,通过getApp()获取。 项目中有了一些示例,已经...
2024-01-10微信小程序开发篇之踩坑记录
最近参与开发了公司的第一款小程序,开发体验基本类似于基于webview的混合式开发,可以调用官方强大的api,但也有一些坑或者说不习惯的地方。这篇文章从实用性出发,记录了开发过程中的一些问题:1. 样式优先级混乱在使用button组件时,发现在class中设置width不生效,下面贴上代码:.my-button{ ...
2024-01-10微信小程序开发之路由切换页面重定向问题
这段时间开发了一个微信小程序,虽然小程序的导航API 官方文档写得很详细,但是在具体开发过程中还是会遇到很多不明白,或者一时转不过弯的地方。1、页面切换传参,参数读取 1.1 wx.navigateTo(Object) 功能:保留当前页面,跳转到应用内的某个页面,但是不能跳到 tabbar 页面。使用 wx.navi...
2024-01-10微信小程序开发之好友列表字母列表跳转对应位置
微信小程序开发之好友列表字母列表跳转对应位置前言:在小程序里实现微信好友列表点击右侧字母列表跳转对应位置效果。写了个demo,核心部分很简单,所以没多少注释,如果遇到问题就加群问我吧。核心技术点: 1、小程序scroll-view组件的scroll-into-view, scroll-with-animation. scroll-y属性。 2、小程...
2024-01-10微信小程序开发(三):返回上一级页面并刷新操作示例【页面栈】
本文实例讲述了微信小程序返回上一级页面并刷新操作。分享给大家供大家参考,具体如下:在很多业务场景之下,需要返回上一级页面,并进行刷新,在微信小程序中的wx.navigateBack 方法中,返回上一页是不会刷新的。如果上一页的页面加载是在onLoad方法中触发的话,那么可以修改为在onShow方法中触...
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详解微信小程序开发(项目从零开始)
一、序微信小程序,估计大家都不陌生,现在应用场景特别多。今天就系统的介绍一下小程序开发。注意,这里只从项目代码上做解析,不涉及小程序如何申请、打包、发布的东西。(这些跟着微信官方文档的流程走就好)。好了废话不多说,看目录。注: 小程序是一套特殊的东西,融合了原生和web...
2024-01-10【小程序】微信小程序云开发如何上手
简要介绍微信小程序云开发,是基于 Serverless 的一站式后端云服务,涵盖函数、数据库、存储、CDN等服务,免后端运维。基于云开发可以免鉴权调用微信所有开放能力。前提准备微信开发者工具创建环境打开小程序项目,点击工具栏“云开发”进行开通:根据对话框提示,创建云环境:选择默认...
2024-01-10【教程攻略】微信群不发群公告@所有人教程
微信群不发布公告怎么@所有人?在微信群聊中,如果我们想要发布@所有人,只能通过发送群公告的方式来@所有人,那如何不发布群公告@所有人呢?下面就和小编一起来看看吧!Tips:需要拥有群主或者管理员的权限,才可以@所有人,且该方法只适合微信8.0.3及以上版本的微信用户使用。1、打开微...
2024-01-10BeautyWe.js 一套专注于微信小程序的开发范式
摘要: 小程序框架...作者:JerryC原文:BeautyWe.js 一套专注于微信小程序的开发范式Fundebug经授权转载,版权归原作者所有。官网:beautywejs.comRepo: beautywe一个简单的介绍BeautyWe.js 是什么?它是一套专注于微信小程序的企业级开发范式,它的愿景是:让企业级的微信小程序项目中的代码,更加...
2024-01-10微信小程序云开发之数据库操作
本文实例为大家分享了微信小程序云开发之数据库操作的具体代码,供大家参考,具体内容如下新建集合1.打开云开发控制台,数据库2.添加集合users添加代码onAdd: function () { const db = wx.cloud.database() db.collection('users').add({ data: { count: 1 }, success: res => { // 在返回结果中会包含新创建的记录的 _id...
2024-01-10【小程序】从0开始,手把手教你开发并部署上线一个知识测验微信小程序
上线项目演示微信搜索[放马来答]或扫以下二维码体验:项目源码 项目源码视频教程视频教程其他版本Vue答题App实战教程Hello小程序1.注册微信小程序点击立即注册,选择微信小程序,按照要求填写信息2.登录小程序并完善信息填写小程序信息,完善信息。3.下载小程序开发工具完善信息后...
2024-01-10微信多开软件的步骤教程
现在很多人都在用电脑版的微信,不过正常情况下,电脑版微信只能打开一个,但是对于一些有特殊需求的用户来说,可能要同时登陆两个或者更多的微信账号,下面下边就来教大家电脑版微信多开方法,下面来看看微信多开软件的步骤教程。第一步,我们找到微信电脑版的快捷方式,右键属性,找到...
2024-01-10微信小程序自定义tabBar组件开发详解
本文实例为大家分享了微信小程序自定义tabBar组件的具体代码,供大家参考,具体内容如下以下代码保存在github地址先看一看目录template文件夹里存放tabbar模板。template/template.wxml<template name="tabBar"><view class="tabBar"> <block wx:for="{{tabBar}}" wx:for-item="item" wx:key="tabBar"> <view class="tabBar-item"> <navigator...
2024-01-10【小程序】微信小程序直播安装和开发指南
2020年2月28日微信小程序直播能力启动公测。微信小程序直播是微信官方提供的商家经营工具,商家可通过在小程序内直播,实现商家与消费用户互动,同时进行商品销售的闭环。在直播的时候无需任何的跳转,直接下单,提高下单转化率。这让直播成为打通商家和消费用户的重要销售渠道。微慕WordPres...
2024-01-10微信小程序 实例开发总结
微信小程序 开发过程中遇到问题总结第一次正式开发一个小程序,就从以下几个方面来谈一谈小程序的开发过程和心得吧,主要说说这次项目中用到的功能。数据请求这次的小程序,没有太多的附加功能,所以数据以及对数据的处理是这次的主体工作,小程序向用户提供API,供用户向自己的服务器...
2024-01-10【小程序】云开发实战:实现短信跳小程序
如何实现短信跳转小程序?先看效果https://www.qq.com/video/p321...小程序支持短信跳转小程序了,可以说是打开了一个巨大的流量入口。效果过程分析从短信到网页从网页到小程序那么就涉及到两个点发送短信网页跳转实现步骤分析先要有个网页,可以跳转到小程序然后发送短信,短信内容包含...
2024-01-10微信小程序 开发工具快捷键整理
微信小程序 微信开发者工具 快捷键,最近学习研究微信小程序,用了不少快捷键,索性记录下来,后续如果有其它的快捷键继续增加,微信小程序已经跑起来了.快捷键设置找了好久没找到,完全凭感觉.图贴出来.大家看看.我现在用的是0.10.101100的版本,后续版本更新快捷键也应该不会有什么变化.现...
2024-01-10【小程序】mac微信小程序开发工具没有wxml面板
mac系统,最新版的小程序开发工具,没有任何报错,为什么没有wxml面板,请问各位dalao怎么解决回答是不是进到公众号网页调试模式下了补截了个本机的小程序模式的截图大概是快捷键误按给关了吧。...
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小程序,配置https之后,开发工具能正常请求,手机上不能请求数据,不报错?
开发工具能请求,证明域名配置没问题吧,以下就是我遇到的问题,求大神们帮忙看看是什么问题! 跪谢!开发工具正常请求已经不勾选不校验合法域名。手机打开调试请求输出回答不是可以真机调试吗,也可以再手机打开控制台,把返回数据打印一下,不一定没发请求,也可能是你请求回来处理...
2024-01-10【小程序】多端统一开发工具——kbone
本文简单介绍了小程序官方同构方案kbone的使用、原理、以及如何将一个vue项目通过该框架转换为小程序项目,并比较了目前市场上流行的几个第三方框架与kbone之间的比较,为技术选型提供了一定的参考意义。kbone 框架kbone 是一个致力于微信小程序和 Web 端同构的解决方案。该框架于2020-02-26开源,于2...
2024-01-10MPX 一款具有优秀开发体验和深度性能优化的增强型小程序开发框架
Mpx 是一款致力于提高小程序开发体验和开发效率的增强型小程序框架,通过Mpx,我们能够高效优雅地开发出具有极致性能的优质小程序应用,并将其输出到各大小程序平台和web平台中运行。特点Mpx 具有以下功能特性:数据响应 (赋值响应 / watch / computed)增强模板语法 (动态组件 / 样式绑定 / 类名绑...
2024-01-10【开发工具】11款很酷的新编程工具
原文:11 Cool New Coding Tools to Know作者:Damian Wolf翻译:Vincent译者注:开发人员平时可能不太接触新的编程工具,或者找不到比现在用的更好的,所以只能使用那些过时的。本文作者介绍了11种新的编程工具,这些工具可以通过改变编码技能、共享终端等方式来加速你的开发过程。以下为译文。作为...
2024-01-10【小程序】准备学习一下mpvue,微信开发工具如何支持vue文件?
回答微信开发者工具不支持vue文件你可以把微信开发者工具当成chorme浏览器一样来理解,只是一个用户代理(即显示网站用)用其他开发工具,比如webstorm开发,然后在微信开发者工具中打开编译后的dist目录就行了...
2024-01-10