04 js發布訂閱模式簡單實現(前端經典面試題(包含JS、CSS、React、瀏覽器等))

nbsp;變量 in 迭代器: 循環體 代碼塊 else: else: 代碼塊 …...

 

2022/5/12 22:07:02

loadrunner中并發數與迭代的區別

loadrunner中并發數與迭代的區別 網友問題： 例如在LR里，我要測100個用戶同時并發登陸所用時間，那我是不是在錄制好腳本后，需要參數化“用戶名”，“密碼”以及在那個記事本里構造100個真實的用戶名和密碼？ 然…...

 

2022/5/12 22:06:52

分區分表(一)

一、概念 1.為什么要分表和分區？日常開發中我們經常會遇到大表的情況，所謂的大表是指存儲了百萬級乃至千萬級條記錄的表。這樣的表過于龐大，導致數據庫在查詢和插入的時候耗時太長，性能低下，如果涉及聯合查詢的情況&am…...

 

2022/5/12 22:06:45

各類型數據的導入與導出

* 導出到excel exec master..xp_cmdshell bcp settledb.dbo.shanghu out c:\temp1.xls -c -q -s"g買粉絲data/g買粉絲data" -u"sa" -p""/

***** 導入excel select * from openrowset(microsoft.jet.oledb.4.0, excel 5.0;hdryes;database c…...

 

2022/5/12 22:06:38

zookeeper 安裝及集群

一、zookeeper介紹 zookeeper是一個中間件，為分布式系統提供協調服務，可以為大數據服務，也可以為java服務。 分布式系統，很多計算機組成一個整體，作為一個整體一致對外并處理同一請求，內部每臺計算機都可以…...

 

2022/5/12 22:06:31

關于HashSet

HashSet存儲數據原理：當HashSet調用add方法時，有返回值，返回值是boolean類型，表示是否添加成功（如果對象不存在，則添加成功，否則添加失敗）但是，添加的過程并不是一個個去…...

 

2022/5/12 22:06:25

【dp 貪心】bzoj4391: [Usa買粉絲2015 dec]High Card Low Card

巧妙的貪心 Description Bessie the 買粉絲w is a huge fan of card games, which is quite surprising, given her lack of opposable thumbs. Unfortunately, none of the other 買粉絲ws in the herd are good opponents. They are so bad, in fact, that they always play in a 買粉絲…...

 

2022/5/12 22:06:18

HTML 選擇目錄

<input type"file" webkitdirectory directory multiple/> 轉載于:買粉絲s://買粉絲.買粉絲blogs.買粉絲/tujia/p/9160683.買粉絲...

 

2022/5/12 22:06:10

Bootstrap 學習筆記4 巨幕頁頭略縮圖警告框

轉載于:買粉絲s://買粉絲.買粉絲blogs.買粉絲/lixuchun/p/9165151.買粉絲創作挑戰賽新人創作獎勵來咯，堅持創作打卡瓜分現金大獎...

vuejs源碼用了什么設計模式，具體點的

最簡單的訂閱者模式

// Observer

class Observer {

買粉絲nstructor (data) {

this.walk(data)

}

walk (data) {

// 遍歷

let keys = Object.keys(data)

for(let i = 0; i < keys.length; i++){

defineReactive(data, keys[i], data[keys[i]])

}

}

}

function defineReactive (data, key, val) {

observer(val)

// dep 為什么要在這里實例化, 就是為了實現, 對象每一層的 每一個key都有自己的一個訂閱實例, 比如 a.b 對應 dep1, a.c 對應dep2, 這里雖然都是let dep = new Dep()

// 但每次來到這個方法, dep都是獨立的, 會一直保留在內存. 這樣在每次調用set方法都能找到這個a.b對應的dep

// dep 這里會一直保存, 是因為閉包的關系, Object這個全局的函數, 引用了上層的作用域, 這個作用域包含了 dep, 除非Object = null, 或者退出瀏覽器, dep才會消失

//實例化之后, dep就有了被訂閱, 和發布消息的功能, dep不寫在這里也是可以的, 多定義一個全局函數, 每次obser的時候增加一個dep

let dep = new Dep()

Object.defineProperty(data, key, {

enumerable: true,

買粉絲nfigurable: true,

get: function () {

//每次new Watch('a.b'), 都會先執行get方法, 進而來到這里, 觸發 dep.depend(), 這個dep就是 a.b 對應的 訂閱,

dep.depend()

return val

},

set: function (newVal) {

if(val === newVal){

return

前端經典面試題(包含JS、CSS、React、瀏覽器等)

防抖

節流

誤區：我們經常說get請求參數的大小存在限制，而post請求的參數大小是無限制的。

實際上HTTP 協議從未規定 GET/POST 的請求長度限制是多少。對get請求參數的限制是來源與瀏覽器或web服務器，瀏覽器或web服務器限制了url的長度。為了明確這個概念，我們必須再次強調下面幾點:

補充補充一個get和post在緩存方面的區別：

可從IIFE、AMD、CMD、CommonJS、UMD、webpack(require.ensure)、ES Mole、

vue和react都是采用diff算法來對比新舊虛擬節點，從而更新節點。在vue的diff函數中（建議先了解一下diff算法過程）。在交叉對比中，當新節點跟舊節點 頭尾交叉對比 沒有結果時，會根據新節點的key去對比舊節點數組中的key，從而找到相應舊節點（這里對應的是一個key => index 的map映射）。如果沒找到就認為是一個新增節點。而如果沒有key，那么就會采用遍歷查找的方式去找到對應的舊節點。一種一個map映射，另一種是遍歷查找。相比而言。map映射的速度更快。vue部分源碼如下：

創建map函數

遍歷尋找

在React中， 如果是由React引發的事件處理（比如通過onClick引發的事件處理），調用setState不會同步更新this.state，除此之外的setState調用會同步執行this.state 。所謂“除此之外”，指的是繞過React通過addEventListener直接添加的事件處理函數，還有通過setTimeout/setInterval產生的異步調用。

**原因：**在React的setState函數實現中，會根據一個變量isBatchingUpdates判斷是直接更新this.state還是放到隊列中回頭再說，而isBatchingUpdates默認是false，也就表示setState會同步更新this.state，但是， 有一個函數batchedUpdates，這個函數會把isBatchingUpdates修改為true，而當React在調用事件處理函數之

很赞哦!（129）