問題總結21 01 25至21 01 31

2022-06-18 05:57:10 字數 1854 閱讀 6893

⭐js動態生成table

1

<

table

class

="table table-hover"

id="tablebox"

>

2<

tr>

3<

td class

="active"

>使用者名稱

td>

4<

td class

="warning"

>編輯

td>5tr

>

6table

>

1

⭐react概覽,介紹react不錯的**。

⭐react state&生命週期例子

1

class clock extends react.component ;5}

67componentdidmount()

1314

componentwillunmount()

1718

tick() );22}

2324

render() 32}

3334

reactdom.render(35,

36 document.getelementbyid('root')

37 );

1. 當 被傳給 reactdom.render()的時候,react 會呼叫 clock 元件的建構函式。因為 clock 需要顯示當前的時間,所以它會用乙個包含當前時間的物件來初始化 this.state。我們會在之後更新 state。

2. 之後 react 會呼叫元件的 render() 方法。這就是 react 確定該在頁面上展示什麼的方式。然後 react 更新 dom 來匹配 clock 渲染的輸出。

3. 當 clock 的輸出被插入到 dom 中後,react 就會呼叫 componentdidmount() 生命週期方法。在這個方法中,clock 元件向瀏覽器請求設定乙個計時器來每秒呼叫一次元件的 tick() 方法。

4. 瀏覽器每秒都會呼叫一次 tick() 方法。 在這方法之中,clock 元件會通過呼叫 setstate() 來計畫進行一次 ui 更新。得益於 setstate() 的呼叫,react 能夠知道 state 已經改變了,然後會重新呼叫 render() 方法來確定頁面上該顯示什麼。這一次,render() 方法中的 this.state.date 就不一樣了,如此以來就會渲染輸出更新過的時間。react 也會相應的更新 dom。

5. 一旦 clock 元件從 dom 中被移除,react 就會呼叫 componentwillunmount() 生命週期方法,這樣計時器就停止了。

⭐react中事件寫法

1. onclick= 與 this.handleclick = this.handleclick.bind(this, id) (e隱式傳遞)

2. handleclick = () => {}

3. onclick=(e顯示傳遞)

⭐react哲學,就是開始做專案之前的工作,挺重要的。

第一步:將設計好的ui劃分為元件層級。

第二步:用react建立乙個靜態版本。

第三步:確定ui state的最小且完整表示。

第四步:確定state放置的位置。

第五步:新增反向資料流。

⭐echarts柱狀**析

⭐react中false, null, undefined, true不會被渲染

1

<

div>

2

3div

>

僅當showheader為true時,才會渲染

2101 母牛的問題

題目描述 有一頭母牛,它每年年初生一頭小母牛。每頭小母牛從第四個年頭開始,每年年初也生一頭小母牛。請程式設計實現在第n年的時候,共有多少頭母牛?輸入輸入資料由多個測試例項組成,每個測試例項佔一行,包括乙個整數n 0輸出 對於每個測試例項,輸出在第n年的時候母牛的數量。每個輸出佔一行。樣例輸入24 5...

至2020 03 28信奧總結

最近的刷題量正常,基本上老師要求的都做出來了,但是稍微難一點的題目就沒什麼頭緒了。我也好久沒有動過刷題記錄表,因為有文化課這種棘手的課程之後,完全沒有了時間和精力搞信奧,況且家長是不允許在休閒時間過度做與信奧有關的事情的。名稱 理解程度 圖論最短路 50 樹形dp 70 區間dp 30 揹包 80 ...

mongodb取數至數倉總結

目的 使用mongoexport工具將mongo表資料抽到hive倉庫中 t 1 並進行初步清洗 遇到的問題 1 抽數的科學記數法問題 2 json格式巢狀導致列錯亂的問題 通常做法 1 使用如下命令將資料匯出csv格式 source etc profile mongoexport host xx ...