• Stars
    star
    1,036
  • Rank 44,478 (Top 0.9 %)
  • Language
    JavaScript
  • Created over 7 years ago
  • Updated over 1 year ago

Reviews

There are no reviews yet. Be the first to send feedback to the community and the maintainers!

Repository Details

笨办法造轮子

轮子

不用任何框架、预编译,用最笨的办法造轮子。

  • 没有 webpack、没有 babel、没有 SCSS、没有 require、没有 npm,而且没有分号!!!
  • 使用最新 JS 语法编写
  • 所有代码开源,方便阅读

预览

https://frankfang.github.io/wheels/

如何阅读源代码

由易到难:

  1. Tabs 的源码
    1. JavaScript
    2. HTML+CSS
  2. Pager 的源码
    1. JavaScript
    2. HTML+CSS
  3. FullPage 的源码
    1. JavaScript
    2. HTML+CSS
  4. Calendar 的源码
    1. JavaScript
    2. HTML+CSS
  5. 图片上传的源码
    1. JavaScript
    2. HTML+CSS
    3. 后台
  6. Date 库的源码
    1. JavaScript
  7. DOM 库的源码
    1. JavaScript
  8. BOM 库的源码
    1. JavaScript

运行

  1. git clone https://github.com/FrankFang/wheels.git
  2. cd wheels
  3. 用浏览器打开 index.html

后续要做的轮子

  • 图片占位符
  • 图片懒加载
  • 自制 template
  • 下拉刷新
  • Typeahead
  • 表单验证
  • Dialog
  • 轮播

More Repositories

1

best-chinese-front-end-blogs

收集优质的中文前端博客
3,863
star
2

gulu

轱辘,面向源码阅读者的 UI 框架
HTML
646
star
3

fack

Fack: A prolonged way of saying "f*ck" when you are busted in an awkward/uncomfortable situation.
JavaScript
106
star
4

synk

JavaScript
105
star
5

oh-my-docker

Shell
78
star
6

gulp-html-extend

Extend your html files
JavaScript
66
star
7

githublog

A blog
64
star
8

nodejs-test

JavaScript
59
star
9

gulu-for-vue3

一个面向学习者的 UI 框架
Vue
51
star
10

oh-my-env-1

Dockerfile
42
star
11

make-a-pikachu

预览链接:
JavaScript
38
star
12

fIHOZKRf4eu9

33
star
13

dot-files

Shell
24
star
14

wtf-blog

这也能算一个博客系统?
CSS
23
star
15

wtf-slides

这也能算一个 PPT 系统?!
CSS
17
star
16

frankfang.com

frankfang.com
CSS
14
star
17

cv-2020

预览地址:
HTML
14
star
18

gulu-design-resources

预览
13
star
19

micro-frontend-starter

TypeScript
12
star
20

163-music-2018

仿网易云音乐,包含管理端(admin 页面)
JavaScript
10
star
21

canvas-demo-2017

手机画板
JavaScript
10
star
22

GEIUHH6wQRwj

Vue
8
star
23

PRoSroG

TypeScript
8
star
24

calendar

A calendar
JavaScript
8
star
25

animating-resume

预览地址:
JavaScript
7
star
26

nav-demo

预览:
HTML
6
star
27

nav-1

点击预览:
CSS
6
star
28

synk-demo-6

JavaScript
5
star
29

chrome-app-rssly

yet another rss reader
JavaScript
5
star
30

Get-D2-2015-Ticket

Get D2 2015 Ticket - Designer & Developer Frontend Technology Forum
5
star
31

NetEaseMusic

用 vw (或 REM)做的界面
HTML
5
star
32

bvM2PY

TypeScript
5
star
33

data-structure-1

JavaScript
5
star
34

sign-in-demo

JavaScript
4
star
35

cv-1

会动的代码,点击预览 →
JavaScript
4
star
36

mvc-demo-1

JavaScript
4
star
37

WAxM06FAtLXQ

Vue
4
star
38

qjVPO7f89org

Vue
4
star
39

gobook

TypeScript
4
star
40

ajax-1

JavaScript
4
star
41

ts-react-demo-2

HTML
4
star
42

mvc-demo-2

JavaScript
4
star
43

iYLyTNaZmLRi

Vue
4
star
44

kuayu-1

JavaScript
4
star
45

oh-my-docker-m1

Shell
3
star
46

vue-roadmap

预览:
HTML
3
star
47

vim

VIM config on Windows
Vim Script
3
star
48

WgGRGvfAVyp5

TypeScript
3
star
49

ts-vue-demo-1

Vue
3
star
50

slides-demo-2

预览:
JavaScript
3
star
51

wtf-weekly

JavaScript
3
star
52

LWxzO1srBMPJ

JavaScript
3
star
53

static-server-2

JavaScript
3
star
54

morney-test-vue-echarts

Vue
3
star
55

3iw2WJa

TypeScript
3
star
56

morney-react-1

JavaScript
2
star
57

8pPES5Jg7mjh

2
star
58

blog

HTML
2
star
59

mangosteen-fe-3

TypeScript
2
star
60

UU85n20nnISV

TypeScript
2
star
61

5wYFQeLGpka4

Vue
2
star
62

XLn4Pf

TypeScript
2
star
63

promise-2

TypeScript
2
star
64

hJS1Ra

TypeScript
2
star
65

dom-demo-1

JavaScript
2
star
66

node-todo-2

JavaScript
2
star
67

frank-test-5

JavaScript
2
star
68

morney-react-tags

JavaScript
2
star
69

resume-15-5

预览
HTML
2
star
70

2018-react-demo-1

预览地址:
JavaScript
2
star
71

TGePcO

TypeScript
2
star
72

westore-react-1

点击预览:
JavaScript
2
star
73

l3xHutO

TypeScript
2
star
74

redux-demos

JavaScript
2
star
75

pikachu-2

JavaScript
2
star
76

dom-2-prototype

HTML
2
star
77

frank-test-6

预览 ->
TypeScript
2
star
78

webpack-demo-3

JavaScript
2
star
79

promise-test

TypeScript
2
star
80

mvc-demo-zbxl

JavaScript
2
star
81

morney-live-money-1

Vue
2
star
82

deepClone

JavaScript
2
star
83

morney-live-1

Vue
2
star
84

morney-live-svg

Vue
2
star
85

j3x2

TypeScript
2
star
86

morney-rails-2

Ruby
2
star
87

nextjs-typeorm-show-posts

TypeScript
2
star
88

2018-react-demo-2

JavaScript
2
star
89

to2vk9

TypeScript
2
star
90

web-perf-node-demo-1

JavaScript
2
star
91

mvc-demo-nY5i

JavaScript
2
star
92

HFHznhsghqne

Vue
2
star
93

mvc-demo-Q7os

JavaScript
2
star
94

MQhjd1d

Ruby
2
star
95

bind

JavaScript
2
star
96

source-eventhub

视频讲解链接
TypeScript
2
star
97

ts-react-demo-3

HTML
1
star
98

ke

HTML
1
star
99

morney-react-42

JavaScript
1
star
100

morney-react-tag

JavaScript
1
star