强烈推介的几个微信小程序开发小技巧，简单又实用
前段时间在下开发了个微信小程序，开发过程中总结了一些我觉得对我有用的小技巧，提炼出来，相当于一个总结复盘，也希望可以帮助到大家。如果对大家确实有帮助，别忘了点赞哦 ???? ～微信开发者工具版本：1.03.2006090（2020-06-19）基础库版本： v2.12.1 (2020-08-04)1. 开发中可能遇到的坑以及 Tips本...
2024-01-10
【小程序】APICloud：跨平台开发技术的演进之路
移动互联网历经10余年的发展，期间app开发者遭遇移动设备的屏幕碎片化，系统版本分散，厂商定制泛滥等各种开发适配的痛点，因为把大量的精力耗费在不同平台的实现以及解决各种兼容适配问题上，而导致项目周期长，成本增加，这与企业希望app低成本快速实现，按时上线的诉求是矛盾的。跨平台...
2024-01-10
大学学生社团小程序开发笔记一：项目背景及技术方案的选择
一 使用场景很多大学都有自己的学生会，学社联，各种学生社团组织，比如舞蹈社，轮滑社，外语社，爬山爱好者协会等。这些社团有很多丰富的活动，也有招新等安排，但是一个大学至少有几十个社团，这让广大新生无所适从这种情况下，制作一个统一的校园社团小程序，大学生们可以一目了然了解...
2024-01-10微信小程序开发探究
前段时间比较流行的微信小程序，因为一直没有所谓内测码也没具体关注。拖到现在正好借组内分享的时机来仔细了解一下微信小程序。了解一个新的事物无外乎从是什么（本质），怎么用（具体用法），为什么用（优缺点）来学习，首先分析一下微信小程序是什么，听起来比较高大上，说实话原来我...
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微信小程序开发经验总结（推荐）
一: 参数传值的方法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微信小程序开发之实现选项卡(窗口顶部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
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
微信小程序开发中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
【小程序】微信小程序云开发如何上手
简要介绍微信小程序云开发，是基于 Serverless 的一站式后端云服务，涵盖函数、数据库、存储、CDN等服务，免后端运维。基于云开发可以免鉴权调用微信所有开放能力。前提准备微信开发者工具创建环境打开小程序项目，点击工具栏“云开发”进行开通：根据对话框提示，创建云环境：选择默认...
2024-01-10
【教程攻略】微信群不发群公告@所有人教程
微信群不发布公告怎么@所有人？在微信群聊中，如果我们想要发布@所有人，只能通过发送群公告的方式来@所有人，那如何不发布群公告@所有人呢？下面就和小编一起来看看吧！Tips：需要拥有群主或者管理员的权限，才可以@所有人，且该方法只适合微信8.0.3及以上版本的微信用户使用。1、打开微...
2024-01-10
BeautyWe.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
【小程序】《微信小程序开发入门与实践》.pdf
从上线以来，微信小程序的"触手可及"的体验，使得移动互联网全面加速转型开发轻应用。而对于开发者而已，小程序无疑是一个新的机会与方向！越来越多的开发者主动学习，积极尝试，想在小程序开发领域有所涉猎。最近很多小伙伴问我要一些 小程序 相关的资料，于是我翻箱倒柜，找到了这本...
2024-01-10微信小程序 实例开发总结
微信小程序 开发过程中遇到问题总结第一次正式开发一个小程序，就从以下几个方面来谈一谈小程序的开发过程和心得吧，主要说说这次项目中用到的功能。数据请求这次的小程序，没有太多的附加功能，所以数据以及对数据的处理是这次的主体工作，小程序向用户提供API，供用户向自己的服务器...
2024-01-10微信小程序 开发工具快捷键整理
微信小程序 微信开发者工具 快捷键，最近学习研究微信小程序，用了不少快捷键，索性记录下来，后续如果有其它的快捷键继续增加，微信小程序已经跑起来了.快捷键设置找了好久没找到,完全凭感觉.图贴出来.大家看看.我现在用的是0.10.101100的版本,后续版本更新快捷键也应该不会有什么变化.现...
2024-01-10
【小程序】mac微信小程序开发工具没有wxml面板
mac系统，最新版的小程序开发工具，没有任何报错，为什么没有wxml面板，请问各位dalao怎么解决回答是不是进到公众号网页调试模式下了补截了个本机的小程序模式的截图大概是快捷键误按给关了吧。...
2024-01-10
MPX 一款具有优秀开发体验和深度性能优化的增强型小程序开发框架
Mpx 是一款致力于提高小程序开发体验和开发效率的增强型小程序框架，通过Mpx，我们能够高效优雅地开发出具有极致性能的优质小程序应用，并将其输出到各大小程序平台和web平台中运行。特点Mpx 具有以下功能特性：数据响应 (赋值响应 / watch / computed)增强模板语法 (动态组件 / 样式绑定 / 类名绑...
2024-01-10
【开发工具】11款很酷的新编程工具
原文：11 Cool New Coding Tools to Know作者：Damian Wolf翻译：Vincent译者注：开发人员平时可能不太接触新的编程工具，或者找不到比现在用的更好的，所以只能使用那些过时的。本文作者介绍了11种新的编程工具，这些工具可以通过改变编码技能、共享终端等方式来加速你的开发过程。以下为译文。作为...
2024-01-10微信小程序开发之好友列表字母列表跳转对应位置
微信小程序开发之好友列表字母列表跳转对应位置前言：在小程序里实现微信好友列表点击右侧字母列表跳转对应位置效果。写了个demo，核心部分很简单，所以没多少注释，如果遇到问题就加群问我吧。核心技术点： 1、小程序scroll-view组件的scroll-into-view， scroll-with-animation. scroll-y属性。 2、小程...
2024-01-10
【小程序】准备学习一下mpvue，微信开发工具如何支持vue文件？
回答微信开发者工具不支持vue文件你可以把微信开发者工具当成chorme浏览器一样来理解,只是一个用户代理(即显示网站用)用其他开发工具,比如webstorm开发,然后在微信开发者工具中打开编译后的dist目录就行了...
2024-01-10
【小程序】小程序开发工具或者打开调试都可以授权通过，就关闭调试后的真机不行
1.开发工具或者打开调试都可以授权通过，就关闭调试后的真机不行，wx.request报出错误request:fail url not in domain list。原因是没有在详情的request合法域名中配置域名导致的。2.regeneratorRuntime is not defined 原因是基础库版本太低...
2024-01-10
小程序开发工具操作云数据库成功，但是预览及真机调试失败
我的小程序是使用Uniapp开发的，然后数据库连接的是小程序云数据库，但是发现在更新或添加数据的时候，开发工具可以正常提交存储，但是预览和真机调试却没有反应，请问是为什么呢？我的数据库权限为，也尝试修改到“所有用户可读，仅创建者可写”，但仍然无效{"read": true,"write": true}在真机调试中，看到调试器有黄色提示，显示“this object can not be logge...
2024-03-14
