摘要:有趣的是,實際上并沒有將事件附加到子節點本身。將使用單個事件監聽器監聽頂層的所有事件。這對于性能是有好處的,這也意味著在更新時,不需要擔心跟蹤事件監聽器。
?,調用 setState 之后React內部發生了什么?
將傳遞給setState的對象和當前對象合并,將觸發和解過程,react構建一個新的react樹,并且進行diff對比,在絕對必要的情況觸發組件渲染。
參考:https://blog.csdn.net/fuohua/...
?,React Component(組件) vs React Element(元素)區別是什么
Element是React 中最小基本單位,是普通對象。
const element =I"m element//就是一個element
而組件是類或者函數。
參考:https://segmentfault.com/a/11...
?,受控組件和非受控組件是什么意思
受控組件是React控制的組件,也是表單數據的唯一真理來源;非可控組件指是表單數據由 DOM 處理,而不是您的 React 組件處理的組件,比如:
//我們使用 refs 來完成這個 class UnControlledForm extends Component { handleSubmit = () => { console.log("Input Value: ", this.input.value) } render () { return () } }
參考 同上
?,描述事件在React中的處理方式
為了解決跨瀏覽器兼容性問題,您的 React 中的事件處理程序將傳遞 SyntheticEvent 的實例,它是 React 的瀏覽器本機事件的跨瀏覽器包裝器。
這些 SyntheticEvent 與您習慣的原生事件具有相同的接口,除了它們在所有瀏覽器中都兼容。有趣的是,React 實際上并沒有將事件附加到子節點本身。React 將使用單個事件監聽器監聽頂層的所有事件。這對于性能是有好處的,這也意味著在更新DOM時,React 不需要擔心跟蹤事件監聽器。
參考 同上
?,盒模型與BFC
?,請描述import/require的原理
?,根據如下代碼,判斷輸出結果
1,
var User = { coun: 1, getCount: function (){ return this.count; } } var func = User.getCount; console.log(func()); //undifined
2,
function test(){ for (var i=0;i<5;i++){ setTimeout(function (){ console.log(i); },0) } } test();//5,5,5,5,5
3,
var a = { fn: function (){ console.log(fn); } }
4,
function Animal(name){ this.name = name; } Animal.prototype.sayName = function (){ console.log(this.name); } function Cat(name){ Animal.call(this, name) } var kay = new Cat("Jim"); kat.sayName();
5,
內容
?,寫一個數組去重的方法
?,寫一個大整數乘法計算的方法
?,寫一個方法,將URL中的查詢字符串解析成一個Object
?,請使用多種方式實現 左邊定寬400px,右邊自適應
?,請使用多種方式實現 圣杯布局 和 雙飛翼布局
首先,圣杯布局要符合以下3點要求:
1,三列布局,中間寬度自適應,兩邊定寬 2,中間欄要在瀏覽器中優先展示渲染 3,允許任意列的高度最高
?,請使用多種方式實現 水平垂直居中
方法1
1234
方法2
1234
參考:https://blog.csdn.net/qq_2757...
文章版權歸作者所有,未經允許請勿轉載,若此文章存在違規行為,您可以聯系管理員刪除。
轉載請注明本文地址:http://specialneedsforspecialkids.com/yun/54562.html
摘要:有趣的是,實際上并沒有將事件附加到子節點本身。將使用單個事件監聽器監聽頂層的所有事件。這對于性能是有好處的,這也意味著在更新時,不需要擔心跟蹤事件監聽器。 ?,調用 setState 之后React內部發生了什么? 將傳遞給setState的對象和當前對象合并,將觸發和解過程,react構建一個新的react樹,并且進行diff對比,在絕對必要的情況觸發組件渲染。 參考:https:/...
摘要:有趣的是,實際上并沒有將事件附加到子節點本身。將使用單個事件監聽器監聽頂層的所有事件。這對于性能是有好處的,這也意味著在更新時,不需要擔心跟蹤事件監聽器。 ?,調用 setState 之后React內部發生了什么? 將傳遞給setState的對象和當前對象合并,將觸發和解過程,react構建一個新的react樹,并且進行diff對比,在絕對必要的情況觸發組件渲染。 參考:https:/...
摘要:比如如果不使用構造函數,則和是對象的方法,兩個方法的作用是一樣的誰誰,就把指向誰。,本題提到了冒泡算法,那么就認為不是要使用原生的方法,要自己封裝一個類似功能的方法或稱函數。就是通過中構造函數原型鏈繼承的方式來實現的。 ?,es6中的高級數據結構set和map的使用以及與es5中舊有的obj、array等結構的差別? (1) Set構建函數可以接受一個數組作為初始化參數 var s...
閱讀 2951·2021-11-25 09:43
閱讀 3327·2021-11-24 09:39
閱讀 2828·2021-09-22 15:59
閱讀 2174·2021-09-13 10:24
閱讀 509·2019-08-29 17:02
閱讀 2098·2019-08-29 13:23
閱讀 3058·2019-08-29 13:06
閱讀 3539·2019-08-29 13:04