javascript實現的柱狀統計圖表_javascript技巧

工作需要,用javascript做一個統計圖表: 完成後,做個筆記,大家分享一下,互相學習。其中還有點問題,還不是很完善。 其中參考了百度空間,中管理中心,訪問統計,的js統計圖表。但是應用上還是有差別,因為我做的這個項目中,需要時實的繪製新的統計表格,當有資料變化的時候,就會調用繪製表格的方法。所以要考慮頁面效能的問題。 下面是完成後的預覽圖,可以看到,繪製一個表格,耗時0.005毫秒,也就是200分之一秒。效率我還是比較滿意的! 目前在firefox,chrome,IE8,正常沒問題,IE6

在JavaScript中擷取請求的URL參數_javascript技巧

當然我們可以在後台中擷取參數的值,然後在前台js代碼中擷取變數的值,具體做法請參考我的這篇文章:JavaScript擷取後台C#變數以及調用後台方法。 其實我們也可以直接在js中擷取請求的參數的值,通過使用window.location.search可以擷取到當前URL的?號開始的字串,如前面的連結擷取到的search為?id=001。再對擷取的字串進行處理,就可以擷取到參數的值了。 複製代碼 代碼如下: function getUrlParam(name) { var reg = new

javascript提取內容到作為文章簡介的代碼_javascript技巧

雲棲社區 www.jb51.net

in.js 一個輕量級的JavaScript顆粒化模組載入和依賴關係管理解決方案_javascript技巧

國外的像基於jQuery的RequireJs,YUI Loader,LabJs,RunJs,國內也有淘寶的SeaJs,豆瓣的DoJs等,這些都是一些十分優秀的模組載入器。但是本文將會向大家介紹一個新的開源的輕量級“多線程”非同步模組載入器In.js,In的開發借鑒了Do的一些思路和使用習慣,在此期間感謝@kejun同我的耐心交流,In.js壓縮後只有4.77k,不僅小巧而且十分好用。 優點: 按需載入 無阻塞載入 依賴關係管理 顆粒化模組管理 如何使用? A.引入In.js 複製代碼 代碼如下:

Javascript讀取cookie函數代碼_javascript技巧

用法: 一、設定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); // 設定域及路徑,

在JavaScript中監聽IME鍵盤輸入事件_javascript技巧

IME應當如何觸發鍵盤事件呢?是每一下擊鍵都觸發一次事件,還是選詞完畢才觸發事件呢?整句輸入又該如何觸發事件呢?不同的作業系統和不同的瀏覽器對此有不同的看法。在最糟糕的情況下,使用者使用IME後瀏覽器就只觸發一次 keydown ,之後就沒有任何的鍵盤事件了。這對於 Suggestion 控制項的實現來說是個大問題,因為 Suggestion 控制項需要監聽文本輸入框的變化,而事件是最準確也最節省計算資源的做法,如果換成輪詢的話效能就可能受到影響。 首先,要監聽啟用IME後的擊鍵事件應當使用

javascript 消極式載入技術(lazyload)簡單實現_javascript技巧

1.前言   懶載入技術(簡稱lazyload)並不是新技術, 它是js程式員對網頁效能最佳化的一種方案.lazyload的核心是按需載入.在大型網站中都有lazyload的身影,例如Google的圖片搜尋網頁,迅雷首頁,淘寶網,QQ空間等.因此掌握lazyload技術是個不錯的選擇,可惜jquery外掛程式lazy load官網(http://www.appelsiini.net/projects/lazyload)稱不支援新版瀏覽器。 2.lazyload在什麼場合中應用比較合適?

使用javascript擷取flash載入的百分比的實現代碼_javascript技巧

複製代碼 代碼如下:<!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"

JavaScript(JS) 壓縮 / 混淆 / 格式化 批處理工具_javascript技巧

昨天分享了 http://jscompress.sinaapp.com/ 這個小工具後,發現大家還是很喜愛的。因此今天我把它json化了.用json傳輸資料,也開放了api  本工具所有的功能實現都是由 http://jscompress.sinaapp.com/api 處理.(包括現在可以使用的這個在線壓縮) 所有的資料交換均由 HTTP POST 輸入處理後由 json 作為資料輸出格式. API參數 :

一些常用的JavaScript函數(json)附詳細說明_javascript技巧

複製代碼 代碼如下: 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 :

Javascript 八進位逸出字元(8進位)_javascript技巧

摸索過程中,看見這樣的字元:"\155",用來代替字元"m"。為什嗎?....完全不知道原因,整個人頓時慌了!可別說自己4年的經驗了!"\155"和"m"是全等的,到現在,2011年了我才知道,深感慚愧! 對於字元轉義,常見的大概如下: "\u5230" ==> "到" "\t" ==> horizontal tab "\u0009" "\\" ==> backslash "\u005C" "\x35" ==> "5" .... 155由8進位轉為 10進位為 1*64+

使用jQuery非同步載入 JavaScript指令碼解決方案_jquery

JavaScript 載入器在 Web 開發中是非常強大和有用的工具。目前流行的幾個載入器,像 curljs、LABjs 和 RequireJS 使用都很廣泛。他們功能強大的,但有些情況下可以有更簡單的方案。 如果你正在使用 jQuery,有一個內建的方法可以用來載入指令碼。如果你想消極式載入外掛程式或任何其他類型的指令碼,都可以使用這種方法。下面給大家介紹如何使用它。 實現方法 jQuery 內建有 getScript 方法來載入一個指令碼,處理返回的結果可以有幾種方法來實現。最基本的用法

javascript多種資料類型表格排序程式碼分析_javascript技巧

中文漢字排序、 中英文混合排序、 資料大小排序、 檔案類型排序(尾碼名排序) 日期時間排序、 價格排序、 中文混合數字排序; 使用方法:文檔載入後new tableListSort(arguments,arguments)。

JavaScript 放大鏡 移動鏡片效果代碼_javascript技巧

放大鏡並不是一個難以實現的效果, 只是因為牽涉到一些精確的數值計算, 顯得比較繁瑣. 在未來的一段日子, 我會不定期地寫關於 JavaScript 放大鏡系列的文章, 每次講一個點, 由點及面, 最後完成整個效果. 本次我們先瞭解如何在縮圖上移動鏡片. (這是 DEMO) 縮圖和鏡片組成的 DOM 結構如下. 複製代碼 代碼如下: <a id="thumb" href="#"> <img src="yun_qi_img/Free-Shipping-Popular-ladies-

JavaScript 放大鏡 放大倍率和視窗尺寸_javascript技巧

對JavaScript 放大鏡來說, 計算倍率必不可少. 一個完整的放大鏡結構裡, 與倍率扯上關係的一共有 4 個對象, 原圖, 縮圖, 鏡片和視窗. 鏡片在縮圖上的覆蓋位置, 其實就是視窗對原圖的部分展示, 所以它們之間有如下關係. 倍率 = 原圖/縮圖 = 視窗/鏡片 倍率一般大於等於 1, 因為原圖一般都不會小於縮圖. 一旦倍率小於 1, 則將倍率設為 1. 因為縮圖和原圖的尺寸是不可變的, 所以我們通過它們來獲得倍率. 複製代碼 代碼如下: /** * 擷取放大鏡放大倍數 *

javascript模版引擎-tmpl的bug修複與效能最佳化分析_javascript技巧

精妙的 tmpl 前端模板類開源的不少,但最屬 jQuery 作者 John Resig 開發的 “javascript micro templating” 最為精妙,寥寥幾筆便實現了模板引擎核心功能。 它的介紹與使用方式請看作者部落格:http://ejohn.org/blog/javascript-micro-templating/ 讓我們先看看他的源碼: 複製代碼 代碼如下: (function(){ var cache = {}; this.tmpl = function (str,

javascript類比的Ping效果代碼 (Web Ping)_javascript技巧

當然,在請求時無法統計HTTP頭部的長度,所以當請求資料包長度在傳輸單元最大值臨界點時,額外的HTTP頭可以導致IP分組,因此存在一定的誤差.(2009/6/21) 線上示範:http://demo.jb51.net/js/2011/ping/核心代碼:複製代碼 代碼如下:<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN"

在JavaScript中擷取請求的URL參數[正則]_javascript技巧

第一種方法:,代碼比較專業 推薦複製代碼 代碼如下:<script> function GetLocationParam(param){ var request = { QueryString : function(val) { var uri = window.location.search; var re = new RegExp("" +val+ "=([^&?]*)", "ig"); return

JavaScript中的16進位字元介紹_javascript技巧

前段時間看《JavaScript進階程式設計》終於找到了一點點介紹: \xnn 以十六進位代碼nn表示的一個字元(n:0-F) \unnn以十六進位代碼錶示的一個Unicode字元(n:0-F) 今天由於一個自己的一個需求需要知道一些漢字的十六進位表示,因此自己寫了兩個方法,可以將文字轉換為16進位的表示形式,也可以將16進位代碼轉換回漢字。方法如下: 複製代碼 代碼如下: //將文字轉換為16進位 function textToSix(str) { return

通過JavaScript控制字型大小的代碼_javascript技巧

為了此代碼到您的網頁必須使用像素大小的字型(PX),而不是相對大小的字型,使用“EM”或“%”。當然如果你使用其他字型單位的代碼可以很容易地適應這些。如果指令碼不能找到一個段落的字型大小,它會預設為12px。核心代碼:複製代碼 代碼如下:var min=8;var max=18;function increaseFontSize() {   var p = document.getElementsByTagName('p');  

總頁數: 3271 1 .... 1056 1057 1058 1059 1060 .... 3271 Go to: 前往

聯繫我們

該頁面正文內容均來源於網絡整理,並不代表阿里雲官方的觀點,該頁面所提到的產品和服務也與阿里云無關,如果該頁面內容對您造成了困擾,歡迎寫郵件給我們,收到郵件我們將在5個工作日內處理。

如果您發現本社區中有涉嫌抄襲的內容,歡迎發送郵件至: info-contact@alibabacloud.com 進行舉報並提供相關證據,工作人員會在 5 個工作天內聯絡您,一經查實,本站將立刻刪除涉嫌侵權內容。

A Free Trial That Lets You Build Big!

Start building with 50+ products and up to 12 months usage for Elastic Compute Service

  • Sales Support

    1 on 1 presale consultation

  • After-Sales Support

    24/7 Technical Support 6 Free Tickets per Quarter Faster Response

  • Alibaba Cloud offers highly flexible support services tailored to meet your exact needs.