前端必备小窝

还记得以前写组件的痛苦吗？每次用个组件都要写三步：先import引入，再在components里注册，最后才能在template里使用。代码大概长这样：

uniapp仿微信朋友圈页面通用模版（附源码）

uniapp购物车页面通用模版（附源码）

uniapp通用分类页面模版（附源码）

uniapp通用模版首页

手机号一键登录页面

写了个消息列表页面，这种消息页面的使用频率也很高，喜欢的道友一键cv吧。

uniapp项目小程序中难免会有一些页面需要自定义头部导航区域，因为原生的头部太简陋了，本文记录下uniapp自定义小程序的头部导航。

uniapp抢购页源码（一键复制）

小程序-客服页面（一键复制）

写了个简易的uniapp购物车价格计算，单选，全选，数量加减，计算对应价格，帮助理解购物车的计算逻辑。

登录：调用uni.login/wx.login调用微信接口，获取code，调用后端后台获取openid；订单：调用后端接口获取订单ID，再调用后端接口传入openid、商品id、商品单价、商品数量等参数获取预支付的重要参数（时间戳timeStamp，随机字符串nonceStr，预支付id package，签名算法signType，签名paySign）支付：调用uni/wx.requestPayment微信支付方法，传递5个重要参数，获取支付结果（成功或失败）H5支付因为无法直接调用微信api，需要通过

如何在微信小程序中获取用户位置、内置地图选坐标和根据坐标在地图中打开

根据你的实际需求和项目复杂度选择合适的方法。如果分享逻辑简单且不会频繁修改，方法一是最直接的。如果希望代码更整洁和易维护，方法二或方法三会是更好的选择。

在开发小程序时，添加分享功能是一个常见需求。两种方法是实现小程序分享的不同方式，但它们有不同的应用场景和要求。（一键复制2024）

生命周期钩子函数在页面加载时触发，表示页面的初始化过程。是在页面展示时触发，用于处理页面显示相关的逻辑，可能会多次执行，包括页面首次展示和从后台切换到前台时。生命周期钩子函数在页面展示时触发，表示页面被显示到前台。在该函数中，可以处理页面显示相关的逻辑，例如刷新数据、更新UI等。函数可能会多次执行，因为页面在切换后台和前台之间多次切换时都会触发。当页面再次被切换到后台，然后再次切换到前台时，会再次触发。是在页面加载时触发，用于页面的初始化操作，只执行一次。页面初始化完成后，页面会被展示到前台，此时会触发。

Uniapp页面跳转和返回操作

UniApp和微信小程序有一些区别，尽管它们都是用于开发小程序的框架，但在一些方面有所不同。以下是它们的区别：

这些生命周期钩子函数可以根据需要在对应的页面或组件中定义，并在特定的时机自动触发。通过使用这些钩子函数，你可以在不同的阶段执行相应的操作，如初始化数据、发送网络请求、更新页面状态等。请根据具体需求选择适合的钩子函数，并在其回调函数中编写相应的代码逻辑。

【uniapp】十分钟带你封装uniapp的api请求，跟着步骤抄就完事儿了

onPageScroll事件，监听页面滚动事件，当页面滚动超过一定高度，显示出一键返回顶部的按钮。wx.pageScrollTo事件，实现一键返回顶部。将页面滚动到目标位置，支持选择器和滚动距离两种方式定位。

话不多说直接复制可用！左右布局分类效果图.........

使用微信小程序实现3D轮播图效果，高度为自适应界面，动态获取设备高度

①外面的红色父盒子宽100%；②内部子盒子统一设置宽25%；③外面的红色父盒子宽100%后再设置 display:flex; justify-content:space-between; flex-wrap:wrap; 但是之后发现第一行正常，第二行的两个盒子就变成两端对齐了，不要着急；④内部子盒子统一设置宽25%后再单独给它调整 /*添加以下样式，使第二行的宫格在左侧*/ .(子盒子class):nth-child(

3步就能满足你想要的需求图表，千种图表供你c

兼容各大平台——小程序、Vue2/3、JS、app、H5、微信小、支付宝、Hbuilder等等...... 只需3步，实现图片上传及裁剪

兼容各大平台——小程序、Vue2/3、JS、app、H5、微信小、支付宝、Hbuilder等等...... 只需3步，实现图片上传及裁剪

小程序自定义弹窗show后禁止屏幕滚动（滚动穿透）

​当有多项的导航，或者说切换项，超出页面的宽度，我们采取可滑动的方式比较好一些！并且在页面右边加个遮罩，模拟最右边有渐变效果！​

uniapp点击删除按钮弹出（确定和取消提示）

个人记录uniapp小程序上传头像（拍摄/本地）

在 uni-app 中使用 ECharts 数据可视化库，通常需要完成以下步骤：

uniapp 如何使用自定义插槽 slot

app.json: 在项目根目录未找到 app.json (env: Windows,mp,1.06.2303220； lib: 2.30.4)

Uni-App 是一个基于 Vue.js 的跨平台应用开发框架，它允许开发者编写一次代码，然后通过编译打包，将应用程序部署到包括iOS、Android、Web、以及各大小程序平台等多个终端。

父传子：在uniapp中，组件传值主要通过props进行。以下是一个简单的例子：首先，创建一个组件MyComponent.vue：