Ecosyste.ms: Awesome
An open API service indexing awesome lists of open source software.
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
- 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 (8 months ago)
- Last Synced: 2024-10-21T12:12:19.070Z (25 days ago)
- Topics: css3, fullpage, html5, javascript, tabs
- Language: JavaScript
- Homepage: https://frankfang.github.io/wheels/
- Size: 109 KB
- Stars: 1,034
- Watchers: 99
- Forks: 193
- Open Issues: 12
-
Metadata Files:
- Readme: README.cn.md
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
- 轮播