寫一手漂亮的js react篇

2021-09-14 04:00:07 字數 1828 閱讀 1701

哈哈,又是我,廢話不多說,直接看**

既然react是元件化的,那麼相同的**,我不會寫第二遍

不在dom結構中夾雜太多js邏輯

'可讀性' 在我心裡永遠大於 '效能'(追求極致效能場景除外)

// bad

class demo extends react.component

componentdidmount() {}

componentwillmount() {}

}// good

class demo extends react.component

componentdidmount() {}

render() {}

}

// bad

{}} />

// goood

{}}/>

const someprops = 

// bad

// goood

// 當有些屬性不需要傳遞的時候

const = someprops

// bad

class demo extends react.component

render()

}// good

class demo extends react.component

render()

}

// bad

class demo extends react.component

}// good

class demo extends react.component = this.state

const = this.props

add(a + b)

respond()

}}

index沒辦法利用key來避免不必要的渲染

// bad

class demo extends react.component

))}}

// good

class demo extends react.component

))}}

影響閱讀

// bad

class demo extends react.component

}// good

const styles =

}class demo extends react.component

}

一定程度上能及時發現問題,當然更好的選擇是flow、ts

// bad

class demo extends react.component

// good

import proptypes from 'prop-types';

class demo extends react.component

}

首先它會影響閱讀

每次渲染會生成新的匿名函式,對子元件來說就是新的props,就會觸發再一次更新

當然,當函式只有一行的時候,我覺得也是可以這麼做的,從**簡潔性考慮

// bad

class demo extends react.component }>11)}}

// good

class demo extends react.component

render()

}

Python學習筆記 一手漂亮的Python函式

使用類和函式定義模型 函式是抽象和封裝的基本方法之一 重構函式 命名合理 具有單一功能 包含文件注釋 返回乙個值 不超過 50 行 冪等函式,盡可能是純函式 函式太長 重構 refactor 冪等函式 idempotent function 可測試性 可維護性 在函式程式設計中,如果函式是冪等函式且...

(一)手寫spring IOC容器

設計bean工廠介面 如何告訴他建立bean?建立什麼bean?bean工廠實現 畫完整uml類圖 編寫 測試總結 1.ioc是什麼?ioc inversion of control 控制反轉,也稱依賴倒置反轉。反 依賴物件的獲得權被反轉了,由自己建立,變為從ioc容器獲取,和自動注入。2.帶來什麼...

TensorFlow實戰(一)手寫數字識別

tensorflow實戰 第一章是基礎,沒什麼好看的,跳過出,第二章是說tensorflow和其他的模組,比如caffe等,caffe以前也說過,比較容易,但是配置比較麻煩 cpu的容易點,gpu比較麻煩 第三章 簡單說一下安裝吧,就行在命令列輸入 前提是你已經有python pip install...