在各行各業中，我們都得一直學習，無論你是編程新手還是經驗豐富的開發人員，了解新概念和新語言或是框架，才能跟上快速變化。當下前端開發可以說是一個比較火的職業，所以學習的人比較多，但是很多朋友在過程中都有些盲目，這樣會大大降低學習效率，也會打擊自己的學習熱情。接觸一些項目可以幫我們整理學習的知識點以及提高編程能力，最重要的是提高自己的項目經驗，以下6個項目拿去練練手吧。

1、echarts-map-demo

前端開發者經常會用地圖視圖來做一些熱力圖效果之類的東西，而用地圖就難免需要獲取 geoJson 文件，找起來實在很麻煩，這個開源項目就解決了大家找 geoJson 文件的痛點。它通過地圖 API 獲取實時最新的 geojson 數據，擺脫 geojson 文件數據過期的煩惱。省市區縣下鉆。實現真正的下鉆至縣級，而不是只到市級。亦可下載最新 geojson 數據。

2、vue-hash-calendar

這個開源項目是移動端日期時間選擇插件。支持兩種模式：月模式，左右滑動切換月份;周模式，左右滑動切換周。它是基于 vue 2.X 開發的日歷組件，支持手勢滑動操作，原生 js 開發，沒引入第三方庫。

3、vConsole

這是一個輕量、可拓展、針對手機網頁的前端開發者調試面板。一般在 web 應用開發過程中，可以用 console.log 去輸出一些信息，但是在移動端console.log 的信息是看不到的。vConsole可以幫助我們解決這個問題，當然也可以選擇使用 alert，不過比較麻煩，也會阻斷 js 事件循環，調試體驗和效率都很差。

4、 parsedown

這是一個小而美的 PHP 的 Markdown 解析庫。它提供了標準 Markdown 文本轉化成 HTML 字符串功能，而且擁有良好的文檔。主文件只有一個，除了 PHP 版本限制必須高于 5.3 外幾乎無依賴，可以通過 composer 引入，也可以直接使用 Parsedown.php 文件。這個項目中使用大量正則表達式，所以你可以把它當做學習正則表達式的示例，還有完整的單元測試

5、Daily-Interview-Question

有沒有想跳槽的朋友，這個項目很適合你，每天搞定一道前端大廠面試題，有很多人參與回答，內容也很新，可以作為每日突擊的學習，天天進步，三個月后一定會更上一層樓，看到不一樣的自己。

6、Karma

它可以自動化完成單元測試，允許你在多個瀏覽器里執行js代碼。讓你的TDD變得簡單，快速，有趣。