JavaScript

先測試click事件，下面是測試代碼：var addEvent = document.addEventListener ? function(el,type,fn){ el.addEventListener(type,fn,false);}:function(el,type,fn){ el.attachEvent("on"+type,function(){ fn.call(el,window.event); });}window.onload = function(

function Block(func, tag) { var _r_function = /^function\b\s*([\$\S]*)\s*\(/; var _r_codebody = /[^{]*\{([\d\D]*)\}$/; var _r_params = /[^\(]*\(([^\)]*)\)[\d\D]*/; tag = (tag || 'body').toLowerCase(); with (func.toString()) {

今天在群裡遇到一道很有意思的題目，大家發揮所能，給出的答案五花八門。特意整理成博文發表出來：//原題目：window.alert = function(){};______;alert(1); 填空，使後面的alert(1)能正確彈出，至少列舉兩種不同思路。解法一，建立新的執行環境，使用iframe沙箱window.alert = function(){};window.alert=function(obj){ var

http://www.hemin.cn/test/現在圖片網與商城流行一種叫“瀑布流”的布局，我們公司也不小心得了“流行性感冒”，要搞這個。於是我就寫了一個，現在再用我的架構mass重寫一下，發布出來，順便宣傳一下我的架構。瀑布流其實沒什麼東西，就是列布局與無限拖的結合。由於要支援IE6就沒有CSS3，直接對列進行絕對位置。列就是一個DIV。然後就是列中每個板塊的添加問題，我管它為磚頭。每添加一塊磚頭前，比較一下哪列最短，就往哪裡塞。最後就是無限拖，太easy了。加之，我的架構對樣式，事件等設定

像百度與google，當我們往搜尋方塊輸入東西時就會出現一排列表提示使用者有什麼熱門或適合的候選詞，這種效果就叫suggest。本文將一步步教你如何設計它。首先，用到的架構當然是我的架構mass

我的模板系統升一下級, 繼續在新公司裡面用。 現在幾在互連網公司沒有不用javascript模板了， 什麼TX， 百度， 新浪， 360什麼的， 最後瀑布流的流行， 裡面又有許多用到模板。本版本就是改回v6的形態，後端資料還是帶@前端才方便查看與調試。昨天也與一TX前端工程師討論過這個必要性。取得模板中的需要填寫的變數，再與後端傳過來的JSON進行比較，儘早進行資料驗證。這種技術，可以看一看PHP的變數命名就知了，帶是帶$首碼。在之前的版本中，如果輸出語句帶分號或逗號是會報錯的

最近一直攻略node.js，發現ejsv9在後端的視圖層有點力不從心。後端是模板的最大使用者，因此拼字串必須會死翹翹。通常來說，我們一個action對應一個模板，它應該是只含body部分的HTML，另外，還有一個layout，它是包含head與body的底部。它們兩個加起來，加個模型層的資料產生一個真正的頁面返給前端。但產生這頁面不像普通的挖坑填數位過程，像ejs、mustache、micro-Templating、doT.js就是如此。不過有的模板可以套嵌大量的邏輯，有的不能，像mustach

好像有這麼一句名言——"每一個優雅的介面，背後都有一個齷齪的實現"。最明顯的例子，jQuery。之所以弄得這麼複雜，因為它本來就是那複雜。雖然有些實現相對簡明些，那是它們的相容程度去不了那個地步。當然，世上總有例外，比如mootools，但暴露到我們眼前的介面，又不知到底是那個父類的東西，結構清晰但不明撩。我之所以說這樣的話，因為非同步列隊真的很複雜，但我會儘可能讓API簡單易用。無new執行個體化，不區分執行個體與類方法，鏈式，等時髦的東西都用上。下面先奉上源碼：;(function(){

In an earlier article, I mentioned that Boing-Boing had a few issues when they wanted to use @font-face embedding inside their website. In short, the problem was that some fonts look bad on computer monitors without font-smoothing enabled in the

   ruby的method_missing魔法在JavaScript中是否有類似等價物？答案是SpiderMonkey的__noSuchMethod__ 方法。示範如下（請firebug大神出馬）： var obj = {};obj.__noSuchMethod__ = function(/*String*/methodName,/*Array*/arrArguments){ console.log(methodName, arrArguments);}obj.test(1,2);//

在C語言中，有一個叫printf的方法，我們可以在後面添加不同的類型的參數嵌入到將要輸出的字串，這是非常有用的方法，因為在javascript有大量這樣的字串拼接操作。如果涉及邏輯，我們可以用模板，如果輕量點，我們發現在主流架構，都提供了一個叫substitute的方法（在Prototype為interpolate,

scroll在IE8-9中無法捕獲,由於又不能冒泡,因此無法使用事件代理.它在FF下可以通過捕獲來處理.focus與blur事件在IE下可以通過focusin與focusout事件來類比,但對於那些不能非表單元素或連結或圖片等一般元素,我們需要給它設定tabIndex,才能讓它擁有捕獲焦點或失去焦點的能力.在某些非常新的標準瀏覽器中,可以使用DOMFocusIn,DOMFocusOut來類比,但這種不能使用onXXX調用的事件隨時可能廢棄,因此我也不會用它們來類比.focus,blur的事件代理

文章目錄 javascript模板系統 ejs 第七版！更新日誌多重參數變形化，四種傳參方式 javascript模板系統 ejs 第七版！本版本只要是對其易用性進一些修改，去掉兩個冗餘的功能。我發現我的模組系統天生就能實現模組套嵌，因此有關子模板匯入的兩個操作符去掉。對參數進行多態化，可簡單地傳入一個字串來指定目標元素的選取器或目標檔案的URL（通過url(http://)來區分）與一個參數對象，也可以像EXT那樣傳入一個雜湊。

Written by Magnus Holm.From Wikipedia’s article on JSONJSON was based on a subset of the JavaScript scripting language.All JSON-formatted text is also syntactically legal JavaScript code.JSON is a subset of JavaScript.All these years we’ve heard it

文章目錄 定時器Timer間隔動畫intervals問題mozRequestAnimationFramewebkitRequestAnimationFrame總結 一直以來，JavaScript的動畫都是通過定時器和間隔來實現的。雖然使用CSS transitions 和 animations使Web開發實現動畫更加方便，但多年來以JavaScript為基礎來實現動畫卻很少有所改變。直到Firefox

群裡abcd提出問題,現在有以下三個實現，歡迎大家參與(注意，為了相容IE6，不能使用str[i]，要用str.charAt(i);不能使用slice，replace等原生函數)：GrayZhang的實現String.prototype.substring = function(start, length) { var array = []; for (var i = start; i 我的實現：//by 司徒正美 2011.8.18String.prototype.indexOf

var C = function(){ this._methodList = [];}C.prototype.fire = function(obj){ var instance = this; while(obj = this._methodList.shift()){ if(isFinite(obj.fn)){ var time = new Date; instance.timeoutID = setTimeout(

CSS3提供兩種方式來實現動畫，transition與animation。animation涉及自訂一種為“@keyframes”的東西，這個需要動用到insertRule太複雜了，因此本文跳過它。有人它為transform也算一種，但它是靜態，需要結合transition才能變成動態，因此也跳過。transition主要就是以下四個屬性,後面跟著的是它們的初始值transition-property: all;transition-duration: 0s;transition-timing-

原文(被牆):http://www.2ality.com/2012/06/dense-arrays.html 一般來說,JavaScript中的數組是稀疏的,也就是說,數組中的元素之間可以有空隙,因為一個數組其實就是一個索引值映射.本文解釋了如何建立稀疏數組和不稀疏的數組. 1.稀疏數組建立一個指定長度的稀疏數組很簡單:> var a = new Array(3);> a[ , , ]> a.length3>

javascript數組是一個逆天的存在，到了ecma262v5，它已經是堆棧，列隊及迭代器的合體。有時候我們不需要這麼強大的東西，這隻要考慮到for迴圈太麻煩了，我們只需要非常簡單的遍曆，於是想用普通對象類比一個就是。首先是堆棧，先進後出 function Stack(){ } Stack.prototype = { add: function(el, pt){