Giter VIP home page Giter VIP logo

component-library-guidedoc's Introduction

珠峰架构组件库开发指导文档

Build

文档地址:https://everest-architecture.github.io/component-library-guidedoc/

简介

​ 本文档目标是解决设计上的问题,提供组件库开发的一些思路,还有一些简易的实现,后面会再开仓库按照此指导文档来制作组件库。

​ 一个前端都有做自己组件库的梦想,但是能做出好用的组件库通常不是一个人能完成的,所以需要集合团体的力量与智慧去解决各种问题,同时也能在制作过程中获得提高。为此我开了个qq交流群(微信有时间限制,换二维码麻烦),群号603841408 ,希望一起学习交流进步。

​ 欢迎提issue和pr 一起学习进步。

计划

前面有需要修改的也可以进行修改,并不是过了就不能改了。组件方面不一定只做这些,也都可以修改。

  • 第一周:确立代码规范
  • 第二周:确立主题与主题色。
  • 第三周:确立排版
  • 第四周:确立全局变量,工具函数。
  • 第五周:确立文件夹结构,构建工具,打包配置。
  • 第六周:确立 Avatar、badge、button 样式与功能
  • 第七周:确立 Card、List、Popover 样式与功能
  • 第八周:确立 menu、table、pagenation 样式与功能
  • 第九周:确立 Form、radio、checkbox 样式与功能
  • 第十周:确立 inputNumber、input、select 样式与功能
  • 第十一周:确立 upload,switch,datepicker 样式与功能。
  • 第十二周:确立文档平台制作,cicd 配置。

已完成部分

第一周:

  • 代码规范方面简单写了下约定的东西。

第二周:

  • 花了些时间制作了主题,已经完全可以操作主题来改变颜色。
  • 主题的设计参考了很多资料,最终设计出这样的方案:

  • 细节可以参考代码。

欢迎加入交流群

  • qq群 603841408

opensourceqqgroup.png

component-library-guidedoc's People

Contributors

yehuozhili avatar zhangrenyang avatar

Watchers

 avatar  avatar

Forkers

ijdk

Recommend Projects

  • React photo React

    A declarative, efficient, and flexible JavaScript library for building user interfaces.

  • Vue.js photo Vue.js

    🖖 Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.

  • Typescript photo Typescript

    TypeScript is a superset of JavaScript that compiles to clean JavaScript output.

  • TensorFlow photo TensorFlow

    An Open Source Machine Learning Framework for Everyone

  • Django photo Django

    The Web framework for perfectionists with deadlines.

  • D3 photo D3

    Bring data to life with SVG, Canvas and HTML. 📊📈🎉

Recommend Topics

  • javascript

    JavaScript (JS) is a lightweight interpreted programming language with first-class functions.

  • web

    Some thing interesting about web. New door for the world.

  • server

    A server is a program made to process requests and deliver data to clients.

  • Machine learning

    Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.

  • Game

    Some thing interesting about game, make everyone happy.

Recommend Org

  • Facebook photo Facebook

    We are working to build community through open source technology. NB: members must have two-factor auth.

  • Microsoft photo Microsoft

    Open source projects and samples from Microsoft.

  • Google photo Google

    Google ❤️ Open Source for everyone.

  • D3 photo D3

    Data-Driven Documents codes.