原创 使用babel-plugin-import按需加載antd3組件，打包後文件還很大的問題。
最近項目中使用的UI組件庫，由antd2升級到了antd3，webpack打包邏輯不變，並且用了babel-plugin-import使組件按需加載。 但是打包後發現，打包後的文件還是很大，壓縮之後超過1M，最後查找原因發現： p
2020-07-02 18:16:18
1
原创 webpack配置環境變量解決“不是內部命令”問題
當我安裝了webpack，在命令行輸入webpack -v結果發生報錯，webpack不是內部命令，當時在往上找到了一個解決辦法。也真正解決了問題；方法如下： 1、安裝node； 2、如果你忘記了node的安裝目錄，沒關係，在
2020-07-02 17:12:51
原创 解決npm安裝bootstrap 4 報錯問題
在工作中遇到過這樣的問題，win7,64位系統，通過npm安裝bootstrap4報錯；在網上查了查，並沒有合適的解決辦法，所以決定自己寫一個； 1.首先在我的本地磁盤中新建了一個叫做bootstrap文件夾作爲項目根目錄；
2020-07-02 17:12:51
1
原创 windows下安裝Python
博主是在win7上安裝的python環境，極其簡單，主要分一下幾部： 1.登錄python官網：https://www.python.org，點擊Download下載python的版本； 2.下載寫來的是.exe包，直接傻瓜安裝
2020-07-02 17:12:51
1
原创 當多個使用同一個組件的時候，切換頁面地址，頁面不刷新的問題
如標題所說的問題，更詳細一點就是多個router使用同一個react頁面組件的時候，當切換路由的時候，頁面組件不重新構建，頁面也不刷新。 例如： router.js import Index from './routes/Inde
2020-07-02 17:12:40
1
原创 Promise實現圖片動態加載
一個基於es6的promise實現圖片動態加載。 function loadImageAsync(url) { return new Promise((resolve, reject)=>{ var ima
2020-02-22 00:59:57
原创 論React後臺管理系統開發模式
lz在公司用react開發後臺管理系統，大家都知道，後臺管理系統，最主要的是數據的處理與後臺的交互，實現支持App各種各樣的功能。 既然說到數據處理，那麼react的數據驅動和雙向綁定就發揮了很大的作用；另外react的事件監聽
2020-02-22 00:59:57
原创 選擇圖片不上傳，在頁面中顯示的功能。
在工作中有這樣的需求，在頁面中通過選擇圖片，不通過上傳服務器，並在頁面中顯示出來的功能；（雖說這樣做很變態，選擇完圖片上傳到服務器，通過返回的圖片地址去渲染圖片纔是正道，但是有些時候需求就是這樣，沒有辦法~）閒話到此，貼出代碼：
2020-02-22 00:59:57
1
原创 webpack配置開發環境（html-webpack-plugin、css-loader、less-loader、babel-loader）
這篇文章簡單的說一下前端構建工具——webpack； 在用過的前端構建工具Yeoman，grunt，gulp，webpack中，個人覺得從配置上、使用上，功能上講，還是webpack略勝一籌； 下面就簡單的說一下webpack
2020-02-22 00:59:57
原创 React直接渲染從後臺傳過來的標籤
在工作中使用react,遇到需要渲染從後臺獲取到的標籤語言，發現直接放在react中是不能解析標籤語言的。解決辦法如下： var content = '<strong>content</strong>';// 假設content是
2020-02-22 00:59:57
1
原创 ES7的async和await，目前最爲簡略的異步解決方案
隨着js的發展，在解決回調地獄問題的方案上，解決方案逐漸更新，有promise、generator和現在的async都是比較常見的； 1.Promise 這個解決方案就是把異步用同步的方式寫出來，一步一步的.then()方法,
2020-02-22 00:59:57
1
原创 VSCode插件整理
一、安裝插件 前端統一開發工具：VSCode插件整理。 首先，如果你不知道怎麼安裝編輯器插件，那麼請記住這個圖標： 二、插件推薦 1.（必備）Auto Close Tag:自動添加HTML/XML關閉標籤 https://code.
2018-11-14 07:51:53
原创 當多個<router />使用同一個組件的時候，切換頁面地址，頁面不刷新的問題
如標題所說的問題，更詳細一點就是多個router使用同一個react頁面組件的時候，當切換路由的時候，頁面組件不重新構建，頁面也不刷新。 例如： router.js import Index from './routes/Index/in
2018-09-03 11:57:45
原创 React服務端渲染（二）
4、如何做到前端路由和後端路由同步； 說到前後端路由同步，有個問題就又拋出來了，什麼是前後端路由同步？爲什麼要前後端路由同步？ 讓我們看看react-router中的hashhistory和browserHistory; hashHi
2018-09-03 11:57:45
原创 如何繞過chrome的彈窗攔截機制
在chrome的安全機制裏面，非用戶觸發的window.open方法，是會被攔截的。 例如事件觸發的js是不會被攔截的： var btn = $('#btn'); btn.click(function () { ... .
2018-09-03 11:57:45
1