强烈推介的几个微信小程序开发小技巧,简单又实用
前段时间在下开发了个微信小程序,开发过程中总结了一些我觉得对我有用的小技巧,提炼出来,相当于一个总结复盘,也希望可以帮助到大家。如果对大家确实有帮助,别忘了点赞哦 ???? ~微信开发者工具版本: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微信小程序开发之实现选项卡(窗口顶部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-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微信小程序开发中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微信小程序开发背景图显示功能
这两天开发微信小程序,在设置背景图片时,发现在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【小程序】商城微信小程序(一)——开发环境搭建、小程序结构、首页完成
这个系列文章记录本人学习微信小程序的过程,教程来源黑马程序员,我只是用文字记录下,以备忘。准备工作:安装微信小程序开发工具安装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微信小程序云开发之云函数详解
在上一章我们已经配好了环境,这章我们按照模板的顺序去执行提供的案例,对官方文档进行一个实践操作。首先我们点击”点击获取 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【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开发实战教学视频:快速实现微信小程序视频弹幕功能
知晓云正式上线于 2017 年 8 月 8 日,即将迎来三周年庆。在这三年里,知晓云始终秉承「打造人人可用的后端云服务」的理念,在产品上进行了数百次迭代,闷声打磨产品,以更好的产品服务满足更多企业及开发者的需求。目前,知晓云已成功点亮各大主流小程序平台,同时也支持 Web 、iOS、Android 的...
2024-01-10微信小程序开发教程-手势解锁实例
手势解锁是app上常见的解锁方式,相比输入密码方式操作起来要方便许多。下面展示如何基于微信小程序实现手机解锁。最终实现效果如下图:整个功能基于canvas实现,首先添加画布组件,并设定样式<!--index.wxml--><view class="container"> <canvas canvas-id="id-gesture-lock" class="gesture-lock" bindtouchstart="onTouchStart" ...
2024-01-10微信小程序 开发工具快捷键整理
微信小程序 微信开发者工具 快捷键,最近学习研究微信小程序,用了不少快捷键,索性记录下来,后续如果有其它的快捷键继续增加,微信小程序已经跑起来了.快捷键设置找了好久没找到,完全凭感觉.图贴出来.大家看看.我现在用的是0.10.101100的版本,后续版本更新快捷键也应该不会有什么变化.现...
2024-01-10【小程序】mac微信小程序开发工具没有wxml面板
mac系统,最新版的小程序开发工具,没有任何报错,为什么没有wxml面板,请问各位dalao怎么解决回答是不是进到公众号网页调试模式下了补截了个本机的小程序模式的截图大概是快捷键误按给关了吧。...
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微信小程序开发之好友列表字母列表跳转对应位置
微信小程序开发之好友列表字母列表跳转对应位置前言:在小程序里实现微信好友列表点击右侧字母列表跳转对应位置效果。写了个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