zoukankan      html  css  js  c++  java
  • 微信小程序前端框架/UI组件

    前言

        刚开始写bolg,尝试记录一些日常。
        无意找了个很好看的小程序UI组件库:ColorUI github

        之前做的小程序小工具都是使用原生的自己编码的,难免会有东拼西凑的地方,正好这段时间有空,准备花点时间找一个较好的小程序组件库或者框架,来提示开发效率,以及能提高逼格- -

    准备

        百度了一堆,结果如下:

    • 组件库
    1. 有赞UI组件库:vant webapp github
      适用商城类,简单的需求用这个也不错
    2. 蘑菇街UI组件库:MinUI github
      挺好看的,但是搜出来使用这个的不多,可能我姿势不对吧
    3. TalkingData UI组件库:iView webapp github
      组件多...
    4. Wux WeApp UI组件库:Wux WeApp github
      好像是个人开发的,效果也不错,有日历手风琴等
    5. 京东 UI组件库:Taro-UI github
      结合taro框架用react开发方式的,不适合
    6. ColorUI UI组件库:ColorUI github
      直接添加class即可实现效果,视觉效果很棒。
    • 前端框架
    1. 美团点评:mpvue github
      使用 Vue.js 开发小程序的前端框架。框架基于 Vue.js 核心,mpvue 修改了 Vue.js 的 runtime 和 compiler 实现,使其可以运行在小程序环境中,从而为小程序开发引入了整套 Vue.js 开发体验。
    2. 京东:Taro github
      多端统一开发框架,支持用 React 的开发方式编写一次代码,生成能运行在微信小程序、H5、React Native 等的应用
    3. 腾讯:WePY github
      接近于 Vue.js
    4. WeTouch:Touch WX 文档
    • 小结
      框架:京东的是 React 方式编码,其他多数是vue方式。不考虑框架,因为都没用过,耗时多- -
      UI组件:看了issue和考虑大厂使用,选用vant webapp、iView webapp

        前前后后花了2,3天时间了解微信小程序的组件库和前端框架,本来准备使用mpvue的,但基于开源时间不是很长,自己不熟悉vue.js,怕自己爬不出坑放弃了,还是选择UI组件库。因为懒,选了组件较多的iView webapp,还有一个原因就是iview还有iview admin后台框架,万一哪天能用上呢~
        准备使用的是后台框架ASPNET MVC5.0+EASYUI+EF+WEBAPI,小程序前端选择iView webapp。当然还有好看的Color UI

    开始

        上面基本上都会用到npm;而且由于微信小程序写法也类似vue,加上选择的iView是基于vue.js的UI组件库,iView webapp使用方式与iView基本一致,所以还要学习了解一下vue.js。就这样准备使用iView webapp前,再研究研究node.js和vue.js咯,毕竟是奔着学习来的。

        网上找了一个文章,感觉不错,大致浏览,了解即可,毕竟这次目的是小程序。node.js入门


        写完本文后,因项目原因需要开发移动端项目,iView只有PC端,只能转到vant这个UI组件了。PC端需求较少,目前工作主要还是移动端和小程序项目。——2018-11-7

  • 相关阅读:
    Ubuntu中设置永久的DNS
    Ubuntu上OpenStack DashBoard主题修改的方案
    OpenStack 控制台不能不能访问的问题
    树莓派2试玩
    SharpMap V1.1 For Web教程系列之——地图展示
    剑指offer12 矩阵中的路径
    flex布局中关键词整理
    浏览器缓存 强缓存 协商缓存整理
    二叉搜索树中第K小的元素
    leetcode cs-notes-树(一)【js】
  • 原文地址:https://www.cnblogs.com/jonezzz/p/9856197.html
Copyright © 2011-2022 走看看