https://github.com/FrankFang/wheels

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

css3 fullpage html5 javascript tabs

Last synced: 21 days ago
JSON representation

Create wheels in the dumbest way

• Host: GitHub
• URL: https://github.com/FrankFang/wheels
• Owner: FrankFang
• Created: 2017-03-19T02:46:07.000Z (over 7 years ago)
• Default Branch: master
• Last Pushed: 2024-03-21T01:28:59.000Z (9 months ago)
• Last Synced: 2024-11-12T10:11:55.821Z (30 days ago)
• Topics: css3, fullpage, html5, javascript, tabs
• Language: JavaScript
• Homepage: https://frankfang.github.io/wheels/
• Size: 109 KB
• Stars: 1,035
• Watchers: 99
• Forks: 193
• Open Issues: 12
• Metadata Files:
  • Readme: README.cn.md

Awesome Lists containing this project

• awesome-hacking-lists - FrankFang/wheels - Create wheels in the dumbest way (JavaScript)

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

- 轮播