資訊專欄INFORMATION COLUMN
摘要：有趣的是，實(shí)際上并沒(méi)有將事件附加到子節(jié)點(diǎn)本身。將使用單個(gè)事件監(jiān)聽器監(jiān)聽頂層的所有事件。這對(duì)于性能是有好處的，這也意味著在更新時(shí)，不需要擔(dān)心跟蹤事件監(jiān)聽器。
?，調(diào)用 setState 之后React內(nèi)部發(fā)生了什么？
將傳遞給setState的對(duì)象和當(dāng)前對(duì)象合并，將觸發(fā)和解過(guò)程，react構(gòu)建一個(gè)新的react樹，并且進(jìn)行diff對(duì)比，在絕對(duì)必要的情況觸發(fā)組件渲染。
參考：https://blog.csdn.net/fuohua/...
?，React Component（組件） vs React Element（元素）區(qū)別是什么
Element是React 中最小基本單位，是普通對(duì)象。
const element =I"m element//就是一個(gè)element
而組件是類或者函數(shù)。
參考：https://segmentfault.com/a/11...
?，受控組件和非受控組件是什么意思
受控組件是React控制的組件，也是表單數(shù)據(jù)的唯一真理來(lái)源;非可控組件指是表單數(shù)據(jù)由 DOM 處理，而不是您的 React 組件處理的組件，比如：
//我們使用 refs 來(lái)完成這個(gè)
class UnControlledForm extends Component {
handleSubmit = () => {
console.log("Input Value: ", this.input.value)
}
render () {
return (
)
}
}
參考 同上
?，描述事件在React中的處理方式
為了解決跨瀏覽器兼容性問(wèn)題，您的 React 中的事件處理程序?qū)鬟f SyntheticEvent 的實(shí)例，它是 React 的瀏覽器本機(jī)事件的跨瀏覽器包裝器。
這些 SyntheticEvent 與您習(xí)慣的原生事件具有相同的接口，除了它們?cè)谒袨g覽器中都兼容。有趣的是，React 實(shí)際上并沒(méi)有將事件附加到子節(jié)點(diǎn)本身。React 將使用單個(gè)事件監(jiān)聽器監(jiān)聽頂層的所有事件。這對(duì)于性能是有好處的，這也意味著在更新DOM時(shí)，React 不需要擔(dān)心跟蹤事件監(jiān)聽器。
參考 同上
?，盒模型與BFC
?，請(qǐng)描述import/require的原理
?，根據(jù)如下代碼,判斷輸出結(jié)果
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,
內(nèi)容
?，寫一個(gè)數(shù)組去重的方法
?，寫一個(gè)大整數(shù)乘法計(jì)算的方法
?，寫一個(gè)方法,將URL中的查詢字符串解析成一個(gè)Object
?，請(qǐng)使用多種方式實(shí)現(xiàn) 左邊定寬400px,右邊自適應(yīng)
?，請(qǐng)使用多種方式實(shí)現(xiàn) 圣杯布局 和 雙飛翼布局
首先，圣杯布局要符合以下3點(diǎn)要求：
1，三列布局，中間寬度自適應(yīng)，兩邊定寬 2，中間欄要在瀏覽器中優(yōu)先展示渲染 3，允許任意列的高度最高
?，請(qǐng)使用多種方式實(shí)現(xiàn) 水平垂直居中
方法1
1234
方法2
1234
參考：https://blog.csdn.net/qq_2757...
文章版權(quán)歸作者所有，未經(jīng)允許請(qǐng)勿轉(zhuǎn)載,若此文章存在違規(guī)行為，您可以聯(lián)系管理員刪除。
轉(zhuǎn)載請(qǐng)注明本文地址：http://systransis.cn/yun/54562.html
摘要：有趣的是，實(shí)際上并沒(méi)有將事件附加到子節(jié)點(diǎn)本身。將使用單個(gè)事件監(jiān)聽器監(jiān)聽頂層的所有事件。這對(duì)于性能是有好處的，這也意味著在更新時(shí)，不需要擔(dān)心跟蹤事件監(jiān)聽器。 ?，調(diào)用 setState 之后React內(nèi)部發(fā)生了什么？ 將傳遞給setState的對(duì)象和當(dāng)前對(duì)象合并，將觸發(fā)和解過(guò)程，react構(gòu)建一個(gè)新的react樹，并且進(jìn)行diff對(duì)比，在絕對(duì)必要的情況觸發(fā)組件渲染。 參考：https:/...
摘要：有趣的是，實(shí)際上并沒(méi)有將事件附加到子節(jié)點(diǎn)本身。將使用單個(gè)事件監(jiān)聽器監(jiān)聽頂層的所有事件。這對(duì)于性能是有好處的，這也意味著在更新時(shí)，不需要擔(dān)心跟蹤事件監(jiān)聽器。 ?，調(diào)用 setState 之后React內(nèi)部發(fā)生了什么？ 將傳遞給setState的對(duì)象和當(dāng)前對(duì)象合并，將觸發(fā)和解過(guò)程，react構(gòu)建一個(gè)新的react樹，并且進(jìn)行diff對(duì)比，在絕對(duì)必要的情況觸發(fā)組件渲染。 參考：https:/...
摘要：比如如果不使用構(gòu)造函數(shù)，則和是對(duì)象的方法，兩個(gè)方法的作用是一樣的誰(shuí)誰(shuí)，就把指向誰(shuí)。，本題提到了冒泡算法，那么就認(rèn)為不是要使用原生的方法，要自己封裝一個(gè)類似功能的方法或稱函數(shù)。就是通過(guò)中構(gòu)造函數(shù)原型鏈繼承的方式來(lái)實(shí)現(xiàn)的。 ?，es6中的高級(jí)數(shù)據(jù)結(jié)構(gòu)set和map的使用以及與es5中舊有的obj、array等結(jié)構(gòu)的差別？ (1) Set構(gòu)建函數(shù)可以接受一個(gè)數(shù)組作為初始化參數(shù) var s...
閱讀 2959·2021-11-25 09:43
閱讀 3336·2021-11-24 09:39
閱讀 2844·2021-09-22 15:59
閱讀 2215·2021-09-13 10:24
閱讀 520·2019-08-29 17:02
閱讀 2111·2019-08-29 13:23
閱讀 3071·2019-08-29 13:06
閱讀 3550·2019-08-29 13:04
