fe-awesome-demos

此 repo 保存了学习前端时积累的一些demo案例，绝大部都带有详细注释，对新手入门有很大帮助； 如果您喜欢此 repo，欢迎star、fork

目录介绍(由易入难)

DaNei

• 早期看 Danei 教程的一些 demo
• 重要点的
  • jQuery 插件
  • jQuery 插件开发最佳实践
  • 让 jQuery 插件支持 AMD、CMD、CommonJs 规范
  • 尺寸位置大小总结

Dmd

• 常用代码段相关 demo(demo 较少...懒)

MiaoV

• 妙 V 教程一些 demo(demo 较少...懒)

Zns

• 智能社教程相关 demo

CssSecrets

• CssSecrets 书籍的 demo
• 在线演示可以查看此链接

Plugins

• 自己模仿造的一些简单轮子
• 重要点的
  • jQuery 插件模板
  • 倒计时
  • 拖拽
  • 本地分页器
  • jsonp 实现
  • 移动端手势组件

Practice

• 一些练习 demo
• 重要点的
  • requestAnimationFrame 使用总结
  • 原生 js 模块化写法总结
  • Handlebars 模板引擎总结
  • 数据类型判断及存在性检测
    • 具体文章可参照这个链接
  • 兼容 amd 规范的 js 插件模板
  • 兼容 amd 规范的 jQuery 插件模板
  • 二十行实现一个模板引擎
  • flex 总结
  • flex 实例
  • 移动端相册查看组件 PhotoSwipe 使用总结
  • 移动端 fixed 定位、input 被遮挡解决方案总结
  • bootstrap-table 相关 API 总结
  • 自定义滚动条总结
  • des3 加密、解密总结
  • 常用地图坐标转换算法总结
  • 生成复合层demo

QA

• 面试中的高频基础考点
• 数组去重
  • 数组去重
  • 数组去重_第二项开始遍历
  • 数组去重_filter
  • 数组去重_es6
  • 数组去重_对象存放
  • 数组去重_先排序
• 深浅拷贝
  • 数组浅拷贝
  • 数组浅拷贝_slice
  • 数组浅拷贝_concat
  • 数组浅拷贝_es6
  • 对象浅拷贝
  • 对象浅拷贝_assign
  • 引用类型深拷贝
  • 引用类型深拷贝_JSON
  • 引用类型深拷贝_兼容
• 遍历方法总结
  • 数组遍历
    • 数组遍历方法比较
    • 是否改变原数组方法总结
  • 对象遍历
    • 对象的遍历总结
• 随机数
• 数组最小最大值
• DOM Ready
  • DOM 加载时机
  • ready 兼容处理
  • ready 终极处理

Canvas

• 慕课网 canvas 教程学习总结
• MDN canvas教程

AngularJs

• AngularJs 官方文档 demo 总结
• AngularJs 慕课网 demo 总结
• AngularJs 拉勾网实例
• AngularJs 小猫杯教程总结
• TodoMVC

Vue

• Vue 官网学习 demo 总结
  • 详情可查看此链接
• Vue 音乐 App 实例
• VueCli 详细注释总结

Webpack

• Webpack 官网学习 demo 总结
  • 详情可查看此链接
• Webpack 多页面实践总结
  • 详情可查看此链接
  • 相关 repoWebpackTemplate

Sjms

• 设计模式学习 demo 总结
• 常用模式
  • 通用的惰性单例
  • JS 中的策略模式
  • 支持先发布再订阅、并提供命名空间的观察者模式

其他

• 个人博客
• 一个 pc、移动端项目脚手架
• webpack 多页面脚手架
• Vue 脚手架