微信小程序开发探究
前段时间比较流行的微信小程序，因为一直没有所谓内测码也没具体关注。拖到现在正好借组内分享的时机来仔细了解一下微信小程序。了解一个新的事物无外乎从是什么（本质），怎么用（具体用法），为什么用（优缺点）来学习，首先分析一下微信小程序是什么，听起来比较高大上，说实话原来我...
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
【小程序】微信小程序开发
微信小程序（Wechat Mini Program），是一种在微信内传播，不需要安装便可使用的应用程序。从2017年1月发布，到2020年6月为止已有550万个小程序，DAU（日活跃用户数）为4.4亿，且呈持续增长的趋势。一、小程序特点微信小程序是基于微信衍生出来的产品，所以小程序提供了丰富的API来获取微信的数据与功...
2024-01-10
微信小程序开发篇之踩坑记录
最近参与开发了公司的第一款小程序，开发体验基本类似于基于webview的混合式开发，可以调用官方强大的api，但也有一些坑或者说不习惯的地方。这篇文章从实用性出发，记录了开发过程中的一些问题：1. 样式优先级混乱在使用button组件时，发现在class中设置width不生效，下面贴上代码：.my-button{ ...
2024-01-10微信小程序开发背景图显示功能
这两天开发微信小程序，在设置背景图片时，发现在wxss里面设置 background-image:(url) 属性，不管是开发工具还是线上都无法显示。经过查资料发现，background-image 只能用网络url或者base64图片编码 ， 本地图片只能用 image标签src属性才行。当然 image标签src属性也可以使用网络url或者base64图片编码。 下面...
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微信小程序开发常见问题及解决方案
前言我们在做微信小程序开发的过程中，总会遇到各种奇葩的问题。今天就把我在小程序开发过程中遇到的各种问题，及对应的解决方案总结在这里，方便以后自己回顾，也方便大家查看。云开发相关一 云函数调用失败问题[云函数] [login] 调用失败 Error: errCode: -404011 cloud function execution error | errMsg: ...
2024-01-10详解微信小程序开发(项目从零开始)
一、序微信小程序，估计大家都不陌生，现在应用场景特别多。今天就系统的介绍一下小程序开发。注意，这里只从项目代码上做解析，不涉及小程序如何申请、打包、发布的东西。（这些跟着微信官方文档的流程走就好）。好了废话不多说，看目录。注: 小程序是一套特殊的东西，融合了原生和web...
2024-01-10详解 微信小程序开发框架（MINA）
小程序MINA框架，及优点MINA框架：小程序使用的是MINA框架，目的是通过简单、高效的方式让开发者可以在微信中开发具有原生App体验的服务。 MINA的核心是一个响应的数据绑定系统。 整个系统分为两块：视图层（view,描述语言wxml和wxss）和逻辑层（App Serice，基于 JavaScript）。这可以让数据与视图...
2024-01-10微信小程序开发之路由切换页面重定向问题
这段时间开发了一个微信小程序，虽然小程序的导航API 官方文档写得很详细，但是在具体开发过程中还是会遇到很多不明白，或者一时转不过弯的地方。1、页面切换传参，参数读取 1.1 wx.navigateTo(Object) 功能：保留当前页面，跳转到应用内的某个页面，但是不能跳到 tabbar 页面。使用 wx.navi...
2024-01-10微信小程序开发之左右分栏效果的实例代码
本文以一个简单的小例子，简述在微信小程序开发中左右分栏功能的实现方式，主要涉及scroll-view ，列表数据绑定，及简单样式等内容，属于初级入门内容，仅供学习分享使用。概述在微信小程序开发中，左右分栏（左边显示分类，右边显示明细，然后进行联动）是一种常见的布局方式，多应用于点...
2024-01-10
mpvue微信小程序开发之实现一个弹幕评论
先上图就是一个简单的弹幕发送功能弹幕区的页面： <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
原生微信小程序开发中 redux 的使用详解
前提复杂场景中有不少数据需要在多个不同页面间来回使用和修改。但是小程序页面直接的数据通信方式十分的简单。通常情况需要自己维护一个全局的对象来存放共有数据。但是，简单的维护一个共有数据实体，会随着业务逻辑的不断复杂化而变的过分庞大，并且数据的修改往往无法很好的溯源。...
2024-01-10微信小程序开发之好友列表字母列表跳转对应位置
微信小程序开发之好友列表字母列表跳转对应位置前言：在小程序里实现微信好友列表点击右侧字母列表跳转对应位置效果。写了个demo，核心部分很简单，所以没多少注释，如果遇到问题就加群问我吧。核心技术点： 1、小程序scroll-view组件的scroll-into-view， scroll-with-animation. scroll-y属性。 2、小程...
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
强烈推介的几个微信小程序开发小技巧，简单又实用
前段时间在下开发了个微信小程序，开发过程中总结了一些我觉得对我有用的小技巧，提炼出来，相当于一个总结复盘，也希望可以帮助到大家。如果对大家确实有帮助，别忘了点赞哦 ???? ～微信开发者工具版本：1.03.2006090（2020-06-19）基础库版本： v2.12.1 (2020-08-04)1. 开发中可能遇到的坑以及 Tips本...
2024-01-10
【小程序】《从零开始学微信小程序开发》.pdf
关注“Java后端技术全栈”**回复“000”获取大量电子书2016年9月21日，微信小程序正式开启内测。在微信生态下，触手可及、用完即走的微信小程序引起广泛关注；2017年1月9日，万众瞩目的微信第一批小程序正式低调上线，用户可以体验到多种小程序提供的服务；2017年5月8日小程序向开发者开放了群ID...
2024-01-10
【小程序】《微信小程序开发入门与实践》.pdf
从上线以来，微信小程序的"触手可及"的体验，使得移动互联网全面加速转型开发轻应用。而对于开发者而已，小程序无疑是一个新的机会与方向！越来越多的开发者主动学习，积极尝试，想在小程序开发领域有所涉猎。最近很多小伙伴问我要一些 小程序 相关的资料，于是我翻箱倒柜，找到了这本...
2024-01-10详解微信小程序开发之formId使用（模板消息）
基于微信小程序的模板消息：官方文档 基于微信的通知渠道，我们为开发者提供了可以高效触达用户的模板消息能力，以便实现服务的闭环并提供更佳的体验。模板推送位置：服务通知模板下发条件：用户本人在微信体系内与页面有交互行为后触发，详见下发条件说明模板跳转能力：点击查看详...
2024-01-10微信小程序开发问题之wx.previewImage
小知识wx.previewImage是微信小程序官方提供的预览图片功能的api。在新页面中全屏预览图片。预览的过程中用户可以进行保存图片、发送给朋友等操作。那么他有哪些坑呢？我遇到的问题藏得比较深，我是在使用wxParse解析富文本时发现的。wxParse在解析img时会给它加上点击事件，那么这个点击事件是...
2024-01-10微信小程序开发之map地图组件定位并手动修改位置偏差
环境搭建注册，获取APPID（没有这个不能真鸡调试）下载微信web开发者工具（挺多bug，将就用）打开微信web开发者工具，扫码登录，新建小程序，输入APPID，勾选创建quick start项目。工程结构可以看到工程根目录中有个app.js，这里可以定义全局变量，通过getApp()获取。 项目中有了一些示例，已经...
2024-01-10
【小程序】微信小程序开发：腾讯地图集成步骤（旧题新说）
首页专栏小程序文章详情0微信小程序开发：腾讯地图集成步骤（旧题新说）三掌柜发布于 2 分钟前在腾讯生态开发过程中，包括在微信小程序开发的时候，避免不了使用腾讯送的腾讯大礼包，从微信支付到腾讯地图，一条龙的腾讯大礼包，不得不说鹅厂的实力是无可比拟的。但是话又说回...
2024-01-10微信小程序开发之录音机 音频播放 动画实例 (真机可用)
趁着周末用微信小程序做了个简易录音机.跟大家分享,欢迎批评!老规矩,先几张图.1.为了进来看得清楚.刚开始没有加载音频列表.代码往前挪一挪即可.2.按住 录音按钮的时候会出现麦克风.中间的麦克风是个帧动画.其实就是用js控制图片显示隐藏.没啥好说的.这里值得说一说的是录音.微信的录音API...
2024-01-10
【小程序】微信小程序开发越看越困惑，有朋友能指点一二吗？
逛了两天微信小程序开发的博客文章，看了几章小程序开发指南，越来越困惑了。我会html css，懂一点js， 试过用php操作后台mysql数据与前端交互，没学过3大框架，一周之内如何能够开发出CoCo都可小程序呢？学生党想开发出来玩一下，没有钱的那种开发，就是没有钱购买服务器~谢谢各位路过的大佬~...
2024-01-10关于微信小程序开发，有个定位的问题 想请教下大家，谢谢？
微信小程序开发，想获取用户定城市名，是获取到经纬度信息后，可以通过逆地址解析API将经纬度转换成为具体的地址我有两个问题想请问下大家，1.能不获取经纬度，直接拿到当前用户所在城市名吗？2.如果要拿经纬度，是解析城市名，有什么免费的方法吗，因为腾讯那个现在要收费 而且比较贵回答：1、微信如果没有提供API那就没办法了，看了下好像是没有城市信息的2、高德貌似是免费的，不过有调用量限制回答：通过ip...
2024-02-05
