是什么 4代表4種不同的抽象層級(jí)，展示不同粒度的系統(tǒng)架構(gòu)圖 干什么 在業(yè)務(wù)架構(gòu)確定情況下，可視化軟件架構(gòu) 哪四層 level1 Context diagramlevel2 ...
發(fā)簡信
IP屬地：陜西
-
-
React測試相關(guān)
最近在寫業(yè)務(wù)代碼測試時(shí)候，對(duì)如何寫規(guī)范的測試產(chǎn)生了興趣，下面是一點(diǎn)學(xué)習(xí)心得。 React組件測試 React組件的測試，選擇的測試工具一般是官方測試工具庫和Enzyme。Re...
-
react的一些總結(jié)
什么時(shí)候自定義Hook？ 當(dāng)多個(gè)組件之間有一些公共的邏輯，可以將他們抽取成自定義的Hook，Hook本質(zhì)是自定義的函數(shù)。 自定義Hook的一些tips 自定義的hook必須以...
-
React中虛擬DOM和Diff策略
一些概念 DOM: Document of model, 瀏覽器中的概念，用JS對(duì)象表示頁面上的元素，并提供了操作DOM對(duì)象的API。 React中的虛擬DOM: 是框架中...
-
React effect hooks各種使用場景
react rendering原理 舉個(gè)栗子 以上程序，react是這樣渲染的。 每一次渲染中，count的值是固定的，在每一次更新狀態(tài)引起的渲染中，count值獨(dú)立于其他的...
-
React是如何工作的(1)
一些概念 宿主樹：一棵會(huì)隨時(shí)間變化的樹，它是react程序輸出的。樹具體是什么樣子呢，是一棵DOM樹，或者JSON對(duì)象等等，其他類型比如ios視圖層，web不涉及，暫時(shí)不做深...
-
git中常用的一些命令
git diff 比較區(qū)別1，當(dāng)工作區(qū)有改動(dòng)的時(shí)候，臨時(shí)區(qū)為空（沒有進(jìn)行g(shù)it add），那么diff的對(duì)比是和上次的commit的記錄進(jìn)行對(duì)比的。2，當(dāng)工作區(qū)有改動(dòng)，臨時(shí)區(qū)...
-
使用Intellij時(shí)常用的快捷鍵
選中文件夾，alt + insert : 新建一個(gè)類的快捷鍵Alt + Enter(mac) / Alt + Enter(windows/Linux)：關(guān)于紅色報(bào)錯(cuò)，智能提...
-
使用Source Map來還原打包后代碼真實(shí)的出錯(cuò)位置
部署前端之前，開發(fā)者通常會(huì)對(duì)代碼進(jìn)行打包壓縮，這樣可以減少代碼大小，從而有效提高訪問速度。然而，壓縮代碼的報(bào)錯(cuò)信息是很難Debug的，因?yàn)樗男刑?hào)和列號(hào)已經(jīng)失真。這時(shí)就需要S...
-
基于React.js構(gòu)建購物系統(tǒng)(前端部分一)
React.js的編程思想 1.virtural dom + 單向數(shù)據(jù)綁定使得React的渲染和響應(yīng)較快。2.組件化的開發(fā)思路。將UI上每一個(gè)功能相對(duì)獨(dú)立的模塊抽象成一個(gè)組件...
-
React.js的編程思想(九)
在我們看來，React 是 JavaScript 構(gòu)建大型，高性能 Web 應(yīng)用的首選。在 Facebook 和 Instagram 中都能很好的應(yīng)用。 React 中許多重...
