uni-app学习笔记

最新推荐文章于 2026-03-11 00:08:48 发布
原创 最新推荐文章于 2026-03-11 00:08:48 发布 · 803 阅读 · 0 GEO检测
本文详细介绍了uni-app项目的前期准备，包括pages.json的基本配置，如全局和局部页面的设置，以及tabBar的获取和代码配置。还涵盖了页面生命周期、滚动视图、提示框、swiper滑块和form表单等基础组件的使用方法。

目录

一、前期准备

1、项目认识

2、pages.json基本配置

3、创建页面

二、tabBar

1、获取图标

2、代码配置

三、基础认识

1、页面生命周期

2、App.vue应用生命周期

四、基础组件

1、scroll-view可滚动视图区域

2、提示框

3、swiper滑块视图容器

4、form表单组件

一、前期准备

1、项目认识

（1）新建项目

（2）启动项目

①运行到浏览器上

②运行到微信开发者工具

如果出现以下弹框，选择已安装好的微信开发者工具路径，确定即可

标签
#uni-app #学习 #笔记
了解本专栏 订阅专栏 解锁全文 超级会员免费看
uniapp学习笔记之知识点大总结
Qiuxuntao的博客
08-24 2325
uniapp学习笔记之知识点大总结
Crawl4AI实战：5分钟搞定电商价格监控爬虫（附Python代码）
最新发布
weixin_29090917的博客
03-11 377
本文详细介绍了如何利用开源AI网络爬虫框架Crawl4AI快速构建电商价格监控系统。通过Python实战代码，展示了从环境配置、智能内容提取到多平台适配、定时任务与数据可视化的完整流程，帮助运营人员和技术开发者高效实现自动化价格追踪与竞品分析。
【前端之旅】uni-app学习笔记
请你喝杯Java
08-03 2283
uni-app学习笔记—孙不坚1208 uni-app 官方网页是一个使用 Vue.js 开发所有前端应用的框架，开发者编写一套代码，可发布到iOS、Android、H5、以及各种小程序（微信/支付宝/百度/头条/QQ/钉钉）等多个平台。
【OpenClaw 实战】Ubuntu 双机 Gateway + Node 部署全流程 + 所有常见坑（2026版）
hampeter的博客
02-19 1505
如果你只是需要浏览器自动化、截屏、简单系统查询 →Node 模式够用，别折腾 exec。如果你需要 GOLD 运行任意 shell 命令、git、npm、自定义脚本 →必须升级成 Gateway。bind lan + pairing approve + token 统一。后续想玩多 Agent 团队，优先考虑双/多 Gateway + 聊天通道互发（社区已有不少成功案例）。欢迎评论区留言你的环境和报错，一起交流！
快速上手uni-app,基础知识，基本使用
热门推荐
搬砖猴哥
12-26 1万+
####uni-app的基本使用 视频链接：uni-app配套视频 知识介绍： 环境搭建 页面外观配置 数据绑定 uni-app的生命周期 组件的使用 uni-app中样式学习 在uni-app中使用字体图标和开启scss 条件注释跨端兼容 uni中的事件 导航跳转 组件创建和通讯，及组件的生命周期 uni-app中使用uni-ui库 uni-app介绍 官方网页 uni-app 是一个使用 ...
uniApp 学习笔记总结(一)
探索技术与实践的旅程，分享编程经验与工具使用心得，助力开发者提升技能。
04-21 3639
1. uniapp环境搭建 2. uni-app的开发目录结构 3. pages.json下的 globalStyle 全局外观配置 3.1 导航栏样式配置 3.2 下拉刷新页面效果 3.3 onReachBottomDistance页面上拉触底事件 4. pages.json下的 页面配置 5. pages.json下的 配置基本的tabbar 6. pages.json下的 condition启动模式配置 7. text组件 的基本使用 8. view组件 的基本使用 9. button按钮 组件的基本
uni-app实战社区交友类app开发
03-06
适用人群具备Html+Css+Javascript基础知识。课程概述本季度为uni-app实战项目第一季度，将实战开发社区交友类app，其中会包括发布到安卓端app，iOS端app、微信小程序和支付宝小程序。课程大纲见以下图！
Uni-app 学习笔记
javaGHui的博客
02-05 1498
Uni-app 学习笔记
uni app 调用网络打印机_uni-app学习笔记（一）-- uni-app简介
weixin_39867200的博客
10-21 2180
uni-app入门uni, 从这个单词的意思，就能看的出来，Dcoud社区的野心 这个试图统治整个前端界的技术，到底有没有那么好呢？ 科普 Dcloud是干嘛的？ 著名的国产开源开发工具，Hbuilder，就是他们家的产品之一 他们家另外一款重量级产品，就是H5+App技术简单的说，一个前端，可以利用他们提供的开发环境，以及【MUI】 框架 轻轻松松的就可以用JS写出 安卓 和 IOS应用 （好吧...
uni-app学习笔记(三)--内置组件
shenxiaomo1688的博客
05-11 1276
所有的视图组件，包括view、swiper等，本身不显示任何可视化元素。它们的用途都是为了包裹其他真正显示的组件。
uni-app学习笔记（四）-H5跨域
weixin_37060736的博客
08-01 70
参考文档：Web跨域学习笔记中的uni-app和vue有关的部分作者：꧁执笔小白꧂ 原创作者: 28069...
Day 5 uni-app学习笔记 地址模块
m0_65352580的博客
05-31 250
初始化调用，因为新建地址成功后，需要。地址模块 – 修改地址 – 数据回显。地址模块 – 修改地址 – 保存修改。地址列表通过 onShow。地址模块 – 准备工作。地址模块 – 新建地址。地址模块 – 表单校验。地址模块 – 删除地址。
uni-app学习笔记02-相关组件
FeiTwnd的博客
08-09 257
类似于HTML中的a标签 但是只能跳转本地页面。且目标页面在pages.json中有注册。
uni-app学习笔记——自定义模板
qincjun的博客
03-13 511
4.每一次新建页面，都如第二步一样；可以选择自定义的模版（vue3Setup——这是我自己的模版），第二步的右边部分，就是我里面所写的模版内容。1.这是一个硬性的流程，只要按照如此程序化就可以实现。5.如果是组件化，也是如此开发模版。
【Uniapp】Uni-app学习笔记
weixin_43871792的博客
10-30 1936
页面生命周期等
uni-app学习笔记四--内置组件(二)
shenxiaomo1688的博客
05-12 1036
html规范中input不仅是输入框，还有radio、checkbox、时间、日期、文件选择功能。在uni-app规范中，input仅仅是输入框。type的有效值有：primary（蓝色），warn（红色），default（白色）如果type设置为tel时，在手机端点击输入框，下方会弹出全数字键盘区。其中type 有效值有以下几项，用于限定输入框只能输入指定类型的数据。其中size 有效值有：default。位于组件-->内置组件-->表单组件中。plain：将按钮镂空，只保留边框。
uni-app学习笔记（一）-官方文档的学习路线
weixin_35601611的博客
08-01 748
资料观看顺序（在比较中学习）：　　1.什么是uniapp（https://uniapp.dcloud.io/）　　2.如何学习uniapp（https://uniapp.dcloud.io/resource）　　3.快速上手（https://uniapp.dcloud.io/quickstart）　　4.白话uni...
uni-app学习笔记二十九--数据缓存
shenxiaomo1688的博客
06-08 506
将 data 存储在本地缓存中指定的 key 中，如果有多个key相同，下面的会覆盖掉原上面的该 key 对应的内容，这是一个同步接口。数据可以是字符串，可以是数组。微信开发者平台查看本地缓存。//根据key清除缓存。
uni-app 学习笔记
if.else.Z
03-23 3718
html标签和uni-app内置组件的映射表： div 改成view span、font 改成text a 改成navigator img 改成image input仅仅是输入框。 原html规范中input不仅是输入框，还有radio、checkbox、时间、日期、文件选择功能。在uni-app和小程序规范中，input仅仅是输入框。其他功能uni-app有单独的组件或API：radio组件、checkbox组件、时间选择、日期选择、图片选择、视频选择、多媒体文件选择(含图片视频)、通...
p2pseracher3.5
P2Psearcher 无法连入网络怎么办？ P2PSearcher是一款很好的搜索软件，至于能搜索些什么，你懂的。有时候在XP或Win7下运行软件的时候，会提示无法连入emule网络，确定后右下角的连接状态都是“未能显示状态”，遇到这个问题，其实很好解决。　　首先要保证电脑可以访问网络，并且P2PSearcher能访问网络，即防火墙没有拦截此软件；　　然后到P2PSearcher目录下，看看是不是没有atl71.dll这个文件呢，哈哈，是吧，　　其实也就是这么三个文件{msvcp71.dll，msvcr71.dll，atl71.dll}。　　一个办法是到网上去下载，如果你难得下载，并且电脑上安装有迅雷的话，那恭喜你了，你可以到迅雷的Program目录下去拷贝这个dll文件到C:\windows\system32或是到P2PSearcher目录下，然后再运行P2PSearcher，看看是不是正常了呢。。。
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包

打赏作者

五秒法则

你的鼓励将是我创作的最大动力

¥1 ¥2 ¥4 ¥6 ¥10 ¥20
扫码支付：¥1
获取中
扫码支付

您的余额不足，请更换扫码支付或充值

打赏作者

实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值