初探uniapp，做了第一个项目，总结下经验（一）

uniapp是个啥

1. 基于vue开发的（懂vue的朋友问题是不大的）
2. 跨端：小程序，H5，QQ小程序啥的都可以用（会有小坑，毕竟兼顾这么多端）

4. 没有啥效果很棒组件，几乎都要自己写，也不建议去用其它花里胡哨的，容易出问题（能简则简）

5. uniapp是多页，vue是单页

我的实战开发之旅

1. 文档是要看的，我看了大半天吧（常用组件以及事件机制等）

2. 开发工具用的VScode（npm构造），建议还是.hbuilderx，毕竟是官方推荐

3. 先下载个模板来玩玩，里面会有它的展示效果和源码（与之前的mui如出一辙），还是蛮有用的，一顿ctrl+C，V操作，安逸的很

重要文件解读

package.json : 包管理器，和vue里面差不多
main.js : 入口文件，与vue同。里面可以配置一些全局的东西
pages.json : 与vue的router.js差不多，配置路由的
static: 放置静态文件，一般放些图片啥的
pages : 和vue的view文件夹差不多，放组件的
store : vuex

开发上需要注意的地方

uniapp里没有div，都是用view标签代替。
使用图片需要通过import引入，并在data()里返回，最后才能绑定到标签上去。（图片标签<image :src="">）
onLoad()为加载函数，用的多一点，其他生命周期函数的可以去官网看

接口请求（使用原生的即可）

uni.request({url: '',data: {},method: 'POST',success: (res) => {// do something},fail: (err) => {console.log(err);}
});

页面跳转（讲几个用到的）
- uni.navigateTo(OBJECT)：常用，保留当前页面，跳转到应用内的某个页面。
- uni.redirectTo(OBJECT)：不保留当前页面，跳转到应用内的某个页面。（与上面的区别一样，场景不同的）
- window.location.href：跳转站外，还得原生JS
内置提示
- uni.showToast(): 提示框
- uni.showLoading(): 过渡动画，需要手动关掉 uni.hideLoading()

FAQ

由于uniapp本身没啥ui插件，大家可以在社区找：社区地址（找评分高的就行）

不要想着用uniapp搞一些花里胡哨的操作
尽量使用原生的组件，兼容性好，稳一些
不要去引一些花里胡哨的查件库，都容易出问题

今天先说到这，以后会边使用边更新文章，觉得有用的小伙伴可以点赞、收藏一波，感谢感谢~

初探uniapp，做了第一个项目，总结下经验（一）相关推荐

手把手教你如何新建scrapy爬虫框架的第一个项目（下）
前几天小编带大家学会了如何在Scrapy框架下创建属于自己的第一个爬虫项目(上),今天我们进一步深入的了解Scrapy爬虫项目创建,这里以伯乐在线网站的所有文章页为例进行说明. 在我们创建好Scrap ...
39期1组，第一个项目感受---------文字与回忆
今天在整理文件时发现,在 39 期第一个项目结束的项目感受,打开看看,发现以前好像没看过.也许在你的电脑早已把它删除,但还留在我的小黑上.今天我把它全部发布,或许你某天看到会莞尔一笑,下面是你们的项 ...
第一个项目：D触发器，DFRB1C。
记录一下来青软之后做的第一个项目:D触发器,DFRB1C. 平台:IC617 1. 绘制原理图建立schematic类型的view,并进行绘制,其中绘制了若干子模块的电路图,例如与非门.反相器以及传 ...
第一个项目学生评价综合系统
第一个项目:StudentSystem 学生评价综合系统(代码和具体开发步骤以后附上) 技术选型: 前端:AdminLTE(Bootstrap+CSS)框架后端:SSM(Spring+SpringM ...
uniapp做H5项目渲染后端接口返回的图片流
这篇文章适用于uniapp做的H5项目,不适用于小程序. 今天接到个需求,是登录页面获取验证码,调后端接口之后得到的是一个图片流信息,要渲染到前端. 如图可以看到返回的是一张图片,我们控制台打印res ...
uniapp - 电商优购项目
目录前言例如:基于 uniapp 开发的微信小程序商城项目 1. 起步 1.1 uni-app 简介 1.2 开发工具 1.2.1 下载 HBuilderX 1.2.2 安装 HBuilderX ...
vue+uni-app商城实战 | 第一篇：从0到1快捷开发一个商城微信小程序，无缝接入OAuth2实现一键授权登录
一. 前言本篇通过实战来讲述如何使用uni-app快速进行商城微信小程序的开发以及小程序如何接入后台Spring Cloud微服务. 有来商城 youlai-mall 项目是一套全栈商城系统,技术栈 ...
我在兰亭这三年之第一个项目
[前言] 在兰亭这段时间里,做了很多项目,前前后后加起来有10几个大版本和项目及很多的hotfix,当然每一个项目中都有收获,都让我得到一点点的积累和沉淀.但是让我记忆犹新的还是第一个项目. [正文] ...
[31期] 第一个项目结束之际--俺很高调但很真诚地感谢一个人--涛爷
声明:借老大的号号发这个帖子第一个项目明天就交差了.也许很快,涛爷就要离开我们,我发自由衷地感谢他. 原因有两个: 1,我接触编程,尤其是做出个自我感觉良好的项目,启蒙老师是:涛爷!这人的一生嘛.最 ...

初探uniapp，做了第一个项目，总结下经验（一）

初探uniapp，做了第一个项目，总结下经验（一）相关推荐

最新文章

热门文章