/wheels

笨办法造轮子

Primary LanguageJavaScript

轮子

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

  • 没有 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
  • 轮播