(一): 小程序简介及框架介绍:

主要介绍一下小程序的现状,及使用的相应框架,具体开发流程需要慢慢摸索,原生开发估计不会很难,使用框架的也一样,类似于Vue的也只是有的特性相关 ,都是需要慢慢的摸索.

其实我写的这些东西 小程序官方文档里面都有 但是每个人的理解不一样 写完会理解的好一点更成体系 所以遇到问题还是去看官方文档 习惯的官方文档就好了

1.原生文件目录展示:

2.小程序开发框架的展示:

啥意思呢就是 本身开发大部分会用原生的, 但是也是有框架的,比如凹凸实验室的taro,使用之后可以直接生成多端的框架

1.原生开发：
我们需要全新学习小程序的抒写格式，目前版本模板中支持 slot，但是不支持 npm 包。原生不支持 css 预处理器，但是 vsCode 中 Easy WXLESS 插件可以将 less 文件自动转换为 wxss 文件；

2.wepy：
腾讯自己开发类vue规范的wepy，需要熟悉 vue 和 wepy 两种语法，支持 slot 组件内容分发插槽，支持 npm 包，支持 css 预处理器；

3.mpvue：
美团开发近vue写法的mpvue，需要熟悉 vue ，目前版本（v1.0.13）不支持 slot ，支持 npm 包，支持 css 预处理器

4.Taro ：
O2实验室刚推出的遵循React规范的Taro。采用React语法标准，支持 JSX 书写，让代码更具表现性，Taro暂不支持直接渲染children。

2.1框架的应用状态管理

1.原生开发：
没有提供原生的应用状态管理方式，但是可以将 redux or mobx 引入到项目中。
小程序原生提供了一种声明使用全局变量，具体写法可查看官网文件作用域。

2.wepy：
可以将 redux or mobx 引入到项目中。

3.mpvue：
可以直接使用 vuex 做应用状态管理，在用mpvue初始化时可以选择是否需要vuex.

4.Taro ：
支持redux，对于不那么大的应用也提供了全局变量的解决方式，redux引入和全局变量解决方式，具体可以查看官网-使用redux，官网-最佳实践。

3.小程序原生使用的UI框架：

官方的weui WeUI 是一套同微信原生视觉体验一致的基础样式库，由微信官方设计团队为微信内网页和微信小程序量身设计，令用户的使用感知更加统一。小程序开发中最常用到的一款框架
https://weui.io/ click me

iView Weapp 提供了与 iView 一致的 UI 和尽可能相同的接口名称，大幅度降低了学习成本，是一套高质量的微信小程序 UI 组件库。
https://weapp.iviewui.com/ click me

Vant 的小程序的框架 和 Vue的手机端框架 功能比较全
https://youzan.github.io/vant-weapp/#/home click me

4. 参考链接:

https://www.jianshu.com/p/dfb8c00d1057 简书小程序框架简介

https://github.com/qixiuss/wxapp-redux-starter 他人搭建的demo wxapp-redux-starter

https://jelly.jd.com/article/5c2dea3517b02c004733147d Trao的简介

https://juejin.cn/post/6844903582697783310 Mpvue小程序转 Web 实践总结