2024-01-学习笔记

uni-app学习路线与建议

uni-app 是一个使用 Vue.js 开发所有前端应用的框架,开发者编写一套代码,可发布到iOS、Android、Web(响应式)、以及各种小程序(微信/支付宝/百度/头条/飞书/QQ/快手/钉钉/淘宝)、快应用等多个平台。uni-app 对于个人开发者、创业公司来说是一个快速开发的神器,省去了很多开发成本。下面就给大家介绍一下怎么快速上手uni-app。
官方文档地址:https://uniapp.dcloud.net.cn/

1.vue.js

我们现在已经知道 uni-app 是一个使用 Vue.js 语法,用来开发跨平台应用的前端框架
没有接触过 Vue.js 的同学要先学习 ues 语法,不过不用过于担心,很容易上手的。可以先拿出一两个小时的时间,大概了解一下
Vue.js 的语法。
Vue官方文档: https://cn.vuejs.org/v2/guidel

2.uniapp

如果想要开发一个实际 uni-app 项目,除了 Vue.js 语法学习以外,还要掌握以下知识点
1 微信小程序 API
uni-app 的 API 与微信小程序 API 基本一致。掌握微信小程序 API 对后面的开发很有帮助
微信小程序 API 文档:
https://developers.weixin.gq.com/miniprogram/dev/api/
2 条件编译
虽然说 uni-app 可以用来开发跨平台应用,但是每人平台之间没有我们想象中的那么和谐。样式、支付接口都各有各的想法。大约有百分之10 的样式各平台之间是不兼容的。
这时候,我们就需要用到条件编译了,针对每一平台的特性去做适配,所以我们开发时,重点一定要注意每人平台对组件或接口的兼容性.
在这里插入图片描述
3 ES6
ES6 的全称是 ECMAScript6,是JavaScript 的一个版本。un-app 支持了绝大部分ES6 API,同时也支持 ES7 的 await/async.
我们需要掌握箭头函数、解构赋值、数组扩展、Promise、module 等知识点。
4 NPM
NPM 的全称是 Node Package Manager,翻译成中文就是 node 包管理器,安装 node,js 运行环境时会自动安装 npm,uniapp 支持使用
npm 安装第三方包,后面我们通过 npm 来下载安装 uni-app 相关的软件包
NPM 中文文档: https://www.npmis.cn/

3.笔记

与我们学习一门新的编程语言的思路一样,如果想要快速上手的话,我们不需要在刚开始学习的时候,就要弄清楚开发所需要的全部语
法、组件等。这样会耗费掉我们大量的时间,并且没有实例的支撑,学习起来会很抽象,导致后面很难坚持下去。
如果你有一些代码基础了,在我们刚开始学习 uniapp 时,建议先创建一个 uniapp 项目,先学习如何将项目运行起来,跟着课程一步步
的填充代码代码,并看到实时展现出来的效果,这样会让我们学习和开发的过程更有趣更高效。
如果之前没有代码基础,一开始只需要掌握 Vue.s 语法即可,其他相关的知识点我们可以边做项目边补充.

4.路线想法

1.大体了解Vue.js 语法;2022版VUE学习教学-B站
2.学习创建运行 uni-app 项目;
3.了解 uni-app 组件、路由等知识,开发过程中需要注意的是uni-app中对vue语法的兼容性,自己开发个小功能看看效果;
4.根据项目情况,继续补充 ES6、NPM 等知识;
项目打包并上线到各平台

  • 16
    点赞
  • 19
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

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

余额充值