2. 程式人生 > >Where there is a will there is a way

Where there is a will there is a way

阿新 • • 發佈：2019-01-12

前端開發的除錯方式

  1. 藉助以下外掛進行除錯。
    • Redux DevTools
    • React Developer Tools
    • React Perf
  2. F12 之後，在原始碼處打斷點。

Redux DevTools

  1. 安裝外掛
    • 以 qq 瀏覽器為例，搜尋：Redux DevTools
  2. 新增相應程式碼以支援在瀏覽器上使用 Redux DevTools 外掛。
    • 參考
    • 對於分支 react-redux，要加上 redux-devtools-extension，只需要作如下調整:
    // 將 window.__REDUX_DEVTOOLS_EXTENSION__ && window.__REDUX_DEVTOOLS_EXTENSION__() 作為 createStore 方法的第三個引數，如下：
const store = createStore(reducer, initValues, window.__REDUX_DEVTOOLS_EXTENSION__ && window.__REDUX_DEVTOOLS_EXTENSION__());
  3. 使用外掛
    • npm start 之後，在 chrome 或者 qq 瀏覽器，按 F12，點選【Redux】，可跟蹤 Action 以及 state 的變化。

React Developer Tools

  1. 安裝外掛
    • 以 qq 瀏覽器為例，搜尋：React Developer Tools
  2. 使用外掛

React Perf

效能外掛，具體使用可參考《深入淺出React和Redux》，P101-102，【4.6.3 工具應用】章節。

擴充套件閱讀

F12 之後，在原始碼處打斷點

可 F12 之後，點選【Sources】，在想要監控變數的地方打斷點，這種方式還是非常方便的。

相關推薦

Where there is a will there is a way

前端開發的除錯方式 藉助以下外掛進行除錯。 Redux DevTools React Developer Tools React Perf F12 之後，在原始碼處打斷點。 Redux DevTools 安裝外掛 以 qq 瀏覽器為例，搜尋：Re

[iOS] Is there a function to finish a UIviewcontroller like in android?

Not quite. In iOS land you have to more explicitly call viewController.dismissViewControllerAnimated(true, completion: nil) if your view controller is a m

Land is there, but I will build another Land

1、預備知識 定義樹（tree）的一種自然的方式是遞迴的方式。一棵樹使一些節點的集合。這個集合可以是空集；若不是空集，則樹由稱作根（root）的節點 r 以及 0 個或多個非空的（子）樹 T1，T2，T3，…，Tk 組成。這些子樹每一顆的根都被來自根 r 的一

a start job is running for Raise network interface (5min 3s)

interface network following running editing a start job is running for Raise network interface (5min 3s)Maybe it is a workaround but I could redu

Coursera Algorithms week4 基礎標簽表 練習測驗：Check if a binary tree is a BST

eth rmi tree eterm left div mine ont ret 題目原文： Given a binary tree where each ???????? contains a key, determine whether it is a binary

【maven】maven的web項目打包報錯：No compiler is provided in this environment. Perhaps you are running on a JRE rather than a JDK

應用 cga snapshot ace owin span ons sed sse 打包過程中報錯如下： No compiler is provided in this environment. Perhaps you are running on a JRE rather

JAVA基礎——is-a 、have-a、和 like-a的區別

就是 不同類 alike 不同 pc機 空調 面向 們的 合成 1、is-a，has-a，like-a是什麽 在面向對象設計的領域裏，有若幹種設計思路，主要有如下三種： is-a、has-a、like-a java中在類、接口、抽象類中有很多體現。 了解java看這裏：什麽

A start job is running for Raise network interface（5min 13s ）問題解決方法

vim system 分鐘 自動 路由器 通過 work ubunt timeout 我在筆記本電腦上安裝了Ubuntu 16.04，當我有局域網連接時，啟動ubuntu是很快的，當LAN電纜斷開時，需要大約5分鐘才能獲得登錄屏幕，這個實在是無法忍受。我的推測，且不一定準確

No compiler is provided in this environment. Perhaps you are running on a JRE rather than a JDK?

his all true .so java body program mpi .com (1)需要設置JDKWindows -> Perferences -> Java -> Installed JRES加入JDK 如：D:\Program Files\J

A secure connection is requiered(such as ssl). More information at http://service.mail.qq.com/cgi-bi

span QQ class inf orm socket SM secure tor javax.mail.AuthenticationFailedException: 530 Error: A secure connection is requiered(such as

Pytorch-Is it possible to forward a tensor through a model (only Variable works)?

array arrays 圖片 operation hat near aci efi HR In Pytorch 0.4, I can forward a tensor through a model which is the same as Variable. imp

No compiler is provided in this environment. Perhaps you are running on a JRE rather than a JDK? idea maven 打包報錯問題解決。

jdk dma pom test plugins vat ogr true 指定 mvn clean install -X -Dmaven.test.skip=true -P dev 打包報錯：No compiler is provided in this environm

Maven開源外掛(yuicompressor-maven)編譯報錯 A required class is missing:org.mozilla.javascript.ErrorReporter

 1.報錯現象                  這兩天遇到一個Maven外掛(JS壓縮)在公司Linux主機編譯出錯的問題，出錯內容

WebService客戶端出現A WebService annotation is not present on class: com.java1234.service.IUserService

去客戶端找你的類，注意看報錯 加上WebService註解 即可 附上webService建立過程 1.分別建立兩個專案，右鍵web service 2.webserviceClient  直接啟動  服務端  訪問wsdl即可 packa

maven install 報錯 No compiler is provided in this environment. Perhaps you are running on a JRE rather than a JDK?

1、控制檯列印資訊 [INFO] Scanning for projects... [INFO] [INFO] ---------------------< org.cqupt.mauger:Resource >---------------------- [INFO] Building Re

No compiler is provided in this environment . Perhaps you are running on a jre rather than a JDK?

背景：利用IDEA+maven構建一個非web的spring boot專案（Windows電腦下），程式碼完成時，使用mvn package打包報錯： No compiler is provided in this environment . Perhaps you are runni

一分30秒 kali 開機顯示 a start job is running for dev-disk 處理

在給kali虛擬機器擴容後，使用fdisk  /dev/sda  更改新建分割槽後，重啟系統出現一分30秒等待。 解決方案：    (root 許可權)  第一步：sudo blkid  （檢視當前系統的真實的swap分割槽的UU

QObject: Cannot create children for a parent that is in a different thread.

QObject: Cannot create children for a parent that is in a different thread. (Parent is QNetworkAccessManager(0x17d16c88), parent's thread is QThre

This is very likely to create a memory leak. Stack trace of thread錯誤分析

1、問題描述 啟動tomcat部署專案時，報This is very likely to create a memory leak. Stack trace of thread錯誤。 29-May-2018 12:30:09.322 SEVERE [localhos

Property referenced in indexed property path 'xxxx' is neither an array nor a List nor a Map; retur

今天做的一個全選向後臺傳遞資料的時候 報的錯，錯誤的意思是 該屬性是個陣列， 不是一個Map,List，然後我試著後臺用一個數組去接收，結果一樣是報錯 解決方法 $.ajax({ type : "POST", dataType : "json",