在過(guò)去的幾年當(dāng)中，PHP 的推進(jìn)速度非常的快。在撰寫(xiě)本文的時(shí)候，PHP 7.4 剛剛進(jìn)入第一個(gè)的 Beta 階段。它在很多方面都有所改進(jìn)，比如引入了新的語(yǔ)法，性能有所提升，并且棄用了一些不夠好的功能。

接下來(lái)，我們將會(huì)更多地探討 PHP 的功能以及圍繞著它所存在的整個(gè)前端、開(kāi)發(fā)的生態(tài)。這次的前端工具合集，也大多是圍繞著它來(lái)選取的一些新的工具和代碼片段、軟件包以及相應(yīng)的框架，比如 Laravel 和 Vue.js。

下面我們仔細(xì)看看，都有哪些工具。

Vue Material

Vue Material 是一個(gè)符合 Google Material Design 設(shè)計(jì)規(guī)范以及 Vue.js 框架原則的的封裝器。從這個(gè)角度上來(lái)說(shuō)，Vue Material 當(dāng)中包含了 Material Design 組件，比如Card、Button、Datepicker、Dialog、Drawer 和 Forms 等。Vue Material 一次滿足你兩個(gè)愿望：符合 Material Design 的設(shè)計(jì)原則，又借助 Vue.js 來(lái)實(shí)現(xiàn)效果。

Google Autocomplete

其實(shí)看這個(gè)工具名字，已經(jīng)非常能夠說(shuō)明問(wèn)題了。這是一個(gè) Vue.js 組件，使用 Google 的自動(dòng)填充的 API 來(lái)實(shí)現(xiàn)功能。這組組件添加了附加的自定義元素，非常簡(jiǎn)單。

Vue Instant

這個(gè) Vue.js 組件讓你可以使用自動(dòng)推薦和建議的關(guān)鍵詞來(lái)填充表單。那么你可以將此組件和任何可以提供自動(dòng)建議和自動(dòng)輸入的 API 來(lái)協(xié)同，而不止是是 Google 的。比如，你可以將這個(gè)組件和 TheMovieDB API 結(jié)合到一起，自動(dòng)生成電影名稱的建議詞條。

Inkline

Inkline 可能是我見(jiàn)過(guò)的最有趣的 Vue.js 框架之一。Inkline 是一個(gè) UI 框架，能夠在網(wǎng)頁(yè)環(huán)境下生成一組常見(jiàn)的 UI 組件，無(wú)論是按鈕、表單還是導(dǎo)航。這使得我們可以快速創(chuàng)建可以運(yùn)行的原型，由于所有的組件都基于 Vue.js 框架來(lái)構(gòu)建，因此我們可以通過(guò) Vue.js API 來(lái)擴(kuò)展和自定義。

Vue Filepond

Vue Filepond 是一個(gè)非常實(shí)用的 Vue.js 組件，它可以生成一套帶有順滑上傳體驗(yàn)的界面。界面中會(huì)涉及到需要上傳的文件、目錄、本地 URL、遠(yuǎn)程 URL 和數(shù)據(jù) URL等。除此之外，它還具有內(nèi)置的圖片優(yōu)化器，因此還可以更快地上傳圖片。

這款組件是使用名為 Filepond 的 JS 庫(kù)構(gòu)建，因此你還可以添加許多其他的插件進(jìn)來(lái)，比如說(shuō)圖片編輯器、文件檢驗(yàn)器和多媒體預(yù)覽組件等等。

Vue Hotel Datepicker

這是一個(gè)為 Vue.js 所定制的日期選擇器。就如同它名字所標(biāo)識(shí)的，這個(gè)日期選擇器有非常具體的使用場(chǎng)景，它就是為酒店預(yù)訂而設(shè)計(jì)的。選擇你需要住的夜數(shù)，它會(huì)自動(dòng)幫你計(jì)算預(yù)訂的日期，并且它還可以自定義預(yù)訂和退房的規(guī)則，支持本地化的深度定制和自動(dòng)適配。

VueDS

VueDS 是一款使用 Vue.js 框架來(lái)定制 UI 設(shè)計(jì)系統(tǒng)的工具，這款工具提供了一套精心組織的工具、設(shè)計(jì)模式和實(shí)踐案例。你可以將它引入到團(tuán)隊(duì)的核心設(shè)計(jì)組件中，作為參考，或者作為輔助素材。這套設(shè)計(jì)系統(tǒng)當(dāng)中包含有顏色、尺寸、組件等不同的組成部分。

Vue Carousel 3D

在 Vue Carousel 3D 的幫助下，你可以生成帶有 3D 效果的輪播圖，就像在 macOS 中的 Cover Flow 一樣，非常容易實(shí)現(xiàn)，相應(yīng)迅速，并且支持滑動(dòng)手勢(shì)。你想添加一個(gè)與眾不同的輪播效果么？這個(gè)組件可能就是你想要的。

Vue Poll

Vue Poll 是一個(gè)基于 Vue.js 的投票組件。它的靈感來(lái)源于 Twitter 中的投票功能，現(xiàn)在你也可以在你的網(wǎng)站中輕松地添加一個(gè)。

PHP 7.4

正如同開(kāi)頭所提到的，PHP 7.4 即將發(fā)布，它目前仍然處于公開(kāi)測(cè)試階段，這篇文章涵蓋了絕大多數(shù)新的 PHP 7.4 中所包含的新功能和特性。

Twine

Twine 是一個(gè)用于在 PHP 中轉(zhuǎn)換字符串（純文本）的庫(kù)。它可以輕松地將純文本轉(zhuǎn)化為大小寫(xiě)敏感的內(nèi)容，比如 camelCase 和 snake_case , 讓編碼符合 base64 或者 HEX 等。

Laravel Persistent Config

這是給 Laravel 所提供的一套持續(xù)的擴(kuò)展，有了這個(gè)，你就可以輕松地在 Laravel 的 APP 中設(shè)置或者讀取配置，也可以將配置存儲(chǔ)在 PHP 數(shù)據(jù)庫(kù)文檔中。

PHPUnit Speedtrap

這是一個(gè)用來(lái)評(píng)估性能的 PHPUnit 拓展。當(dāng)它檢測(cè)到慢速測(cè)試的時(shí)候，會(huì)顯示有哪些文件的運(yùn)行緩慢，以及它們運(yùn)行了多長(zhǎng)時(shí)間。

Composer Semver

Semver 是 Composer 核心拓展的一部分，也可以在 PHP 應(yīng)用中單獨(dú)使用。這款擴(kuò)展適用于 Semver 規(guī)范，擴(kuò)展所提供的方法讓你可以根據(jù) Semver 規(guī)范輕松地進(jìn)行版本驗(yàn)證和版本對(duì)比。

Laravel Love

這是一個(gè)基于 Laravel 的拓展，功能類似于 Facebook 中的 Reaction 或者是 Twitter 中的點(diǎn)贊功能。這款拓展提供了相關(guān)的函數(shù)、設(shè)計(jì)系統(tǒng)以及相應(yīng)的 API，讓你可以更加便捷地在 Laravel 中實(shí)現(xiàn)。

Laravel Visits

Laravel Visits 是一個(gè)用來(lái)計(jì)算程序訪問(wèn)次數(shù)的拓展。這款拓展由 Redis 提供支持和訪問(wèn)記錄。它還提供了訪問(wèn)這些記錄的功能和方法，比如檢索最多訪問(wèn)、最多訪問(wèn)國(guó)家、特定時(shí)間段的訪問(wèn)，等等。

Eventy

Eventy 也是一款 Laravel 拓展，提供了類似 WordPress 中的 Action 和 Filter 的接口。如果你是從 WordPress 遷移過(guò)來(lái)，那么這個(gè)拓展讓你可以更快適應(yīng) Laravel。

Laravel GeoIP

這也是一個(gè)Laravel 拓展程序，你可以借助它來(lái)檢索用戶站點(diǎn)所處的地理位置。這些反饋出來(lái)的信息包括用戶 IP、貨幣、國(guó)家/地區(qū)等等。你可以將這款拓展設(shè)置成為獲取各種個(gè)數(shù)據(jù)的一個(gè)介質(zhì)，比如可以獲取 IP-API.com 以及 Maxmind 數(shù)據(jù)庫(kù)或者其他 API 的一個(gè)工具。

PHPUnit Pretty Result

這也是一個(gè) PHPUnit 的拓展應(yīng)用，它可以生成更加漂亮好看的報(bào)告信息，可以進(jìn)行單獨(dú)配置。比如你可以借助它將成功或者失敗之后推送信息中的圖標(biāo)換掉，也可以與 macOS 中名為 AnyBar 的應(yīng)用集成到一起，修改 macOS 菜單欄中的小圖標(biāo)，更換顏色，等等等等。

Exa

Exa CLI 能夠強(qiáng)化目錄列表，使用 Exa 可以在列出文件和目錄的同時(shí)，包含更加全面的信息，比如文件的修改日期，權(quán)限和 Git 狀態(tài)等等。最重要的是，它還可以顯示出子目錄下的內(nèi)容。