原创 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