All Projects → FrankFang → Wheels

FrankFang / Wheels

笨办法造轮子

Programming Languages

javascript
184084 projects - #8 most used programming language

Projects that are alternatives of or similar to Wheels

Idm221
Drexel IDM Web Authoring I
Stars: ✭ 25 (-97.52%)
Mutual labels:  html5, css3
Lofi Player
🎧 A Lofi Player built with HTML, CSS and Javascript using Parcel as Module Bundler https://lakscastro.github.io/lofi-player
Stars: ✭ 38 (-96.23%)
Mutual labels:  html5, css3
Online Bling
Stars: ✭ 9 (-99.11%)
Mutual labels:  html5, css3
Cmui
自写的自适应跨平台css3框架,可应用于web、app、小程序
Stars: ✭ 17 (-98.31%)
Mutual labels:  html5, css3
E Commerce 2 django
Guest register, user register, user login, user logout, account home page, product view history, change password, reset password, change name, send activation email when register, resend activation email, add shipping address, add billing address, add nickname to the addresses, edit shipping address, edit billing address, view list of your addresses, reuse shipping addresses when order products, reuse billing addresses when ordeer products, show sales analytics if staff or admin only using -chart.js-, get analytics data with Ajax, receive marketing email, change if user will receive marketing email or not by admin, send contact message with Ajax, products list, product detail, download product detail as a PDF file, download digital product files -if the user purchased that digital product only-, orders list, list of digital products files, order detail, download order detail as a PDF file, verify order ownership with Ajax -to secure order detail page-, show cart products, add or remove product from cart, checkout page, thanks page when order placed successfully, add or reuse payment method, add or reuse payment method with Ajax, search products by title, search products by description, search products by price, search products by tag title, write tags for products -by admin only-, auto fill contact email, full name if user logged in.
Stars: ✭ 20 (-98.01%)
Mutual labels:  html5, css3
Gaintime
GainTime é um framework de HTML, CSS e JS para desenvolvimento de projetos responsivos, focado na simplicidade.
Stars: ✭ 19 (-98.11%)
Mutual labels:  html5, css3
Microzz.github.io
💻https://microzz.com IT技术分享
Stars: ✭ 29 (-97.12%)
Mutual labels:  html5, css3
Vue Music Player
🎵Vue.js写一个音乐播放器+📖One(一个).A music player + One by Vue.js
Stars: ✭ 729 (-27.61%)
Mutual labels:  html5, css3
Spring Mvc Thymeleaf Crud
Spring MVC CRUD Application with Thymeleaf, HTML5, CSS3 and Bootstrap
Stars: ✭ 14 (-98.61%)
Mutual labels:  html5, css3
Bootstrap
Open Source JS plugins
Stars: ✭ 13 (-98.71%)
Mutual labels:  html5, css3
Website Templates
150+ Website Templates
Stars: ✭ 802 (-20.36%)
Mutual labels:  html5, css3
Awesome Web Components
🤖 Awesome web components and snippets for every Front-End Developer
Stars: ✭ 28 (-97.22%)
Mutual labels:  html5, css3
Demo Progressive Web App
🎉 A demo for progressive web application with features like offline, push notifications, background sync etc,
Stars: ✭ 798 (-20.75%)
Mutual labels:  html5, css3
Techgames
TechGames is a complete gaming news portal to stay on top of everything in the gaming world.
Stars: ✭ 23 (-97.72%)
Mutual labels:  html5, css3
Modern Html Starter Template
Modern HTML Starter Template
Stars: ✭ 752 (-25.32%)
Mutual labels:  html5, css3
Vue Qq
🎨 Vue family bucket with socket.io and express/koa2 , create a web version of mobile QQ, supporting real-time group chat, real-time private chat, special care, shielding chat, smart IP geographic location, real-time display temperature and other QQ core functions
Stars: ✭ 861 (-14.5%)
Mutual labels:  html5, css3
Front End Daily Challenges
As of October 2020, 170+ works have been accomplished, challenge yourself each day!
Stars: ✭ 598 (-40.62%)
Mutual labels:  html5, css3
Driveway
pure CSS masonry layouts
Stars: ✭ 607 (-39.72%)
Mutual labels:  html5, css3
Repo Made For Frontend Devs Mohitverma
#Repo i made for people and newcomers ,strugging on web to learn new skills and be updated regarding Frontend development
Stars: ✭ 12 (-98.81%)
Mutual labels:  html5, css3
Masterportfolio
🔥 The Complete Customizable Software Developer Portfolio Template which lets you showcase your work and provides each and every detail about you as Software Developer.
Stars: ✭ 913 (-9.33%)
Mutual labels:  html5, css3

轮子

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

  • 没有 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
  • 轮播
Note that the project description data, including the texts, logos, images, and/or trademarks, for each open source project belongs to its rightful owner. If you wish to add or remove any projects, please contact us at [email protected].