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