之前分享過用webpack快速搭建啟動一個localhost訪問靜態資源，其實node還提供了一個更簡單的外掛http-server。
http-server是一個簡單的零配置的命令列http伺服器，非常簡單而且非常強大。
安裝：npm install http-server -g
使用：在某個目錄下啟動：http-server
比如我在我的G盤啟動
-p修改埠訪問:http-server -p 8085
-o自動開啟伺服器http-server -o
其他的可以自己試一下，我改使用地址和啟動HTTPS都有問題，估計跟服務原理有點關係。
參考地址：www.npmjs.com/package/htt…
iPhone X剛出來的時候，還是造成了一些小轟動，對於前端來說，也就是底部這一塊比較頭疼。實現相容的方法很多，有些還蠻複雜的。尤其是剛出來的時候，移動端定位在最底部的被iPhone X的主按鍵遮擋了。
最近需要相容這個iPhone X，於是公司大佬提供了一個文件：
本著學習的心態忍者看了一遍，原諒自己的英語水平，確實還是看不懂，最後只看懂了使用方法。幸好IOS不像安卓這麼複雜和碎片化，IOS提供的標準能快速都在IOS裡面實現。
新增meta標籤：
constant(safe-area-inset-bottom);
env(safe-area-inset-bottom);
簡單理解就是，safe-area-inset-bottom是iPhone X底部按鈕遮擋頁面元素的時候會等於多出來的34px。
比如你一個fixed元素，bottom: 0,你想要相容就直接：
bottom: constant(safe-area-inset-bottom);
bottom: env(safe-area-inset-bottom);
如果你需要計算：
bottom: calc(1.306667rem + constant(safe-area-inset-bottom));
bottom: calc(1.306667rem + env(safe-area-inset-bottom));
可以理解為，不是iPhone X constant(safe-area-inset-bottom)等於0，是的話就是34px。文件裡面只有env,大佬說一些低版本可能需要用到constant。
其實現在還有一個是JS的相容方法，可以新增不同的判斷，不只是iPhone X，但是用起來稍顯複雜，還有一個就是第一次重新整理的時候是無效的，必須滾動一下，因為這個外掛是監聽滾動實現。
Coding 個人筆記