原创 ready onload 區別
document.ready和onload的區別——JavaScript文檔加載完成事件頁面加載完成有兩種事件,一是ready,表示文檔結構已經加載完成(不包含圖片等非文字媒體文件),二是onload,指示頁面包含圖片等文件在內的所有元素都
原创 跨域請求資源
什麼是同源策略?同源策略阻止從一個域上加載的腳本獲取或操作另一個域上的文檔屬性。也就是說,受到請求的 URL 的域必須與當前 Web 頁面的域相同。這意味着瀏覽器隔離來自不同源的內容,以防止它們之間的操作。這個瀏覽器策略很舊,從 Netsc
原创 javascript all,call區別與用法
我們發現apply()和call()的真正用武之地是能夠擴充函數賴以運行的作用域,如果我們想用傳統的方法實現。1、每個函數都包含兩個非繼承而來的方法:apply()和call()。 2、他們的用途相同,都是在特定的作用域中調用函數。 3、接
原创 why using bind
爲了建立一個scope chain, 每個JavaScript的代碼執行上下文都提供了this關鍵字。In its most common usage, thisserves as an identity function, providi
原创 jquery
(function( $){ ... })(jQuery);JQUERY爲何如此開頭:1.用匿名函數包裹,利用閉包產生“私有”變量,防止全局變量污染(全局變量太多);2.傳遞jQuery對象,加速性能,因爲jQuery對象是window對
原创 深入理解HTML5 2
1.<map>圖像映射 點擊圖片不同區域<img src="planets.jpg" border="0" usemap="#planetmap" alt="Planets" /> <map name="planetmap" id="
原创 網頁延遲分析
一。工具chrome插件:page speed insight 自動分析插件2.chrome工具:chrome > more tool >檢測設備> inspect(需要代理)> network3.優化建議:http://bystep.du
原创 instanceof 內部機制
function instance_of(L, R) {//L 表示左表達式,R 表示右表達式 var O = R.prototype;// 取 R 的顯示原型 L = L.__proto__;// 取 L 的隱式原型 while (tru
原创 javascript 實現鍵值對 "map"
//javascript 沒有map,但是有map功能-_-! 自己動手,豐衣足食 (function(){ try{ function Directory(){ this.key = new Array(); th
原创 重構HTML
1. 良構 起始標籤+結束標籤 空元素寫法<img /> 所有元素必須有值 (XHTML不支持只有名沒有值) 所有的屬性值有引號(XHTML) 文本中 & 轉義爲 & 文本中 <
原创 CI 框架源碼 入口文件 index.php 即程序開始執行的地方
index.php 在CI的解壓目錄下的,和system文件夾並列 <?php //定義ENVIRONMENT,system_path,application_folder //根據system_path,application_fold
原创 前端優化實例
頁面:m.babytree.com/ask建議:1.降低網絡負荷 1.1縮小圖片尺寸: 100-1.png:由252*100 縮小到 127*50 100-2.png:由272*100 縮小到 127*50
原创 模仿,anjularjs 雙向綁定 ,純javascript實現
anjularjs中的雙向綁定很有意思,下面模仿其源碼,寫了一個簡單的版本,就是魯棒性差了點。 從"wo zi ji de"中可以看到,當輸入框的內容變化時,其上2排內容也在動態變化。有點小興奮啊。其中x變量用angularj
原创 javascript acivation object 與 variable object 與 預編譯
一、執行上下文 當ECMAScript 代碼執行時,它總是在一定的上下文中運行,執行上下文是一個有點抽象的實體,它有助於我們理解作用域和變量實例化如何工作的。對於三種類型的可執行代碼,每個都有執行的上下文。當一個函數執行時,可以說控制進
原创 anjularjs 表達式
表達式(Expressions)是類Javascript的代碼片段,通常放置在綁定區域中(如{{expression}})。表達式通過$parse服務(http://code.angularjs.org/1.0.2/docs/api/ng.