原创 JavaScript五十問——對比來說CSS的Grid與FlexBox(下篇)

前言 在上篇——JavaScript五十問——對比來說CSS的Grid與FlexBox(上篇),我介紹了Flex的屬性與使用,今天我們來總結一下Grid的具體使用方法,最後會結合Flex與Grid佈局講一講二者的聯繫與不同。 需要注意得是,

原创 JavaScript五十問——對比來說CSS的Grid與FlexBox(上篇)

前言 春節假期有幸拜讀了張鑫旭大大的關於Flex與Grid的兩篇文章(見參考文獻),很有收穫;自己在開發的過程中,很多時候都會採用Flex佈局,而Float與inline-box這種方式已經很少使用了;這次在春假期間學習了Grid,深感Gr

原创 記一次vue-webpack項目優化實踐

項目現狀 項目是一個數據監測平臺,引入了ehcart和three.js 負責項目的數據可視化;打包後,體積高達2.1M,這個體積相比於我的項目規模來說就顯得稍有笨重了 使用webpack-bundle-analyzer分析了一下各個文件所佔

原创 Javascript五十問——從源頭細說Webpack與Gulp

前言:Webpack 與 gulp是目前圈子內比較活躍的前端構建工具。網上有很多二者比較的文章,面試中也會經常遇到gulp,Webpack的區別這樣的問題。對於初學者來說,對這二者往往容易認識不清,今天,就從事件的源頭,說清楚Webpack