您好, 欢迎来到 !    登录 | 注册 | | 设为首页 | 收藏本站

uni-app学习路线与建议

对于个人开发者、创业公司来说是开发的神器,省去了很多开发成本。下面就给大家介绍一下怎么上手。

来看一下如何上手 ,下面的基础必须要掌握。

我们现在已经知道 是使用 Vue.js 语法,用来开发跨平台应用的前端框架。

没有接触过 Vue.js 的同学要先学习 Vue.js 语法,不过不用过于担心,很容易上手的。可以先拿出一两个小时的时间,大概了解一下 Vue.js 的语法。

Vue官方文档:

使用 框架,日常开发建议大家直接使用官方工具 HBuilder 创建项目就可以了。

官方工具非常好用,各类配置项很方便,可以帮助我们节省很多时间,跨平台项目也是用官方工具 HBuilder 直接。MAC电脑使用 HBuilder 会有点小 bug,记得要更新成 HBuilderX 版本,X 是 HBuilder 的下一代版本。

如果想要开发实际 项目,除了 Vue.js 语法学习以外,还要掌握以下知识点。

的 API 与 API 基本一致。掌握 API 对后面的开发很有帮助。

API 文档:

虽然说 可以用来开发跨平台应用,但是每个平台之间没有我们想象中的那么和谐。样式、支付接口都各有各的想法。大约有百分之10 的样式各平台之间是不兼容的。

这时候,我们就需要用到条件编译了,针对每一平台的特性去做适配,所以我们开发时,重点一定要注意每个平台对组件或接口的兼容性。

实例:

/*H5平台按钮红色,按钮蓝色*/
button {
  /* #ifdef H5 */
  background:red;
  /*  #endif  */

  /* #ifdef MP-WEIXIN */
  background:blue;
  /*  #endif  */
}

ES6 的全称是 ECMAScript 6,是 JavaScript 的版本。 了绝大部分 ES6 API,同时也 ES7 的 await/async。

我们需要掌握箭头、解构赋值、数组扩展、Promise、module 等知识点。

NPM 的全称是 Node Package Manager,翻译成就是 node 包管理器。安装 node.js 运行环境时会安装 npm, 使用 npm 安装第三方包,后面我们通过 npm 来下载安装 相关的软件包。

NPM 文档:

与我们学习一门新的编程语言的思路一样,如果想要上手的话,我们不需要在刚开始学习的时候,就要弄清楚开发所需要的全部语法、组件等。这样会耗费掉我们大量的时间,并且没有实例的支撑,学习起来会很抽象,导致后面很难坚持下去。

如果你有一些基础了,在我们刚开始学习 时,建议先创建 项目,先学习如何将项目运行起来,跟着课程一步步的填充,并看到实时展现出来的,这样会让我们学习和开发的过程更有趣更高效。

如果之前没有基础,一开始只需要掌握 Vue.js 语法即可,其他相关的知识点我们可以边做项目边补充。

下一节我们就要开始创建第项目了,记得跟着一起实操,开启我们的 学习之旅吧~

给大家总结了一下学习路线,我们课程也是根据这个路线来给大家讲解的,不过学习路线不是一成不变的,适合自己才是最好的,具体可以自己的情况做调整。

学习路线如下:

本节课程我们主要了解了如何入门 ,并了解了 的学习路线,后面的课程会根据本节课的学习路线帮助大家上手 。本节课程的需要掌握的重点如下:


联系我
置顶