原创 leaflet集成google map搜索、支持顯示菜單功能（支持回車選中第一項，自定義菜單）
我之前參與過一個與地圖展示相關的項目，是在react項目中使用leaflet實現的，當時項目中集成了地形、衛星、交通等圖層，加入了一些停車場、交通信號燈等數據信息。當時項目中使用的是react-leaflet，但是我們知道leaflet有
2020-06-21 04:41:55
27
原创 前端性能優化之js代碼壓縮（http請求裏出現的一個5.5M的js包）
我在《記一次有點兒複雜的streamsets與自己開發模塊集成的過程》裏介紹過將streamsets集成到自己項目裏的做法，開放出去之後不久就被吐槽頁面加載太慢了。因爲開發時都是在本地測試，基本都是瞬間加載出來，沒有特別關注加載性能問題，
2020-06-21 02:27:42
1
原创 leaflet集成google map搜索、支持顯示菜單功能的使用及demo
在《leaflet集成google map搜索、支持顯示菜單功能（支持回車選中第一項，自定義菜單）》中簡單介紹了爲實現支持回車選中第一項，自定義菜單功能對Leaflet-gplaces-autocomplete的修改和React封裝，並沒
2020-06-21 02:27:42
11
原创 使用antd form開發支持動態增減表單項，可選有初始值組件的一種實現方式（三）
以前我寫過《使用antd form開發支持動態增減表單項，可選有初始值組件的一種實現方式》，介紹了一種使用antd form開發支持動態增減表單項的實現方式，爲了方便維護和調試，最近抽時間寫了一個簡單的demo放在了github上，地址爲
2020-06-21 02:27:42
1
原创 CodeMirror:Uncaught TypeError codeMirrorInstance.fromTextArea is not a function
之前在《CodeMirror實現關鍵詞高亮及自定義主題》中簡單介紹過react-codeMirror的使用和主題的自定義方式，最近在另外一個webpack打包的React項目中再次使用時遇到題目中比較奇怪的問題，請教了兩位同事，終於解決了
2020-06-07 18:03:09
原创 React開發中需要注意的幾點內容
1、 所有 React 組件都必須是純函數，並禁止修改其自身 props 。 2、 正確地使用State（狀態）。 state(狀態) 更新可能是異步的，用setState() 代替； state(狀態) 更新可能是異步的；
2020-06-07 18:03:09
原创 mobx系列(五)-Mobx常見問題及解決方案（1）Mobx使用嚴格模式
mobx在嚴格模式下，不允許在 action 外更改任何狀態。但是不同版本嚴格模式的用法不同，3.x、4.x、5.x三個版本下的嚴格模式用法。 1、[email protected]：useStrict(boolean) 2、[email protected]：config
2020-06-07 18:03:09
原创 CodeMirror實現自定義提示功能增強版（支持搜索、調用接口查詢提示內容）
之前在《CodeMirror實現自定義提示功能》中介紹過CodeMirror實現自定義提示功能的一種實現方式，但是之前的實現有一些侷限性，主要是：1、需要提示的內容是從variablePool中讀取的，需要先確定variablePool；
2020-06-07 18:03:09
1
原创 CodeMirror基本使用及實現關鍵詞高亮、自定義主題
CodeMirror是一款在線的支持語法高亮的代碼編輯器，現在已有封裝的react版本（react-codemirror）可以直接使用。Codemirror資源文件中，lib下是放的是核心庫和核心css，mode下放的是各種支持語言的語法
2020-06-07 18:03:09
43
原创 mobx系列(三)-在React中使用Mobx
Mobx提供了一個mobx-react包幫助開發者方便地在React中使用Mobx，mobx-react中有observer、Provider、inject幾個常用的api。在《mobx系列(二)-mobx主要概念》中我們已經介紹過obs
2020-06-07 18:03:09
原创 推薦一款Chrome讀寫cookie的插件（edit this cookie）
我們在開發調試中有時候會遇到需要查看、修改或添加cookie的情況，這裏推薦針對chrome瀏覽器的一個很好的cookie管理器-edit this cookie。 在chrome網上應用店或者通過其它方法安裝edit this cook
2019-09-02 15:07:50
1
原创 leaflet集成google map搜索功能（支持回車選中第一項，自定義菜單）
我之前參與過一個與地圖展示相關的項目，是在react項目中使用leaflet實現的，當時項目中集成了地形、衛星、交通等圖層，加入了一些停車場、交通信號燈等數據信息。當時項目中使用的是react-leaflet，但是我們知道leaflet有
2019-06-29 15:21:37
23
原创 mobx系列(五)-Mobx常見問題及解決方案（2）observable state更新後組件不主動更新問題
在《mobx系列(二)-mobx主要概念》中解釋過mobx對什麼作出反應，如果對這一部分內容理解不清楚，開發中經常會遇到store中狀態更新了，但是組件沒有重新渲染的問題。本文簡單列舉幾種情況及解決方法。 1、緩存observables
2019-05-01 01:06:28
23