極樂前端周報 ( 第一期 )

02-04

前言：

某天中午陽光正好，小編在食堂吃飯，吃的是好吃的五穀魚粉～味道鮮美，魚肉順滑可口，一切都都是那麼的自然那麼的美好。就在這一切都那麼的 Feeling Good 的時候，同樣一個美好的想法油然而生，嗯嗯～為了世界和平，為了響應黨和國家的號召，為了推動互聯網行業發展，為了更好的實現富強，民主，文明...社會價值觀，為了早日脫單...等等等。

小編決定做一個大家現在看到的，這樣美好的周刊，它整合前端行業新聞，技術以及最新資訊等等等。

總之呢，希望對大家有所幫助，當然啦，如果你有好的意見或建議可以通過評論或者私信告知小編，小編會悉心聽取改進，呵呵～

好的，那麼我們開始吧～

1. New in Chrome 57 （ Chrome 57中的新功能）

Chrome 57 增加對 display: grid 的支持 ( CSS 網格布局 ) ;
新的 Media Session API ;
付款請求API 更新 ;
可以使用 caret-color 屬性指定文本輸入游標顏色 ;
可以使用新 text-decoration 屬性指定視覺效果，如線條顏色和樣式 ;
API Response 類現在支持 .redirected 屬性，幫助避免了不可信的響應 ;
所有-webkit-前綴的 IndexedDB 全局別名在M38中被刪除 ;
新的 padStart 和 padEnd 格式化方法，簡化字元串填充。

查看詳細

2. Getting to know CSS Grid Layout ( 了解CSS網格布局 )

CSS Grid Layout是CSS為布局新增的一個模塊。網格布局特性主要是針對於Web應用程序的開發者。可以用這個模塊實現許多不同的布局。網路布局可以將應用程序分割成不同的空間，或者定義他們的大小、位置以及層級。

就像表格一樣，網格布局可以讓Web設計師根據元素按列或行對齊排列，但他和表格不同，網格布局沒有內容結構，從而使各種布局不可能與表格一樣。例如，一個網格布局中的子元素都可以定位自己的位置，這樣他們可以重疊和類似元素定位。想要玩轉CSS Grid Layout，就需要先了解網格給我們的一些新術語以及一些CSS屬性和值。

查看詳細－Getting to know CSS Grid Layout & CSS Grid布局：什麼是網格布局