小傲哥哥的博客

本文介绍了如何在小程序中实现菜单栏动态切换功能。通过设置currentIndex和currentIndex2变量控制当前选中项，利用wx:for循环渲染菜单项，并在点击时通过bind:tap事件更新选中状态。CSS中通过.active类实现选中样式切换，包括背景色和文字颜色变化。JS部分提供了切换函数changeLeixing和changePaixu来更新选中索引。这种实现方式简洁高效，适用于商品分类、排序等多种菜单场景。

每天学一点，慢慢进步，不要浮躁！

微信小程序绘制一个简单的饼图

话不多说，直接上代码：// 点击上传图片 触发函数changeBigImg(){ let that = this; wx.chooseImage({ count: 1, sizeType: ['original', 'compressed'], sourceType: ['album', 'camera'], success(res) { console.log("成功",res); that.uploadImage(res.tempFil

话不多说，直接上代码：wxml页面：<view bindtap="chooseFile">上传</view>js页面： //第一步：选择文件 chooseFile(){ let that = this wx.chooseMessageFile({ count: 1, type: 'all', // all 代表所有类型的文件都可以上传 success (res) { wx.showLoading

wxll代码：<button bind:tap="doUpload"></button>js代码： doUpload(){ // 选择图片 wx.chooseImage({ count: 1, //选择一张图片 sizeType: ['compressed'], //压缩图 sourceType: ['album', 'camera'], //相册或拍照 success: fun

前言：微信小程序进入某一个页面自动播放背景音乐，当退出这个页面时，音乐关闭wxml代码：<audio loop id="greetings" src="https://7369-sirfuao-4gczpw45e6c4ae20-1305187054.tcb.qcloud.la/music/guxinag.mp3" ></audio>js代码：const audioCtx = ''; onShow () { this.audioCtx = wx.cre

原因：JSON.parse无法识别某些url中的特殊字符，所以报错：需求，在 a.js 跳转到 b.js 将 obj 对象传递给 b.js 页面在a.js中：wx.navigateTo({ url: '../b/b?obj=' + encodeURIComponent(JSON.stringify(e.currentTarget.dataset.obj)), })在b.js中： onLoad: function (options) { var nextData =

scroll-view 中 flex 布局失效今天做微信小程序项目的时候，想把商品横着展示 滑动，使用flex布局的时候，怎么也不起作用。百度琢磨了半天，终于找到解决方法了在 scroll-view 中加入 enable-flex = true 即可<scroll-view scroll-y="true" enable-flex="true"> code... </scroll-view>...

前言：微信小程序云开发可以在创建项目的时候直接选着云开发，也可以以普通的方式创建小程序项目之后(就是不使用云开发的方式)，然后在做一些配置，同样让小程序拥有云开发的功能，下面我就是使用的普通方式创建的小程序项目。一、初始化云开发环境首先进入app.json 文件夹，加上如下代码：onLaunch() { console.log("小程序启动成功"); wx.cloud.init({ env: 'phone-text' })// env 后面写的是你小程序云开发的

1、npm初始化在小程序的根目录文件夹里打开命令行，执行npm init -y，此时会产生一个package.json文件2、安装npm包这里以vant-weapp(小程序UI组件库)为例：npm i @vant/weapp -S --production3、npm包构建1：点击微信开发者工具右上角详情——>本地设置，选中使用npm模块2：点击微信开发者工具菜单栏的工具，选择构建npm4、使用npm以 Button 组件为例，只需要在app.json或index.json中

#####查询语句的第二种写法。

前言：今天给一个学弟代做毕业设计，是一个小程序的，后端用的node.js+mysql，当我后端写好后，用微信开发者工具调用后端数据的时候发现根本获取不到数据,于是我百度，最终找到答案了。百度了两种，其中前一种方法不管用第一种，将请求地址换成 localhost； 不管用第二种，解决方案大前提：必须手机和电脑在同一个局域网之中，实在不行你手机给你电脑开热点1、在维信开发者工具中 设置–> 项目设置 找到不检验合法域名，将它选中2、然后打开自己电脑终端，输入 ipconfig 查看自己

在维信小程序开发中传递参数的方式不同于前端开发其他场景中直接加参数的方式，小程序在参数的传递时，采用事件对象的自定义属性的方式(和vue项目中的参数传递不同)，具体实现如下：wxml:<view bindtap="addBind" wx:for="list" data-item="{{item}}" wx:key="name" data-index="1"> <view>{{ item.name }}</view></view>js中：bin

项目地址：如果觉得对您有用，不忘记了给个 star最近看了下前端招聘的需求，好多都需要会小程序，于是，索性在家里系统的学了下，在这个项目中，我真的学到了很多东西，至少熟悉了整个小程序大致开发的流程，话不多说，项目主要分为四个大的模块: 首页、分类页，购物车，我的；首页：分类页面：购物车：我的：搜索页：商品列表：购物车：支付页面：好了，还有些页面就不都给大家列举出...

<view class="tabs_title {{item.isActive?'active':''}}" wx:for="{{tab}}" wx:key="id" >{{item.value}}</view>如上面例子所示，在原有的class样式类 tabs_title 的基础上再给元素添加一个act...

在⼩程序的开发⼯具中，勾选 es6转es5语法下载 facebook的regenerator库中的 regenerator/packages/regenerator-runtime/runtime.js在⼩程序⽬录下新建⽂件夹 lib/runtime/runtime.js ，将代码拷⻉进去在每⼀个需要使⽤async语法的⻚⾯js⽂件中，都引⼊（不能全局引⼊）引入方式 ：import ...

第一种：在标签里面的url中写跳转路径，这里的写的是相对路径，具体如下图所示：第二种：在微信小程序中的一个APIwx.navigateTo({url: ‘/pages/pay/index’});这里面也是写的绝对路径，具体也是如下图所示：...

关于微信小程序合法域名出错的问题今天在做微信小程序的一个项目的时候，出现了一个严重的bug报错说我的域名不在request合法域名列表之中，解决这个问题有两种办法，第一个是登录在微信小程序公众号平台，在开发中的开发设置中的服务器域名给request配置合法的域名，配置的这个域名需要备案过；详细图解如下：首先找到开发中的开发设置：然后往下滑，找到request合法域名，给它配置自己备案...

前言：昨天去面试的时候被别人提起微信小程序，别人说作为一名前端开发者来说这个东西还是有必要好好学一下的。 就在我今天学的时候，碰见了一个很奇葩的问题当我在用到tabBar这个全局配置选项的时候，明明写的没错，但是在控制台上就一直给报错：tabBar.list[0].iconPath 文件不存在； 如图下图所示： ![在这里插入图片描述](https://img-bl...