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

1、echarts-map-demo

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

2、vue-hash-calendar

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

3、vConsole

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

4、 parsedown

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

5、Daily-Interview-Question

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

6、Karma

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