原生:
- 橙券-首页页面 : 一个简单的静态页面,没有
js
- BankList-Web : 基于原生
js
的交互式网页 - Bankist-App : 基于原生
js
的交互式应用 - MusicPlayer :
video
-> 音乐播放器demo
- clock : 时钟 UI
- border-use-pie-charts : border属性的研究和饼图的多种绘制
- music_visualizing : 音乐可视化
设计模式和编程思想:
- components-packaging : 从轮播图谈组件封装
- behaviorMode : 行为模式应用 >> 图片预览和选择
- watcher : 监听属性改变 >> 数据驱动UI(响应式数据绑定)
布局和组件:
- WaterfallLayout : 瀑布流布局
- grid-pic :
grid background-size background-position
-> 网格图片 - img_move :
js
实现鼠标点击拖拽 - Pull : 原生
JS
实现下拉刷新、上拉加载
canvas 和 animaton:
- animation_sun :
animation
-> 太阳与地球 - mouse_chase :
canvas
-> 鼠标跟随 - canvas_sun :
canvas
-> 太阳、地球和月亮转动 - physics_ball :
canvas
-> 一个小球的自由落体的运动 - scratch_card :
canvas
-> 刮刮乐小游戏 - website_background :
canvas
-> 网页背景:随机粒子 - Slideshow :
animation
-> 卡片自动轮播(3D) - fadein : 常用动画实现技巧
结合第三方库:
- Stars : 基于
threejs
建立的一个宇宙星辰 demo - Mapty-App : 基于
leaflet.js
的地图交互式应用 - emoji_Parallax : 结合
Parallax.js
构建的 emoji 交互demo
React 相关:
- react-timer-demo : 模拟抢购倒计时及提交处理
Vue 相关:
- todolist : 使用
vue2
基础组件化定义的一个案例 - sum : 使用
vue2 + vuex@3
基础组件化定义的一个案例 - githubUserSearch : 使用
vue2 + axios/vue-resource
基础组件化定义的一个案例