frankfang/wheels

Create wheels in the dumbest way

Wheels

Create wheels in the dumbest way possible without any framework, pre-compilation, using the latest JS syntax, and without webpack, babel, SCSS, require, npm, and even semicolons!!! All the code is open source for easy reading.

Preview

Preview Link

How to Read the Source Code

From easy to difficult:

1. Tabs
   • JavaScript
   • HTML+CSS
2. Pager
   • JavaScript
   • HTML+CSS
3. FullPage
   • JavaScript
   • HTML+CSS
4. Calendar
   • JavaScript
   • HTML+CSS
5. Image Picker
   • JavaScript
   • HTML+CSS
   • Backend
6. Date Library
   • JavaScript
7. DOM Library
   • JavaScript
8. BOM Library
   • JavaScript

How to Run

1. git clone https://github.com/FrankFang/wheels.git
2. cd wheels
3. Open index.html in a browser.

Future Wheels to Be Built

• Image Placeholder
• Image Lazy Loading
• Custom Template
• Pull-to-Refresh
• Typeahead
• Form Validation
• Dialog
• Carousel

wheels's Issues

fullpage

在安卓手机浏览器失效

加上农历与节假日就更好了

如果再加上农历与节假日就更好了。

除了Full Page组件其他都没有办法在safari运行

是因为safari不支持es6吗？

分页器

预览：https://frankfang.github.io/wheels/demos/pager.html
源码：https://github.com/FrankFang/wheels/blob/master/lib/pager/index.js

Pager中的分页器改变URL好像有点问题？

点击下面的分页器之后的URL变成了“https://frankfang.github.io/wheels/demos/pager.html?&page=6”，应该是“https://frankfang.github.io/wheels/demos/pager.html?page=6”吧，“page=6”之前应该没有“&”

FullPage 组件在 mac 下滚动会出现连续滚动两页的情况

mac 下滚动有惯性，会导致滚动事件被连续多次执行， transitionend 钩子执行之后再次触发滚动

希望能有个关于"拖动"的轮子

下个轮子：图片上传

将使用七牛的后台 API

大哥

加点注释

加上农历与节假日就更好了

表单验证组件

下周完成一个灵活的表单验证组件

在dom index.js文件里面的every方法疑问

every里面的回调fn去call的时候最后一个参数i是不是多余了，因为我看上面的uniqueClass在调用every的时候回调函数里面就只有一个参数

有些看不明白..

学习下..
dom是document吗,
还有触发的事件是啥..

pager的js部分逻辑有个bug

在生成列表dom那一部分的逻辑有问题,你试试设置 buttonCount: 11,currentPage: 25,totalPage: 50,这样会生成12个按钮,而不是11个.

添加「代码理解难度」

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

关于空格和缩进问题

我会保证缩进的正确。
但是空格我不在意。
显然多一个空格或者少一个空格对代码的意义没有任何影响，而错误的缩进会误导人。

如果你这么在意冒号前的空格，就用自动格式化工具格式化一下吧。

这个项目没有 lint 检查，也不会有任何工程化的东西。我是用基本没有任何插件的 vim 来编辑这个项目的，如果你让我去在意空格，这会很影响我的思路。

而且空格对于代码阅读，也基本没有阻碍（除了处女座）。

我的观点（不一定对）：

1. 纠结空格，很无聊。
2. 打倒强迫症。

如果你们都觉得不舒服，那我发布之前跑一个自动加空格的脚本吧。

一个日历

预览：https://frankfang.github.io/wheels/demos/calendar.html

能不能加点注释或者详解思路之类的