Giter Club home page Giter Club logo

doge's Introduction

doge

DogeMan‘s home

引入路由

创建首页和文档页

设计组件

  1. 交互逻辑
    1. 确定一个UI组件的交互需求
  2. 设计组件基本要素
Attribute 给组件带来了声明式编程的能力 
config带来了全局能力
state带来了组件的内部状态的变化能力
event让我们能够在组件结构信息
lifeCycle使我们定义组件的方式
children让我们可以按照一个树形的结构描述一个复杂的界面
组件比较对象带来了。提供了这些部分的抽象能力
组件化近现代处理UI最好的方式,组件化使用什么去承载都可以  用一个函数或者一个类

  - state
    - activeIndex
  - property
    - loop time imgList autoplay color forward
  - attribute
    - 分析分析会不会与property一样。 startIndex(只用一次)loop time imgList autoplay color forward
  - children
    - 2
  - event
    - change click hover swipe resize
  - method
    next() prev() goto()
    play() stop()
  - config
    - useRAF
    - UsesetInterval(tick, 16)
    - userTimeout

这些都是准备工作,大前提是你写出来的组件一定要好用

写代码步骤

  • 写 HTML
  • 写 CSS
  • 写 JS
  • 测试
  • 改写代码
  • 再测试
  • 改写代码
  • ...
  • 循环往复

目标:

pc端管理后台组件库(vue3.0)

需求:

  1. 确定owner(项目经理)
    • 主要是项目进度跟踪,过程把控,人员沟通
  2. 拉群(狗头人UI库分群)
    • 用于我们项目架构风格,迭代更新,任务派发等沟通交流
  3. 定义开发规范
    • 这个算是我们UI组件的基本标准,进行codereview的原则
  4. 落地基本组件(比较基础的)
    • 建群之后讨论出来,分派任务去开发
  5. 项目工程化
    • 达到可npm install标准即可
  6. 项目顾问 标准:能够给与值得参考有价值的意见

人员要求:

要有责任心和担当 愿意沟通和耐心接受issue

能得到:

属于自己的开源UI库 一个面试的时候应该是硬通货,搞的好可以商业化,给其他企业使用 参与的越多收货就越多。

doge's People

Contributors

zelixag avatar

Watchers

James Cloos avatar

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.