zoukankan      html  css  js  c++  java
  • (一): 小程序简介及框架介绍:

    主要介绍一下小程序的现状,及使用的相应框架,具体开发流程需要慢慢摸索,原生开发估计不会很难,使用框架的也一样,类似于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 实践总结

    咫尺远近却无法靠近的那个你,才敢让你发觉你并不孤寂
  • 相关阅读:
    62-函数的调用
    40-字符串类型内置方法
    47-Python进阶小结
    44-集合的内置方法
    45-数据类型分类
    43-字典类型内置方法
    42-元组类型内置方法
    41-列表类型内置方法
    es6 Reflect对象详解
    微信小程序之公共组件写法
  • 原文地址:https://www.cnblogs.com/tcz1018/p/14676646.html
Copyright © 2011-2022 走看看