Time of Update: 2017-01-19
工作需要,用javascript做一個統計圖表: 完成後,做個筆記,大家分享一下,互相學習。其中還有點問題,還不是很完善。 其中參考了百度空間,中管理中心,訪問統計,的js統計圖表。但是應用上還是有差別,因為我做的這個項目中,需要時實的繪製新的統計表格,當有資料變化的時候,就會調用繪製表格的方法。所以要考慮頁面效能的問題。 下面是完成後的預覽圖,可以看到,繪製一個表格,耗時0.005毫秒,也就是200分之一秒。效率我還是比較滿意的! 目前在firefox,chrome,IE8,正常沒問題,IE6
Time of Update: 2017-01-19
當然我們可以在後台中擷取參數的值,然後在前台js代碼中擷取變數的值,具體做法請參考我的這篇文章:JavaScript擷取後台C#變數以及調用後台方法。 其實我們也可以直接在js中擷取請求的參數的值,通過使用window.location.search可以擷取到當前URL的?號開始的字串,如前面的連結擷取到的search為?id=001。再對擷取的字串進行處理,就可以擷取到參數的值了。 複製代碼 代碼如下: function getUrlParam(name) { var reg = new
Time of Update: 2017-01-19
雲棲社區 www.jb51.net
Time of Update: 2017-01-19
國外的像基於jQuery的RequireJs,YUI Loader,LabJs,RunJs,國內也有淘寶的SeaJs,豆瓣的DoJs等,這些都是一些十分優秀的模組載入器。但是本文將會向大家介紹一個新的開源的輕量級“多線程”非同步模組載入器In.js,In的開發借鑒了Do的一些思路和使用習慣,在此期間感謝@kejun同我的耐心交流,In.js壓縮後只有4.77k,不僅小巧而且十分好用。 優點: 按需載入 無阻塞載入 依賴關係管理 顆粒化模組管理 如何使用? A.引入In.js 複製代碼 代碼如下:
Time of Update: 2017-01-19
用法: 一、設定cookie 複製代碼 代碼如下: var cookie = new JSCookie(); // 普通設定 cookie .SetCookie("key1","val1"); // 到期時間為一年 var expire_time = new Date(); expire_time.setFullYear(expire_time.getFullYear() + 1); cookie .SetCookie("key2","val2",expire_time); // 設定域及路徑,
Time of Update: 2017-01-19
IME應當如何觸發鍵盤事件呢?是每一下擊鍵都觸發一次事件,還是選詞完畢才觸發事件呢?整句輸入又該如何觸發事件呢?不同的作業系統和不同的瀏覽器對此有不同的看法。在最糟糕的情況下,使用者使用IME後瀏覽器就只觸發一次 keydown ,之後就沒有任何的鍵盤事件了。這對於 Suggestion 控制項的實現來說是個大問題,因為 Suggestion 控制項需要監聽文本輸入框的變化,而事件是最準確也最節省計算資源的做法,如果換成輪詢的話效能就可能受到影響。 首先,要監聽啟用IME後的擊鍵事件應當使用
Time of Update: 2017-01-19
1.前言 懶載入技術(簡稱lazyload)並不是新技術, 它是js程式員對網頁效能最佳化的一種方案.lazyload的核心是按需載入.在大型網站中都有lazyload的身影,例如Google的圖片搜尋網頁,迅雷首頁,淘寶網,QQ空間等.因此掌握lazyload技術是個不錯的選擇,可惜jquery外掛程式lazy load官網(http://www.appelsiini.net/projects/lazyload)稱不支援新版瀏覽器。 2.lazyload在什麼場合中應用比較合適?
Time of Update: 2017-01-19
複製代碼 代碼如下:<!DOCTYPE HTML> <html lang="en-US"> <head> <meta charset="UTF-8"> <title>flash download</title> </head> <body> <object id="movie" classid="clsid:d27cdb6e-ae6d-11cf-96b8-444553540000"
Time of Update: 2017-01-19
昨天分享了 http://jscompress.sinaapp.com/ 這個小工具後,發現大家還是很喜愛的。因此今天我把它json化了.用json傳輸資料,也開放了api 本工具所有的功能實現都是由 http://jscompress.sinaapp.com/api 處理.(包括現在可以使用的這個在線壓縮) 所有的資料交換均由 HTTP POST 輸入處理後由 json 作為資料輸出格式. API參數 :
Time of Update: 2017-01-19
複製代碼 代碼如下: var YX = { //得到JS內建資料類型的類型,傳回值包括[Date,RegExp,Number,String,Array,Boolean,Function,null,undefined,Object] getType : function(obj){ return obj == null ? obj + "" : Object.prototype.toString.call(obj).slice(8,-1); } //建立一個簡單的類 ,createClass :
Time of Update: 2017-01-19
摸索過程中,看見這樣的字元:"\155",用來代替字元"m"。為什嗎?....完全不知道原因,整個人頓時慌了!可別說自己4年的經驗了!"\155"和"m"是全等的,到現在,2011年了我才知道,深感慚愧! 對於字元轉義,常見的大概如下: "\u5230" ==> "到" "\t" ==> horizontal tab "\u0009" "\\" ==> backslash "\u005C" "\x35" ==> "5" .... 155由8進位轉為 10進位為 1*64+
Time of Update: 2017-01-19
JavaScript 載入器在 Web 開發中是非常強大和有用的工具。目前流行的幾個載入器,像 curljs、LABjs 和 RequireJS 使用都很廣泛。他們功能強大的,但有些情況下可以有更簡單的方案。 如果你正在使用 jQuery,有一個內建的方法可以用來載入指令碼。如果你想消極式載入外掛程式或任何其他類型的指令碼,都可以使用這種方法。下面給大家介紹如何使用它。 實現方法 jQuery 內建有 getScript 方法來載入一個指令碼,處理返回的結果可以有幾種方法來實現。最基本的用法
Time of Update: 2017-01-19
中文漢字排序、 中英文混合排序、 資料大小排序、 檔案類型排序(尾碼名排序) 日期時間排序、 價格排序、 中文混合數字排序; 使用方法:文檔載入後new tableListSort(arguments,arguments)。
Time of Update: 2017-01-19
放大鏡並不是一個難以實現的效果, 只是因為牽涉到一些精確的數值計算, 顯得比較繁瑣. 在未來的一段日子, 我會不定期地寫關於 JavaScript 放大鏡系列的文章, 每次講一個點, 由點及面, 最後完成整個效果. 本次我們先瞭解如何在縮圖上移動鏡片. (這是 DEMO) 縮圖和鏡片組成的 DOM 結構如下. 複製代碼 代碼如下: <a id="thumb" href="#"> <img src="yun_qi_img/Free-Shipping-Popular-ladies-
Time of Update: 2017-01-19
對JavaScript 放大鏡來說, 計算倍率必不可少. 一個完整的放大鏡結構裡, 與倍率扯上關係的一共有 4 個對象, 原圖, 縮圖, 鏡片和視窗. 鏡片在縮圖上的覆蓋位置, 其實就是視窗對原圖的部分展示, 所以它們之間有如下關係. 倍率 = 原圖/縮圖 = 視窗/鏡片 倍率一般大於等於 1, 因為原圖一般都不會小於縮圖. 一旦倍率小於 1, 則將倍率設為 1. 因為縮圖和原圖的尺寸是不可變的, 所以我們通過它們來獲得倍率. 複製代碼 代碼如下: /** * 擷取放大鏡放大倍數 *
Time of Update: 2017-01-19
精妙的 tmpl 前端模板類開源的不少,但最屬 jQuery 作者 John Resig 開發的 “javascript micro templating” 最為精妙,寥寥幾筆便實現了模板引擎核心功能。 它的介紹與使用方式請看作者部落格:http://ejohn.org/blog/javascript-micro-templating/ 讓我們先看看他的源碼: 複製代碼 代碼如下: (function(){ var cache = {}; this.tmpl = function (str,
Time of Update: 2017-01-19
當然,在請求時無法統計HTTP頭部的長度,所以當請求資料包長度在傳輸單元最大值臨界點時,額外的HTTP頭可以導致IP分組,因此存在一定的誤差.(2009/6/21) 線上示範:http://demo.jb51.net/js/2011/ping/核心代碼:複製代碼 代碼如下:<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN"
Time of Update: 2017-01-19
第一種方法:,代碼比較專業 推薦複製代碼 代碼如下:<script> function GetLocationParam(param){ var request = { QueryString : function(val) { var uri = window.location.search; var re = new RegExp("" +val+ "=([^&?]*)", "ig"); return
Time of Update: 2017-01-19
前段時間看《JavaScript進階程式設計》終於找到了一點點介紹: \xnn 以十六進位代碼nn表示的一個字元(n:0-F) \unnn以十六進位代碼錶示的一個Unicode字元(n:0-F) 今天由於一個自己的一個需求需要知道一些漢字的十六進位表示,因此自己寫了兩個方法,可以將文字轉換為16進位的表示形式,也可以將16進位代碼轉換回漢字。方法如下: 複製代碼 代碼如下: //將文字轉換為16進位 function textToSix(str) { return
Time of Update: 2017-01-19
為了此代碼到您的網頁必須使用像素大小的字型(PX),而不是相對大小的字型,使用“EM”或“%”。當然如果你使用其他字型單位的代碼可以很容易地適應這些。如果指令碼不能找到一個段落的字型大小,它會預設為12px。核心代碼:複製代碼 代碼如下:var min=8;var max=18;function increaseFontSize() { var p = document.getElementsByTagName('p');