用戶中心USER CENTER
摘要：最近的一個(gè)項(xiàng)目中的需求要對(duì)一堆元素進(jìn)行排序，排序的依據(jù)是元素在頁(yè)面上面的坐標(biāo)位置，然后按照順序給所有元素一個(gè)編號(hào)。 最近的一個(gè)項(xiàng)目中的需求要對(duì)一堆元素進(jìn)行排序，排序的依據(jù)是元素在頁(yè)面上面的坐標(biāo)位置，然后按照順序給所有元素一個(gè)編號(hào)。如下圖所示：showImg(https://segmentfault.com/img/remote/1460000017352896); 做這個(gè)需求的是一個(gè)新...
Steve_Wang_
發(fā)布于JavaScript
摘要：大多數(shù)模板實(shí)現(xiàn)原理基本一致模板字符串首先通過(guò)各種手段剝離出普通字符串和模板語(yǔ)法字符串生成抽象語(yǔ)法樹(shù)然后針對(duì)模板語(yǔ)法片段進(jìn)行編譯，期間模板變量均去引擎輸入的變量中查找模板語(yǔ)法片段生成出普通片段，與原始普通字符串進(jìn)行拼接輸出。 前端模板的發(fā)展 模板可以說(shuō)是前端開(kāi)發(fā)最常接觸的工具之一。將頁(yè)面固定不變的內(nèi)容抽出成模板，服務(wù)端返回的動(dòng)態(tài)數(shù)據(jù)裝填到模板中預(yù)留的坑位，最后組裝成完整的頁(yè)面html字符...
Steve_Wang_
發(fā)布于JavaScript
摘要：與服務(wù)器端通信每次都會(huì)攜帶在頭中，如果使用保存過(guò)多數(shù)據(jù)會(huì)帶來(lái)性能問(wèn)題。但如果要存儲(chǔ)大量的復(fù)雜的數(shù)據(jù)，這并不是一種很好的方案。使用索引存儲(chǔ)數(shù)據(jù)，各種數(shù)據(jù)庫(kù)操作放在事務(wù)中執(zhí)行。通過(guò)監(jiān)聽(tīng)正確類型的事件以等待操作完成。 cookie 生命期為只在設(shè)置的cookie過(guò)期時(shí)間之前一直有效，即使窗口或?yàn)g覽器關(guān)閉。 存放數(shù)據(jù)大小為4K左右 。有個(gè)數(shù)限制（各瀏覽器不同），一般不能超過(guò)20個(gè)。與服務(wù)器端通...
Steve_Wang_
發(fā)布于JavaScript
摘要：使用會(huì)遍歷所有的可枚舉屬性，包括原型。所以需要判斷一下，是否是對(duì)象自身的屬性，而不是繼承于原型的。注意，會(huì)跳過(guò)那些值為或的源對(duì)象。 代碼 var obj1 = {a: obj2,b:2}; var obj2 = {name: obj3}; function extend() { var length = arguments.length; var target = ar...
Steve_Wang_
發(fā)布于JavaScript
摘要：對(duì)像素點(diǎn)實(shí)現(xiàn)基本的處理操作獲取像素點(diǎn)數(shù)據(jù)獲取中的像素信息，開(kāi)始復(fù)制的左上角位置的坐標(biāo)?；叶忍幚硐袼厝》礈p去對(duì)應(yīng)的值，再賦值給原來(lái)的亮度調(diào)節(jié)原來(lái)的值隨機(jī)的加減一個(gè)相同的隨機(jī)數(shù)。 canvas對(duì)像素點(diǎn)實(shí)現(xiàn)基本的處理操作 // 獲取像素點(diǎn)數(shù)據(jù) var canvas = document.getElementById(CanvasElt); var ctx = canvas.get...
Steve_Wang_
發(fā)布于JavaScript
