fe awesome demos

fe-awesome-demos

vue-awesome-template https://github.com/BryanAdamss/vue-awesome-template；一個基於[email protected]的[email protected] 項目模板；集成各種常用組件、輪子、最佳實踐；新手友好?

此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 腳手架