Time of Update: 2017-01-13
提示:您可以先修改部分代碼再運行 可重用的選項卡切換javascript代碼選項卡 項目一 項目二 項目三 類為"tab1"項目一內容,通過"click"觸發 類為"tab1"項目二內容,通過"click"觸發 類為"tab1"項目三內容,通過"click"觸發 項目一 項目二 項目三 類為"tab1"
Time of Update: 2017-01-13
提示:您可以先修改部分代碼再運行 精美js柱狀統計圖 提示:您可以先修改部分代碼再運行
Time of Update: 2017-01-13
提示:您可以先修改部分代碼再運行 使用者名稱: --公司不限-- --杭州舍易房地產代理有限公司-- --不限門店-- 密碼: 確認密碼: 郵箱地址: 驗證碼: 提示:您可以先修改部分代碼再運行
Time of Update: 2017-01-13
提示:您可以先修改部分代碼再運行 javascript使用者密碼強度檢測 與之間-->與之間--> 提示:您可以先修改部分代碼再運行
Time of Update: 2017-01-13
提示:您可以先修改部分代碼再運行 雙向緩衝翻動的圖片幻燈轉場效果與之間-->與之間--> 提示:您可以先修改部分代碼再運行
Time of Update: 2017-01-13
加入新公司後,一直忙得飛起。由於在新公司的工作包括寫一些公用群組件,比如日曆啊,分頁啊什麼的,這個分頁組件我覺得要用的人比較多,所以把它獨立了出來,做成了一個無依賴的原生JS版本,供需要的人使用。組件下載:https://github.com/wslx520/wslx520.github.io/tree/master/pagination使用方法:var xxx = xPagination(pagediv,
Time of Update: 2017-01-13
本文只是提一些關於混淆與壓縮的想法,可能會偶發抽風型更新。混混淆就是盡量讓JS代碼看不懂。JS的變數名可以以字母或特殊符號開頭,但不能以數字開頭.1a不是一個合法的變數名,但_1a就是JS的變數名開頭能用的特殊符號只有兩個:$和_.前者被jquery等發揚光大,後者則由underscore佔據.混淆可以讓格式良好的代碼都看不懂,就是把變數名函數名通通變成_1,_2,_11,_a,_1a2c這種(easyui就是這麼搞的).相比a,b,c,我覺得_1,_2,_3這種名稱更讓人混淆,雖然後者更長.e
Time of Update: 2017-01-13
提示:您可以先修改部分代碼再運行 提示:您可以先修改部分代碼再運行
Time of Update: 2017-01-13
一、前言 JavaScript Date對象提供了諸多日期相關屬性以及操作日期的相關方法,為開發網站帶來了許多方便。然而,大部分web頁面展示給使用者的日期格式可能是這樣:yyyy-MM-dd hh:mm:ss(類似於c# java的ToString())。 不論是JavaScript Date對象的toString()方法,還是JavaScript
Time of Update: 2017-01-13
注意:不要將依賴注入和設計模式裡的依賴倒置原則(Dependency Inversion Principle)混淆。目標設想我們有兩個模組。第一個是負責Ajax請求服務(service),第二個是路由(router)。var service = function() { return { name: 'Service' };}var router = function() { return {
Time of Update: 2017-01-13
前面一篇文章,我簡單的講了Es6以前js實現“類”的三種方式。但是繼承的方式,我只簡單寫了一下極簡主義繼承。這篇文章在上篇文章基礎之上,我再寫寫js繼承的幾種方式,最後再和大家一起看看ES6中類的實現方式。js繼承關於繼承,網上也有很多資料可以查詢,但是很多朋友對其理解的不夠深入。講到繼承,假如你不去查資料,猛地一下,可能說不出個所以然來。這就說明我們的基礎知識打的不夠紮實。沒有理解透徹。今天,我站在前輩的基礎之上,再來和大家一起回顧一下這個
Time of Update: 2017-01-13
html5使用越來越廣,為了提升使用者體驗度,網頁中往往會加入一些的html5,當使用者瀏覽我們的網站時候,js通過判斷瀏覽器是否能夠支援html5,然後給予使用者提示和指引。方法一:if ( typeof(Worker) !== "undefined" ) { alert("支援html5");} else { alert("不支援html5");}方法二:if ( window.applicationCache
Time of Update: 2017-01-13
例子1目中用到的,用JavaScript將數字轉換為大寫金額,分享出來給大家var digitUppercase = function(n) { var fraction = ['角', '分']; var digit = [ '零', '壹', '貳', '三',
Time of Update: 2017-01-13
我們先來總結一下js定義“類”的幾種方法:方法一:建構函式法這個方法是比較經典的方法,我們會經常見到。產生執行個體的時候,使用new關鍵字。類的屬性和方法,還可以定義在建構函式的prototype對象之上。function Person(name,age,job){ this.name=name; this.age=age;
Time of Update: 2017-01-13
setTimeout( ) setTimeout( ) 是屬於 window 的 method, 但我們都是略去 window 這頂層物件名稱, 這是用來設定一個時間, 時間到了, 就會執行一個指定的 method。請先看以下一個簡單, 這是沒有實際用途的例子, 只是用來示範 setTimeout( ) 的文法。定義和用法: setTimeout()方法用於在指定的毫秒數後調用函數或計算運算式。 文法: setTimeout(code,millisec) 參數: code
Time of Update: 2017-01-13
經常用瀏覽器搜尋東西的時候,肯定會發現,只要隨便輸入一個字,百度就會有智能下拉提示,覺得體驗挺好的!然而自己卻不知道怎麼實現,不用擔心,下面介紹一個簡易輕量級的方法,已經整理好檔案,可以直接下載使用:實現效果如下: 引用檔案:jquery.js autoComplete.jscss<style type="text/css"> ul,li{margin: 0;padding: 0;list-style-type: none;} a:hover{
Time of Update: 2017-01-13
ECharts是一個基於html5 Canvas、純 Javascript 的圖表庫。它可以流暢的運行在 PC 和行動裝置上,相容當前絕大部分瀏覽器(IE8/9/10/11,Chrome,Firefox,Safari等),提供直觀,生動,可互動,可高度個人化定製的資料視覺效果圖表。ECharts 提供了常規的折線圖,柱狀圖,散佈圖,餅圖,K線圖,用於統計的盒形圖,用於地理資料可視化的地圖,熱力圖,線圖,用於關係資料視覺效果的關係圖,treemap,多維資料視覺效果的平行座標,還有用於 BI
Time of Update: 2017-01-13
<script language="JavaScript"><!--var doc = new ActiveXObject("Msxml2.DOMDocument"); //ie5.5+,CreateObject("Microsoft.XMLDOM")//載入文檔//doc.load("b.xml");//建立檔案頭var p =
Time of Update: 2017-01-13
說到用js動態改變td裡面的內容,我們就會想到dom
Time of Update: 2017-01-13
利用javascript來產生隨機數。<script language="JavaScript"><!-- // The Central Randomizer 1.3 (C) 1997 by Paul Houle (houle@msc.cornell.edu)