Time of Update: 2017-01-19
在工作中經常會頻繁使用一些方法、或做類型判斷、資料轉換等,為了方便,將一些功能封裝成函數整理成工具集lao-utils使用Node.jsnpm install lao-utils --saveAMD/CMD、瀏覽器環境引入dist目錄下源碼檔案函數uuid() 產生一個uuid串(偽guid)is(x,y) 比較字元x和字元y是否相等eg: 特殊例子:laoUtils.is(-0,+0); //false,laoUtils.is(NaN,NaN);
Time of Update: 2017-01-19
本文介紹了Js的Array 數組對象,具體內容如下目錄1. 介紹:介紹 Array 數組對象的說明、定義方式以及屬性。2. 執行個體方法:介紹 Array 對象的執行個體方法:concat、every、filter、forEach、indexOf、join、lastIndexOf、map、pop、push、reverse、shift、slice、sort、splice、toString、tounshift等。3. 靜態方法:介紹 Array 對象的靜態方法:Array.isArray()。4.
Time of Update: 2017-01-19
之前寫過一篇 《使用jquery解析XML的方法》連結是http://www.jb51.net/article/54842.htm,上篇文章詳細解釋了jQuery 與字串互相轉換的方法 ,這裡著重論述javascript操作xml。總代碼如下:var XMLHttp = null;if (window.XMLHttpRequest) { //現代瀏覽器 XMLHttp = new XMLHttpRequest();} else if (window.ActiveXObject) {
Time of Update: 2017-01-19
本文給大家分享文字超出部分隱藏功能,代碼比較簡單,感興趣的朋友可以參考下本段代碼。具體代碼如下所示:<!DOCTYPE html><html><head lang="en"><meta charset="UTF-8"><title>文字超出限制字數後隱藏</title><style>.text {width: 800px;height: 48px;line-height: 24px;color:
Time of Update: 2017-01-19
看到這種什麼百葉窗的動畫,以為都是flash實現的,最近突然靈光一閃,想到了用js實現(雖然我不是做前端的,本人做.net)。代碼雖然實現了,但是比較亂,先上個圖: 一個js的動畫,以前以為只有flash可以實現代碼主要就是一些數學的計算,然後結合html,css打造出類似flash的效果。 下面貼出主要的部分代碼:function all(books){for(var i=;i<self.rows;i++) {for (var j = ; j < self.columns;
Time of Update: 2017-01-19
本文給大家分享js實現點擊按鈕字型放大縮小執行個體代碼,代碼簡單易懂,需要的朋友參考下吧具體代碼如下所示:<style>.bb{color:red;}.cc{color:green;}.chapter {font-size: 1.5em;}.normal{font-size:12px;}.hidden{display:none;}</style><script>$(document).ready(function()
Time of Update: 2017-01-19
一個網頁內容一多, 就會分屏顯示資料, 如果屏目很多, 使用者訪問的資料已經到了頁面的底部, 這時候返回到頂部也是需要一點時間. 這樣對使用者體驗來說, 可能就稍微遜了一點. 所以頁面資料多的網頁, 現在都會用一個"返回頂部"按鈕來快速跳轉到網頁的頂部.那現在我們就來實現這麼一個功能.這個頁面我們就不寫什麼資料, 直接就加入一個a標籤來作為返回頂部的按鈕, 並給他一個class名稱:top.<a href="#"
Time of Update: 2017-01-19
本文知識給大家分享一下使用js寫鬥地主的思路,代碼寫的不好,還請見諒。這裡說說鬥地主主要包含的功能:洗牌,發牌,玩家出牌、電腦出牌,出牌規則的驗證,輸贏啥的沒有判斷,只是實現了這幾個主要功能,下面依次說說幾個功能的實現: 1.洗牌: var pukes=this.manage.pukes;//存放撲克牌的數組//洗牌for(var i=;i<pukes.length;i++){var tmp=pukes[i];var index=util.random(i,pukes.length);
Time of Update: 2017-01-19
JS中的this關鍵字讓很多新老JS開發人員都感到困惑。這篇文章將對this關鍵字進行完整地闡述。讀完本文以後,您的困惑將全部消除。您將學會如何在各種不同的情形正確運用this。我們和在英語、法語這樣的自然語言中使用名詞一樣地使用this。比如,“John飛快地跑著,因為他想追上火車”。請注意這句話中的代指John的代名詞“他”。我們原本也可以這樣表達,“John飛快地跑著,因為John想追上火車”。按照正常的語言習慣,我們並不按第二種方式表達。如果我們真按第二種方式說話,我們的家人和基友一定會
Time of Update: 2017-01-19
JavaScript是一門非常容易上手的指令碼語言,而且工具繁多,功能強大,因為一直做後端的關係,筆者目前也只是略學一點皮毛。接下來進入正題——計時器。先談下計時器的功能:1.計時器要能夠在頁面上顯示時間2.每秒鐘計時器重新整理,秒每滿60進分鐘1,分鐘每滿60進小時13.計時器需要能夠重設,也就是重新計時4.計時結束時,需要能夠有擷取計時時間的方法以上功能很簡單,計時還應該有暫停、繼續計時等功能,沒關係,我們一個一個來。第一步:我們做一個簡單的頁面,要有一個現即時間的標籤,要有開始、暫停倆按鈕
Time of Update: 2017-01-19
起因如果大家平時做過一些前端開發方面的工作,一定會有這樣的體會:頁面需要某種效果或者外掛程式的時候,我們一般會有兩種選擇:1、上網尋找相關的JS外掛程式,學習其用法2、自己造輪子,開發外掛程式。尋找存在的外掛程式第一種做法,上網尋找JS外掛程式這種方式如果是有剛好符合項目需求的外掛程式,那是非常幸運的事了。但是我相信大部分情況下,我們找到的外掛程式會有下面的幾個問題:(1)UI定製:很多外掛程式提供的UI和我們的項目設計風格完全不搭,可能寫好的html和css不符合外掛程式使用的方式,結果我們還
Time of Update: 2017-01-19
通用唯一識別碼(GUID,Globally Unique Identifier)也稱作 UUID(Universally Unique IDentifier) 。GUID是一種由演算法產生的二進位長度為128位的數位識別碼符。GUID 的格式為“xxxxxxxx-xxxx-xxxx-xxxx-xxxxxxxxxxxx”,其中的 x 是 0-9 或 a-f 範圍內的一個32位十六進位數。在理想情況下,任何電腦和電腦叢集都不會產生兩個相同的GUID。GUID 的總數達到了2^128(3.4×10^3
Time of Update: 2017-01-19
本文向大家介紹一個javascript實現的動畫。點擊開始按鈕div會往右移動,點擊停止後,div停止移動,再點擊則繼續移動。請看下面代碼:<html> <head> <meta charset="gb2312"> <head><title>javascript實現的簡單動畫</title><style type="text/css">#mydiv{ width:50px; height:50px;
Time of Update: 2017-01-19
如何使用js產生pdf檔案呢?相信很多朋友都被這一問題迷惑著,下面由雲棲社區小編通過本文給大家簡單介紹下。可以使用javascript產生PDF的類庫–jsPDF,先下載jsPDF-0.9.0rc2下載地址:;請點這裡 ,以下是完整執行個體代碼:<!doctype><html><head><title>jsPDF</title><meta http-equiv="Content-Type" content="text/html;
Time of Update: 2017-01-19
廢話不多說了,直接給大家貼代碼了。// 每隔五秒定時重新整理當前視窗setTimeout("self.location.reload();",5000);//js 定時關閉視窗(ie和FF中測試過)//6秒後自動關閉當前視窗setTimeout("window.opener=null;window.close()",6000);下面給大家介紹下javascript定時器使用使用定時器實現JavaScript的延期執行或重複執行
Time of Update: 2017-01-19
在很多需要搜尋的網站, 都會有一個自動完成的搜尋方塊. 方便使用者尋找他們想要的搜尋字詞. 協助使用者快速找到自己想要的結果. 這種方式是比較友好的. 所以是比較提倡使用的.我們這次就來實現這一效果. 我們通過兩篇文章來進行講解. 首先我們來完成介面的設計布局.介面的HTML結構, 第一個少不了的是一個搜尋方塊, 第二個就是搜尋的點擊按鈕. <div class="search"> <input type="text" value="">
Time of Update: 2017-01-19
本文介紹了map給我們的js編程帶來的好處及便利:1.Map能幹什麼map可以實現for迴圈的功能:<!DOCTYPE html> <html> <head lang="en"> <meta charset="UTF-8"> <title></title> </head> <body> <script> var arr = ['val1', 'val2', 'val3'];
Time of Update: 2017-01-19
返回 Boolean 值,指出Regex使用的global 標誌 (g) 的狀態。預設值為 false。唯讀。 rgExp.global 必選項 rgExp 參數是Regex對象。 如果Regex設定了global 標誌,那麼global 屬性返回 true,否則返回 false。 使用 global 標誌表明在被尋找的字串中搜尋操作將尋找所有符合的項,而不僅僅是第一個。這也被稱為全域匹配。一直不是很清楚javascript的global到底表現在哪些方面,所以今天特地做了幾個測試:var
Time of Update: 2017-01-19
本文執行個體介紹了javascript動態擷取登入時間和線上時間長度的相應代碼,分享給大家供大家參考,具體內容如下效果圖:實現代碼:<html> <head> <title>online</title> <script language=javaScript> ///這裡是獲得登入時候的時間,用來和動態時間做差來求時間長度 var s = new Date(); function clockon() { var thistime =
Time of Update: 2017-01-19
本文執行個體講解了javascript動態時鐘效果的實現方法,分享給大家供大家參考,具體內容如下實現代碼:<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" <html><head><meta http-equiv="Content-Type" content="text/html; charset=gb2312" /><title>動態時鐘</title>