Ecosyste.ms: Awesome

An open API service indexing awesome lists of open source software.

Awesome Lists | Featured Topics | Projects

https://github.com/frankfang/wheels

Create wheels in the dumbest way
https://github.com/frankfang/wheels

css3 fullpage html5 javascript tabs

Last synced: 17 days ago
JSON representation

Create wheels in the dumbest way

Awesome Lists containing this project

README

        

# 轮子

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

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

# 预览

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

# 如何阅读源代码

由易到难:

0. Tabs 的源码
1. [JavaScript](https://github.com/FrankFang/wheels/blob/master/lib/tabs/index.js)
2. [HTML+CSS](https://github.com/FrankFang/wheels/blob/master/demos/tabs.html)
0. Pager 的源码
1. [JavaScript](https://github.com/FrankFang/wheels/blob/master/lib/pager/index.js)
2. [HTML+CSS](https://github.com/FrankFang/wheels/blob/master/demos/pager.html)
0. FullPage 的源码
1. [JavaScript](https://github.com/FrankFang/wheels/blob/master/lib/fullpage/index.js)
2. [HTML+CSS](https://github.com/FrankFang/wheels/blob/master/demos/fullpage.html)
0. Calendar 的源码
1. [JavaScript](https://github.com/FrankFang/wheels/blob/master/lib/calendar/index.js)
2. [HTML+CSS](https://github.com/FrankFang/wheels/blob/master/demos/calendar.html)
0. 图片上传的源码
1. [JavaScript](https://github.com/FrankFang/wheels/blob/master/lib/image-picker/index.js)
2. [HTML+CSS](https://github.com/FrankFang/wheels/blob/master/demos/image-picker.html)
3. [后台](https://github.com/FrankFang/image/blob/master/server.js)
0. Date 库的源码
1. [JavaScript](https://github.com/FrankFang/wheels/blob/master/lib/date2/index.js)
0. DOM 库的源码
1. [JavaScript](https://github.com/FrankFang/wheels/blob/master/lib/dom/index.js)
0. BOM 库的源码
1. [JavaScript](https://github.com/FrankFang/wheels/blob/master/lib/bom/index.js)

# 运行

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

# 后续要做的轮子

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