網頁佈局是css的一個重點應用。傳統的佈局都是依賴display、position、float屬性來實現的，但是特殊佈局就不易實現，如垂直居中。 01 flex佈局是什麼？ Flex 是 Flexible Box的簡寫，意為“彈性佈局”為盒模型提供最大靈活性。任何一個容器都可以指定為flex佈局。 採用flex佈局的元素，稱為flex容器。他的所有子元素自動成為容器成員，稱為flex項目，簡稱項
網頁佈局是css的一個重點應用。傳統的佈局都是依賴display、position、float屬性來實現的，但是特殊佈局就不易實現，如垂直居中。 flex佈局是什麼？ Flex 是 Flexible Box的簡寫，意為“彈性佈局”為盒模型提供最大靈活性。任何一個容器都可以指定為flex佈局。 採用flex佈局的元素，稱為flex容器。他的所有子元素自動成為容器成員，稱為flex項目，簡稱項目。
什麼是viewport ? viewport是用户網頁的可視區域，也可叫做視區。手機瀏覽器是把頁面放在一個虛擬的窗口(viewport)中，通常這個虛擬的窗口比屏幕寬，這樣就不用把網頁擠到很小的窗口中，用户可以通過平移和縮放來看網頁的不同部分。 下圖為常見一些設備瀏覽器默認viewport寬度： css中的1px不等於設備的1px 在css中經常使用px做單位，PC端瀏覽器中的1px往往都
上篇文章《ES6新增語法(五)——Promise詳解》我們介紹Promise，Promise一旦執行就無法暫停和取消，所以ES6引入了Generator函數，可以通過yield關鍵字，把函數的執行流程掛起，可以改變執行流程。 什麼是Generator函數？ Generator主要是異步編程，用來封裝異步任務，是一個異步任務的容器，可以讓函數按照我們指定的時候執行或者暫停。 使用語法： functi
ES6簡介 ES6是ECMAScript 6.0的簡稱，是javascript語言的下一代標準，已經在2015年6月正式發佈上線。目的就是為了統一javascript的語法標準，可以用來開發大型應用程序，稱為企業級開發語言。 ES6與JavaScript的關係: ES6是JavaScript的規範標準，JavaScript是ES6的一種實現。 變量/賦值 塊級作用域{} ES5中作用域
