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

1、echarts-map-demo

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

2、vue-hash-calendar

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

3、vConsole

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

4、 parsedown

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

5、Daily-Interview-Question

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

6、Karma

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