Time of Update: 2018-12-08
前言 上一篇文章,我們定義了矩陣,這篇文章我們來給矩陣添加一些常用方法。 toString方法 toString方法通常用作將對象轉成字串描述,所以我們將這一方法定義為輸出矩陣元素。 複製代碼 代碼如下:Mat.prototype.toString = function(){ var tempData = this.data, text = "Mat("+ this.type +") = {\n", num = this.col * this.channel; for(var i = 0; i
Time of Update: 2018-12-08
Jquery這麼普及,必有它過人之處,通過開原始碼進行學習,是個不錯的學習方法啊! 以下是我類比的方法,我盡量簡化方法。 定義對象C(類似於jquery的$方法)——這個也是jquery設計非常巧妙的地方 複製代碼 代碼如下:(function(){ var _cQuery = window.cQuery, cQuery = function(){ return new cQuery.fn.init(); }; cQuery.fn = cQuery.prototype = { init :
Time of Update: 2018-12-08
前言 上一篇文章,我們來給矩陣添加一些常用方法,這篇文章將講解映像的虛擬邊緣。虛擬邊緣 虛擬邊緣就是按照一定映射關係,給映像添加邊緣。 那麼虛擬邊緣有什麼用呢?比如可以很容易做一個倒影的效果: 當然這隻是附帶效果了,虛擬邊緣主要用在映像卷積運算(例如平滑操作)時候,由於卷積運算的特點,需要將圖片擴大才能對邊角進行卷積運算,這時候就需要對圖片進行預先處理,添加虛擬邊緣。 說白了,就是在一些圖片處理前進行預先處理。邊緣類型 這裡參考OpenCV相關文檔的邊緣描述: 複製代碼 代碼如下:/*
Time of Update: 2018-12-08
json對象 複製代碼 代碼如下:var json = {aa:true,bb:true}; var json1 = {aa:'b',bb:{cc:true,dd:true}}; 1:js操作json對象 複製代碼 代碼如下:for(var item in json){ alert(item); //結果是 aa,bb, 類型是 string alert(typeof(item)); alert(eval("json."+item)); //結果是true,true類型是boolean
Time of Update: 2018-12-08
種種語言都有它特別的地方,對於JavaScript來說,使用var就可以聲明任意類型的變數,這門指令碼語言看起來很簡單,然而想要寫出優雅的代碼卻是需要不斷積累經驗的。本文利列舉了JavaScript初學者應該注意的七個細節,與大家分享。 (1)簡化代碼 -------------------------------------------------------------------------------- JavaScript定義對象和數組非常簡單,我們想要建立一個對象,一般是這樣寫的:
Time of Update: 2018-12-08
思路 HTML5的canvas提供了getImageData介面來擷取canvas中的資料,所以我們能夠先用drawImage介面將圖片畫在canvas上然後再通過getImageData得到圖片資料矩陣。 需要注意,雖然IE9開始支援了canvas介面,但是其getImageData擷取的資料並不是以標準的TypedArray方式儲存的,或者說IE9沒有提供對WebGL Native binary
Time of Update: 2018-12-08
如何提升JavaScript執行效率與效能在前端開發中位於一個很重要的地方,這節來研究下如何在平時做項目過程中,提升JavaScript效能與運行效率。 迴圈 迴圈是很常用的一個控制結構,大部分東西要依靠它來完成,在JavaScript中,我們可以使用for(;;),while(),for(in)三種迴圈,事實上,這三種迴圈中for(in)的效率極差,因為他需要查詢散列鍵,只要可以就應該盡量少用。for(;;)和while迴圈的效能應該說基本(平時使用時)等價。
Time of Update: 2018-12-08
offsetTop 指元素距離上方或上層控制項的位置,整型,單位像素。 offsetLeft 指元素距離左方或上層控制項的位置,整型,單位像素。 offsetWidth 指元素控制項自身的寬度,整型,單位像素。 offsetHeight 指元素控制項自身的高度,整型,單位像素。 網頁可見地區寬:document.body.clientWidth 網頁可見地區高:document.body.clientHeight 網頁可見地區寬:document.body.offsetWidth
Time of Update: 2018-12-08
今天上午抽空隨手寫了個星級評等的效果,給大家分享下。由於水平有限,如有問題請指出。 首先要準備一張星星的圖片,灰色是預設狀態,黃色是選擇狀態。 最後附上代碼: 複製代碼 代碼如下:<!DOCTYPE HTML> <html lang="en-US"> <head> <meta charset="UTF-8"> <title>javascript星級評等</title> <style
Time of Update: 2018-12-08
將一下代碼放在全域js檔案中: Js代碼 複製代碼 代碼如下:/** *刪除數組指定下標或指定對象 */ Array.prototype.remove=function(obj){ for(var i =0;i <this.length;i++){ var temp = this[i]; if(!isNaN(obj)){ temp=i; } if(temp == obj){ for(var j = i;j <this.length;j++){ this[j]=this[j+1]; }
Time of Update: 2018-12-08
複製代碼 代碼如下://windows 98 <script language=javascript> //var wsh = new ActiveXObject("WScript.Shell"); //wsh.Run("rundll32.exe user.exe,exitWindows"); </script> //win2000 or xp <script language=javascript> var wsh = new ActiveXObject("
Time of Update: 2018-12-08
用Javascript取float型小數點後兩位,例22.127456取成22.13,如何做? 1. 最笨的辦法 複製代碼 代碼如下:function get() { var s = 22.127456 + ""; var str = s.substring(0,s.indexOf(".") + 3); alert(str); } 2. Regex效果不錯 複製代碼 代碼如下:<script type="text/javascript"> onload = function(){
Time of Update: 2018-12-08
最近無聊,看著許多網站都有廣告自動輪換,自己試著寫了一個圖片輪換,代碼和功能都很簡單,只支援IE的,FF的還要加些東東. xml檔案:test.xml 複製代碼 代碼如下:<?xml version="1.0" encoding="gb2312"?> <ad> <neteasy path="image/64_jpg.jpg">http://www.163.com</neteasy> <sina path="image/lining.jpg"&
Time of Update: 2018-12-08
複製代碼 代碼如下:<html> <head> <meta http-equiv="Content-Type" content="text/html; charset=gb2312" /> <title>無標題文檔</title> <script type="text/javascript" language="javascript"> function selectAll() { var allCheckBoxs =
Time of Update: 2018-12-08
擷取一個數組中的最大(最小)值的最簡單的方法,就是對數組進行一次遍曆,通過比較,找到其最大(最小)值。但是其實在javascript的原生方法中,已經提供了一些快捷方法,可以實現此功能。 1 Array.prototype.sort 複製代碼 代碼如下:var a = [7,3,4,6,10]; a.sort(function(a,b){ return (a-b);}) 注意,sort裡的比較函數是一定要傳入的,如果不傳此函數的話,a.sort()的結果是[10,3,4,6,7]; 2
Time of Update: 2018-12-08
簡介 這篇文章簡單介紹了DOM 1.0一些基本而強大的方法以及如何在JavaScript中使用它們。你可以學到如何動態地建立、擷取、控制和刪除HTML元素。這些DOM方法同樣適用於XML。所有全面支援DOM 1.0的瀏覽器都能很好地運行本篇的執行個體,比如IE5,Firefox等。概況 - Sample1.html 這篇文章通過執行個體代碼介紹DOM。請從嘗試下面的HTML例子開始。它使用DOM
Time of Update: 2018-12-08
簡述: 用到javascript的排序一組數字,js沒有直接的數字比較的函數可以調用,所以自己寫了一個快速排序 知識點: 1. Regex提取正負數位string 2. str 轉數字 放回列表 3. js的對象Sort類的聲明及定義 4. Sort類建構函式、成員函數定義方式(prototype) 5. 快速排序演算法 代碼: 複製代碼 代碼如下:<!DOCTYPE html> <meta http-equiv="Content-Type"
Time of Update: 2018-12-08
在JS中要判斷一個值是否在數組中並沒有函數直接使用,如PHP中就有in_array()這個函數。但我們可以寫一個類似in_array()函數來判斷是一個值否在函數中例1複製代碼 代碼如下:/* * * 判斷在數組中是否含有給定的一個變數值 * 參數: * needle:需要查詢的值 * haystack:被查詢的數組 * 在haystack中查詢needle是否存在,如果找到返回true,否則返回false。 * 此函數只能對字元和數字有效 * */ function findnum(){
Time of Update: 2018-12-08
在前幾個項目的開發中 遇到onload使用的幾種情形1. 可以在Body 裡面執行 <body onload="alert(123)"></body>2. 先定義好 在頁面載入完成後使用 複製代碼 代碼如下:<script type="text/javascript"> function test(){ var aa = "嘻嘻,你個大豬豬"; alert(aa); } window.onload = test; </script> 註解:
Time of Update: 2018-12-08
複製代碼 代碼如下:<!DOCTYPE html> <html> <head> <meta charset="UTF-8"> <title>test javascript</title> <script type="text/javascript"> window.onload = function() { var EventUtil = {