【微信小程序】小程序学习重点一览，学习倾向早知道

一、前言

    很多人在学习小程序的时候，跟着课程和书籍学习，对于教学者来说肯定想要毫无遗漏的把所有知识点都讲到，但是这之间的重要程度可能不一定能直观的表示出来，以我项目开发的经验，我总结了一个表格和一些时间问题，用来检测和熟知大家的基础，重要程度仅是个人观点，希望大家相互交流

二、重要程度表

一，重点合集

知识点	重要程度
1.基本文件结构	★★★★★
2.各类数据的声明	★★★★★
3.数据绑定与数据更新	★★★★★
4.Wxml样式设计	★★
5.条件渲染和列表渲染	★★★
6.事件机制	★★★★★
7.组件的自定义数据属性	★
8.页面和小程序的生命周期函数	★★★
9.组件的简单使用	★★★★
10.页面自身事件处理函数	★★★
11.数据的本地存储与获取	看情况
12.跨页面数据的传递	★★★★

二，重点说明

    看到上方表格第11项是本地数据其实重要程度两极分化。首先可以明确，小程序的重点是事件机制和数据绑定，云开发的重点是数据库增删改查。显然，如果使用了云开发除了可以避免工程部署上的复杂性之外，还可以保证数据的存储方便和数据库的维护升级。
    这就是云开发的好处，微信本地数据只能提供5M的缓存，真的用起来一张图就没了，一个工程开局一张图后面全靠编肯定是不行的。本地数据更多存储的是用户的个性设置，然而现在很多项目也尽力把用户本地设置上传云端，保证多端可用。
    如果你不接触云开发，不学数据本地存储工程无法实施，如果你接触云开发，真的方便到不需要5M的缓存来存东西。

三、五天学习计划

day0.引导问题

    任务一：安装小程序运行环境
    参考链接: 运行环境官网下载地址.

    任务二：申请一个属于自己的小程序

    选择个人即可，18岁以上免费的
参考链接: 小程序注册流程.

    任务三：熟悉小程序文件结构
    一共四种类型文件，在书里面看大家找得到吗

    任务四：清空页面
    新建的项目会有登录等等页面显示，要求整个页面之间清空，对应的js页面也没有东西，只保留最基础的不会导致项目报错的函数

    任务五：新建一个页面

day1.引导问题

    任务一：
    什么是生命周期？小程序生命周期和页面生命周期有什么不同？生命周期有什么作用？

    任务二：
    如何在页面居中显示“hello word”，如何使用组件直接显示，如何使用数据绑定显示数据？

    任务三：
    js文件中的data属性有什么作用？如何使用数据绑定自动更改页面显示的文字段？
提示：data 与 this.setData

    任务四：
    文件结构中那些对应视图层，那些对应逻辑层，请在逻辑层文件中声明一个队列，一个对象，一个对象队列。（上面三种有种不能为空，可以声明为含有值的数据结构）

    任务五：
    如何构建一个云开发的小程序，如何声明自己的云开发环境？

day2.引导问题

    任务一：
    逻辑层有if和for循环，视图层有没有的语句呢，创建一个队列，在视图层显示每一项。
    Tips：wx：for，wx：if常和block组件连用，追问，block组件和其他组件有什么不同

    任务二：
    事件是什么，视图层怎么定义事件，怎么定义事件的触发形式？视图层写一个按钮，触发事件在控制台上输出“hello word”
    参考链接: 小程序手册事件.

    任务三：
    可以熟练使用官方的手册吗？这次居中显示一张图片，然后图片下方显示文字，文字下方显示按钮。
    参考链接: 小程序手册.

    任务四：
    一个页面好定义，如何设置用户进入小程序的初始页面？

    任务五：
    组件和api可以分清吗，使用按钮触发一个api吧，wx.showToast用任务三的按钮触发一下。
    参考链接: 小程序手册api的使用.

day3.引导问题

    任务一：
    视图层组件怎么向逻辑层传递数据？
    提示：data-

    任务二：
    页面之间怎么传递数据？
    提示：超级简单，生命周期里面的东西

    任务三：
    怎么获取用户的openid呢？
    云开发的知识

    任务四：
    如何设置底部tab栏？

    任务五：
    使用swiper组件？

四、结语

    很多东西和技巧都需要上手之后才有效果，如果有更关心的知识点和教程，欢迎大家在评论区留下意见和建议。