【用20%的时间学会80%】之uniapp入门

我本来想写一个详细的uniapp入门介绍的，但是想了一下，授人以鱼不如授人以渔，单纯的一篇uniapp介绍只能让你学会这个，但是掌握方法，可以举一反三

看看文档的结构

 很多同学觉得uniapp的文档看不清晰，是因为没有理清楚他的栏目的结构

你看哈，他分为一级，二级，三级栏目

一级是uni的产品大分类，有uniapp，unicloud（这个很牛，之后我也会用大白话讲出来，敬请关注），Hb就是编译器

---

我们选择uniapp，接着看二级栏目，这是咋说呢，这就是对uniapp的。。。哦对，就是从不同方面介绍uniapp，这样理解很到位

具体看哪些？

介绍部分，自己看看了解一下就行了

从“教程”开始看

我个人感觉哈   要学好一个东西，你首先对他有一个整体的了解，这样比较好，我们看看它的教程，介绍了哪几部分

    概念简介
    工程
    页面
    互相引用
    js 语法
    css 语法
    vue 语法
    ts/typescript 专题
    jsx/tsx 语法
    uts语法
    编译器（条件编译）
    web 专题
    App 专题
    小程序专题
    运行和调试
    高效开发技巧
    uni错误规范
    性能优化专题
    安全专题
    国际化专题
    暗黑主题

哦吼，有这些，知道这记住这个有啥用我告诉你哈，就是

你以后在遇到相对应的问题时，你可以知道，“哦！这个东西文档里有，我先去看看”

不用一有个啥不会就百度，问人，半天还得不到正确答案

 然后看看 “组件” ，因为我们写代码，就接触这块，要明白这组件和原生的有啥不同，他提供了哪些api，

这部分内容，我建议是通篇过一遍

就是过一下就行，大概知道他提供了哪些，写代码的时候，知道去哪里找文档，知道这个东西大概在哪里，好，我给大家罗列一下

    内置组件
        uni-app 组件
            视图容器
            基础内容
            表单组件
            路由与页面跳转
            媒体组件
            地图
            画布
            webview
            广告
            uniCloud-db云数据库
            页面属性配置节点
            基础组件中原生组件说明

我拿button为例子，给大家说一下，应该怎么看

 首先是这个组件有啥属性，他有一个详细的属性说明

这个过一眼就好

 这些还都是属性和值的介绍，不是新玩意

 

 接着往下翻，这里来到了事件介绍，一个组件嘛，除了属性，也有一些事件，

在阅读button的事件的同时，也可以了解到navigator组件和他怎么配合使用

所以，只要大致过一遍，就用20%的时间了解到了80%内容

总结

其他组件也是同样的方式，知道了这些，差不多就可以开始用uni写出来个东西玩玩了