原创 flex子元素超過父元素寬度時,子元素寬度被壓縮
問題描述: 在使用flex佈局時,左邊的div寬度爲父元素的百分之80%,右邊button寬度固定,但是最終結果時div和button的實際寬度都被壓縮了。具體代碼如下: <div class="parent"> <div
原创 React16—— Context API
背景介紹 假設有以下組件結構,並且只有D組件會用到A組件內的數據,那麼就需要將props傳遞很多層,這樣不僅書寫起來很繁瑣同時還會爲夾在中間的組件引入不必要的 props <A> <B> <C> <D />
原创 React16—— Portals
背景介紹 想象一下現在有圖1所示的組件結構,並且D組件是相對於A組件定位的。通常有兩種解決方式:
原创 React16—— New render return type/Error Boundaries
New render return type React16之前,組件必須return時必須被一個父元素(例如div)所包裹起來,這樣有時就會有增加冗餘的dom結構(有講究的前端怎麼能忍)。 於是React16便提供幾種新的返回類
原创 npm publish 402&403
最近使用npm發佈包時遇到402和403錯誤,其中403錯誤又分爲兩種,分別記錄一下。 一、403錯誤: 1、第一種情況: 這時需要檢查npm源是否是http://registry.npmjs.org/,是否登錄成功(npm login
原创 全局安裝eslint時遇到的問題
在某個項目中使用eslint --fix時報瞭如下錯: 但其實在項目中已經安裝了'eslint-config-airbnb'這個模塊。 這個問題出現的原因就是使用全局eslint時尋找的也是全局的模塊。有以下兩種方法解決: 1.全局安裝
原创 flex中元素超過容器width時解決方法
問題描述: 在使用flex佈局時,左邊的div寬度爲父元素的百分之80%,右邊button寬度固定,但是最終結果時div和button的實際寬度都被壓縮了。具體代碼如下: <div class="parent"> <div
原创 理解mobx @computed、autorun、get函數
第一篇博客記錄一下剛工作時思考的問題。 1.首先看第一個例子: const number = observable(10); const plus = computed(() => number.get() > 0); autorun