suoyuesmile / wheel

Frontend Wheel Set

Frontend Whee

OverView

This project mainly consists of two parts：

1. Implement some key and commonly used JS API as the laboratory for developers to build wheels
2. Collect common and mature front-end libraries as the treasure house of production environment

Why do it?

Implementing API is the best way to learn programming. The front end is no exception. For many important JS APIs or components, only by writing their core code can we have a deeper understanding of their principles and use them freely.

What can you do?

1. Learn source code
2. Practice regular JS API implementation
3. Use some small demo to test implemented programs such as debounce
4. Share your idea, Make New Wheel
5. As an interview exercise

List of Contents

JavaScipt

• ajax
• axios
• apply
• bind
• call
• class
• copy-shadow
• copy-deep
• currying
• debounce
• flat
• instanceof
• new
• promise
• sleep

CSS

• bfc
• hairline
• flexbox
• make-icon
• skin

component

• button
• cell
• panel
• input
• popup
• dialog

framework-base

• parser
• transfrom
• compile
• observe

framework-mini

• webpack
• vue
• vuex
• router
• vite

Get Started

1. clone repo & cd dir

git clone https://github.com/suoyuesmile/wheel.git

2. install vscode node & run

3. run practice

4. test case

Contribution

How to Pull Request?

Study Source Code

How to read source?

How to debug code?

How to make wheels?

Search Resource

Avoid repeated manufacturing of wheels