對于前端而言，技術(shù)的快速發(fā)展和工具的逐步更新對實際的開發(fā)工作產(chǎn)生了巨大的影響。服務框架的微小改進可能會使整個開發(fā)速度向前邁進一步，新工具的誕生可能會使某個鏈接更快地進展。微軟，蘋果和谷歌等大公司都在為底層開發(fā)工具和編程語言做出貢獻，從根本上改變了我們今天所面臨的整個數(shù)字世界。

在本期前端干貨中，我們將看到許多基本服務和工具的變化和增強。一些看似微不足道的改進是未來向前發(fā)展的機會。

接下來，讓我們來看看這些干貨有什么。

基本圖像優(yōu)化

這是Addy Osmani關(guān)于Web圖像優(yōu)化和處理的文章。它非常詳細，涵蓋了背后的主要技術(shù)和科學知識。它還推薦了幾種有用的工具。

PHP 7.2

這是新PHP 7.2的參考手冊。除了新PHP程序的性能更改和功能更新之外，還清楚地說明了已撤銷的舊功能。

在PHP 7.2中，有兩個函數(shù)將被觸發(fā)，create_function（）和__autoload（）。如果您是開發(fā)人員，請務必注意這一點。例如，許多Wordpress插件使用這兩個函數(shù)。如果您更新PHP 7.2，這些插件將失效。請注意。

Web Share API

說實話，我真的不認為有人會開發(fā)這個API。我們在網(wǎng)絡上分享了超過一半的行為，通過此API，開發(fā)人員可以更輕松地構(gòu)建共享服務，尤其是在移動平臺上。此API目前僅適用于桌面版和Android版Google Chrome，應逐步擴展。

圖像異步屬性

這是影響Web技術(shù)開發(fā)的另一項創(chuàng)新，即img元素的異步屬性。本文介紹了異步加載圖像的方法以及涉及JavaScript的一些技巧。

Firefox Quantum

Mozilla一直致力于Firefox瀏覽器更新，今天我們看到代號為Project Quantum，這意味著Firefox的下一次更新。 Firefox Quantum包括一個名為Quantum CSS的新CSS渲染引擎，一個新UI和一個新的DevTools。

適用于iOS和Android的MS Edge

微軟剛剛宣布其自己的Edge瀏覽器已經(jīng)發(fā)布了Android和iOS版本，這意味著你有另一個用于測試網(wǎng)站的移動瀏覽器。

古滕貝格

該項目名為Gutenberg，基于WordPress，開發(fā)人員使用Javascript編寫幾乎完整的WordPress編輯器。

Gutenberg目前用React編寫，項目團隊正在考慮使用另一個框架進行編寫，例如Preact或Vue。

FoitFout

FoitFout是一個方便的工具，用于比較兩種稱為FOIT和FOUT的方法，以在網(wǎng)頁上加載自定義字體。使用此工具可以幫助您更好地確定適合您網(wǎng)站的方法。

Vuera

Vuera是一個JS庫，允許您同時使用Vue和React，使用React中的Vue和Vue組件中的React組件。

可拖動

Draggable是Shopify的一個有趣的圖書館。它建立在支持瀏覽器的API之上。您可以輕松地將其應用于其他地方，甚至可以編寫自定義模塊來擴展它。 。

FlowchartJS

顧名思義，F(xiàn)lowshartJS是一個用于構(gòu)建類似PPT級別的JS庫，您可以在其上創(chuàng)建各種形狀的圖形。

前端清單

用于構(gòu)建HTML頁面的列表基于多年的經(jīng)驗。此列表涵蓋了網(wǎng)頁設計的一些基本策略和技術(shù)，例如頁眉，CSS，JS，可訪問性和SEO。

QuickBill

這是一個用于創(chuàng)建發(fā)票的輕量級Web應用程序。

Mocka

Mocka是一種在創(chuàng)建網(wǎng)站原型時生成內(nèi)容占位符的工具。它只有500個字節(jié)，但功能非常強大，您可以使用Sass mixin將其輕松地包含在CSS文件中。為了創(chuàng)建不同的多媒體占位符，它提供了許多CSS類。

VueStar

VueStar是一個Vue組件，用于生成圖標閃爍效果，類似于Twitter喜歡的效果。

網(wǎng)格游樂場

Grid Playground是一個基于Mozilla的程序，用于測試和推廣CSS Grid，即使Firefox的新DevTools包含相應的網(wǎng)格布局工具。

代碼段管理器

Snippet Manager是一個用于存儲和管理代碼的簡單應用程序。

IBM Plex

這是IBM設計的一系列新字體，稱為IBM Plex，已經(jīng)整合到IBM自己的樣式指南中。涵蓋的三種字體是serif，non-serif和monospaced字體。 。

選項卡式界面

以下是如何使用JS創(chuàng)建漸進且易于訪問的標簽導航系統(tǒng)，這對于想要了解輔助功能設計的開發(fā)人員來說是一個很好的資源。

SwissInCSS

SwissinCSS展示了如何使用純CSS來構(gòu)建經(jīng)典的瑞士海報設計。源代碼在CodePen中可用。

« 如何選擇一個可靠的網(wǎng)站建設公司 | Glory 10GT打開Android 9.0公測版，5000花粉抓住第一品質(zhì)享受生活 »