前端技术栈Uniapp必备
文章平均质量分 62
带您深入了解现代前端开发中必备的关键技能。作为前端开发者,熟练掌握多种技术栈是提升自身竞争力和开发效率的重要途径。本专栏将涵盖Uniapp、Vue、React、小程序等主流技术栈的核心知识和实战技巧,助您成为全面且独具潜力的前端工程师。
耀南.
这个作者很懒,什么都没留下…
展开
-
UniApp `onShow` 和 `onLoad` 区别以及执行顺序
生命周期钩子函数在页面加载时触发,表示页面的初始化过程。是在页面展示时触发,用于处理页面显示相关的逻辑,可能会多次执行,包括页面首次展示和从后台切换到前台时。生命周期钩子函数在页面展示时触发,表示页面被显示到前台。在该函数中,可以处理页面显示相关的逻辑,例如刷新数据、更新UI等。函数可能会多次执行,因为页面在切换后台和前台之间多次切换时都会触发。当页面再次被切换到后台,然后再次切换到前台时,会再次触发。是在页面加载时触发,用于页面的初始化操作,只执行一次。页面初始化完成后,页面会被展示到前台,此时会触发。原创 2023-07-01 09:51:35 · 5972 阅读 · 0 评论 -
Uniapp页面跳转和返回操作
Uniapp页面跳转和返回操作原创 2023-07-01 09:05:44 · 4014 阅读 · 0 评论 -
Uniapp和微信小程序的区别2023(详细)
UniApp和微信小程序有一些区别,尽管它们都是用于开发小程序的框架,但在一些方面有所不同。以下是它们的区别:原创 2023-07-15 13:45:41 · 3533 阅读 · 0 评论 -
UniApp中的所有生命周期钩子函数以及使用方法
这些生命周期钩子函数可以根据需要在对应的页面或组件中定义,并在特定的时机自动触发。通过使用这些钩子函数,你可以在不同的阶段执行相应的操作,如初始化数据、发送网络请求、更新页面状态等。请根据具体需求选择适合的钩子函数,并在其回调函数中编写相应的代码逻辑。原创 2023-07-15 10:23:51 · 7183 阅读 · 0 评论 -
【uniapp】十分钟带你封装uniapp的api请求
【uniapp】十分钟带你封装uniapp的api请求,跟着步骤抄就完事儿了原创 2023-08-09 16:35:16 · 3812 阅读 · 0 评论 -
前端实现一键返回顶部
onPageScroll事件,监听页面滚动事件,当页面滚动超过一定高度,显示出一键返回顶部的按钮。wx.pageScrollTo事件,实现一键返回顶部。将页面滚动到目标位置,支持选择器和滚动距离两种方式定位。原创 2023-11-04 00:15:57 · 239 阅读 · 0 评论 -
小程序中的左右布局商品分类
话不多说直接复制可用!左右布局分类效果图.........原创 2023-11-04 00:00:28 · 421 阅读 · 2 评论 -
3D轮播图效果
使用微信小程序实现3D轮播图效果,高度为自适应界面,动态获取设备高度原创 2023-11-04 00:25:20 · 104 阅读 · 0 评论 -
CSS宫格display布局内容不够时自动对齐
①外面的红色父盒子宽100%;②内部子盒子统一设置宽25%;③外面的红色父盒子宽100%后再设置 display:flex; justify-content:space-between; flex-wrap:wrap; 但是之后发现第一行正常,第二行的两个盒子就变成两端对齐了,不要着急;④内部子盒子统一设置宽25%后再单独给它调整 /*添加以下样式,使第二行的宫格在左侧*/ .(子盒子class):nth-child(原创 2023-11-23 16:40:38 · 209 阅读 · 0 评论 -
uniapp使用图表(折线、柱状、饼、雷达、金字塔等等)
3步就能满足你想要的需求图表,千种图表供你c原创 2023-11-29 16:44:38 · 910 阅读 · 2 评论 -
上传图片及裁剪组件(平台通用第二种)
兼容各大平台——小程序、Vue2/3、JS、app、H5、微信小、支付宝、Hbuilder等等...... 只需3步,实现图片上传及裁剪原创 2024-02-05 18:06:19 · 422 阅读 · 0 评论 -
上传图片及裁剪组件(平台通用)
兼容各大平台——小程序、Vue2/3、JS、app、H5、微信小、支付宝、Hbuilder等等...... 只需3步,实现图片上传及裁剪原创 2024-02-05 11:10:48 · 904 阅读 · 0 评论 -
小程序自定义弹窗show后禁止屏幕滚动(滚动穿透)
小程序自定义弹窗show后禁止屏幕滚动(滚动穿透)原创 2024-02-29 09:20:29 · 405 阅读 · 1 评论 -
uniapp导航栏(切换项溢出采取左滑右滑的形式展示)
当有多项的导航,或者说切换项,超出页面的宽度,我们采取可滑动的方式比较好一些!并且在页面右边加个遮罩,模拟最右边有渐变效果!原创 2024-03-22 03:08:44 · 278 阅读 · 0 评论 -
uniapp点击删除按钮弹出(确定和取消提示)
uniapp点击删除按钮弹出(确定和取消提示)原创 2024-03-22 03:09:50 · 223 阅读 · 0 评论 -
uniapp瀑布流实现(商品/图片瀑布流)
uniapp瀑布流实现(商品/图片瀑布流两种,直接一键复制运行即可)原创 2024-04-15 14:12:23 · 645 阅读 · 0 评论 -
Uniapp上传头像(2024记录)
个人记录uniapp小程序上传头像(拍摄/本地)原创 2024-03-22 02:59:39 · 880 阅读 · 0 评论 -
uni-app 中如何使用echart
在 uni-app 中使用 ECharts 数据可视化库,通常需要完成以下步骤:原创 2024-04-17 10:07:44 · 649 阅读 · 0 评论 -
uni-app 如何使用自定义插槽 slot
uniapp 如何使用自定义插槽 slot原创 2024-04-17 10:15:31 · 176 阅读 · 0 评论 -
[ app.json 文件内容错误] app.json(四种排查解决方案2024)
app.json: 在项目根目录未找到 app.json (env: Windows,mp,1.06.2303220; lib: 2.30.4)原创 2024-04-23 09:00:00 · 510 阅读 · 0 评论 -
uni-app 如何使用模拟器
Uni-App 是一个基于 Vue.js 的跨平台应用开发框架,它允许开发者编写一次代码,然后通过编译打包,将应用程序部署到包括iOS、Android、Web、以及各大小程序平台等多个终端。原创 2024-04-17 10:29:11 · 654 阅读 · 0 评论 -
小程序商品列表页(列表、分类)(一键复制)
uniapp移动端的商品列表和商品分类页面,虽然这种页面样式已经烂大街了,但不可否认的是这样的页面布局依然很常见,所以为了避免重复写代码,在此记录,用到了就复制过去修改下细节,理论上应该可以节省一些时间原创 2024-04-17 11:31:21 · 202 阅读 · 0 评论 -
uni-app 组件之间如何传值
父传子:在uniapp中,组件传值主要通过props进行。以下是一个简单的例子:首先,创建一个组件MyComponent.vue:原创 2024-04-17 10:20:59 · 286 阅读 · 0 评论