Time of Update: 2015-10-31
js計算日期的相關函數//將日期添加相應的天數function getNewDay(dateTemp, days) { var dateTemp = dateTemp.split("-"); var nDate = new Date(dateTemp[1] + '-' + dateTemp[2] + '-' + dateTemp[0]);
Time of Update: 2015-10-31
JavaScript: 取得 function 的所有參數名在閱讀 promisify-node 源碼的時候, 想看看作者是如何將基本的函數和對象轉換為對應的 promised-based API 的。我很快意識到他們通過函數的簽名來尋找通用的回調參數名稱, 如 callback 或者 cb。代碼看起來有點古怪但確實很有效。【注: 新一代的JS架構大多採用這種探測策略,如 AngularJS】我寫了一個 JavaScrip t函數來解析函數的參數名稱, 代碼如下:function
Time of Update: 2015-10-31
【原創教程】虎咽CSS,教程咽css 上節課我們講了HTML基礎,回顧的事我不幹了,因為你可以回頭看很多遍,這節課我們來學習下CSS這門藝術的基礎知識,一直以來我們都是CSS,CSS那麼CSS到底是什麼呢,慣例,我又來一層一層把CSS給剝了,大家分享。那麼好,什麼是CSS呢,CSS就是層疊樣式表,它也不是真正的程式設計語言,它是樣式表語言,也就是會所,它是你用來為網頁添加樣式使網頁看起來更美觀,更華麗的代碼,允許你有選擇的為HTML文檔的元素添加樣式。 下面這節課,我將帶領童
Time of Update: 2015-10-31
jQuery實現綵帶延伸效果的網頁載入條loading動畫,jqueryloading本文執行個體講述了jQuery實現綵帶延伸效果的網頁載入條loading動畫。分享給大家供大家參考,具體如下:這裡介紹的jQuery綵帶效果網頁載入條動畫,我覺得挺有創意的,雖然難度不算大,但能想到用這樣一個背景來做Loading載入條,也實屬不易,不服氣的,你為什麼就沒有想到這樣做呢?本網頁載入條效果使用了jQuery外掛程式。運行效果如下:線上示範地址如下:http://demo.jb51.net/js/2
Time of Update: 2015-10-31
JavaScript操作URL的相關內容集錦,javascript相關內容---恢複內容開始---1.location.href.....(1)self.loction.href="http://www.cnblogs.com/url" window.location.href="http://www.cnblogs.com/url"
Time of Update: 2015-10-29
3種炫酷CSS3複選框checkbox動畫特效,這是一款效果非常炫酷的CSS3複選框checkbox動畫特效。這組複選框動畫特效共3種效果,它們都是在原生checkbox元素的基礎上進行了美化,在使用者點擊複選框的時候製作出非常酷的動畫效果。線上預覽 源碼下載 使用方法 HTML結構普通的HTML checkbox複選框控制項的樣式非常的平淡。在現代網頁設計中,我們可以通過CSS3來為它設定更加漂亮的外觀和動畫特效。通過CSS的@
Time of Update: 2015-10-30
jQuery學習之旅 Item9 動畫效果1、元素的顯示和隱藏display:none; 隱藏 display:block; 顯示簡單顯示和隱藏方法a) show() 顯示 b) hide() 隱藏 c) toggle() 開關,顯示則隱藏,隱藏則顯示<script type=text/javascript> function f1(){ //隱藏 $(div).hide();//display:none
Time of Update: 2015-10-29
使用CoffeeScrip優美方式編寫javascript代碼,javascript代碼JavaScript無疑是在web最偉大的發明之一,幾乎一切網頁動態效果都是基於它豐富的計算能力。而且它的能力在各種新的JavaScript的Engine下也越來越強了,比如Google Chrome用的V8
Time of Update: 2015-10-28
前端效能最佳化方案索引,效能最佳化方案索引作者:HaoyCn網址:http://segmentfault.com/a/1190000003821219陸續整理和不斷更新網路上給出的前端效能的最佳化方案。這裡只是做一個總概括式的索引,每一個方案都十分值得推敲和細說。1 請求和響應緩衝控制要求標頭裡,可以發送 If-Modified-Since 以及 If-None-Match 等資訊,來詢問服務端請求內容是否有更新,如果沒有更新,可返回304,告訴瀏覽器使用緩衝,避免重新下載資源。Pragma
Time of Update: 2015-10-28
angular.bind使用心得,angularngbindhtmlangular.bind解釋:返回一個調用self的函數fn(self代表fn裡的this).可以給fn提供參數args(*).這個功能也被稱為局部操作,以區別功能。格式:angular.bind(self,fn,args);self:object 對象; fn的內容物件,在fn中可以用this調用fn:function; 綁定的方法args:傳入fn的參數 var obj = { name: "Any" };
Time of Update: 2015-10-29
Jquery+Ajax+PHP+MySQL實現分類列表管理(上),jqueryajax在實際應用中,我們要管理一個客戶分類,實現對客戶分類的增加、刪除和修改等操作,如何讓這些操作變得更人性化,讓使用者操作起來更加方便成了我們必須研究的課題。 準備階段您需要具備HTML和Jquery等前端知識,以及基本的PHP程式和MySql資料庫相關知識。要實現本文中的DEMO樣本,首先需要一個mysql資料庫:CREATE TABLE `catalist` ( `cid` int(11) NOT
Time of Update: 2015-10-28
淺析JS中的模組規範AMD和CMD一、AMD AMD就只有一個介面:define(id?,dependencies?,factory); 它要在聲明模組的時候制定所有的依賴(dep),並且還要當做形參傳到factory中,像這樣: define(['dep1','dep2'],function(dep1,dep2){...});要是沒什麼依賴,就定義簡單的模組,下面這樣就可以啦define(function(){ var
Time of Update: 2015-10-29
Jquery+Ajax+PHP+MySQL實現分類列表管理(下),jqueryajax在上篇中,我們詳細講解了如何?列表管理的新增和刪除操作,可以看出,前端頁面通過ajax與後台通訊,根據幕後處理結果響應前端頁面互動操作,這是一個很典型的Ajax和JSON應用的例子。本文將繼續上篇文中的樣本,完成編輯操作。編輯項操作使用者通過單擊“編輯”按鈕,相應的項會立即變為編輯狀態,出現一個輸入框,使用者可以重新輸入新的內容,然後點擊“儲存”按鈕完成編輯操作,也可以單擊“取消”按鈕取消編輯狀態。首先,通過單
Time of Update: 2015-10-27
【原創教程】鯨吞HTML,原創教程鯨吞首先,我們的angularJS課程分為三大模組:HTML/CSS/JS基礎、angularJS詳解、angualrJS的一些實用架構講解。其中,第一大模組的對象是對前端開發技術有點瞭解但不熟悉的童鞋,其中會對HTML/CSS的基礎進行學習,由於本課程的性質,會對其中的JS著重講解。第二大模組的物件導向是對前端技術HTML/CSS/JS有了一定瞭解的童鞋,能構建網頁。第三大模組則是我們這個課程的小彩蛋環節,期待一下。這一節課中,我們將講解下HTML和CSS的基
Time of Update: 2015-10-27
JS實現從頂部下拉顯示的帶動畫QQ客服特效代碼,js特效代碼本文執行個體講述了JS實現從頂部下拉顯示的帶動畫QQ客服特效代碼。分享給大家供大家參考,具體如下:這是一款動畫版QQ線上客服代碼,從網頁頂部下拉出來的QQ客服,下滑結束後有彈性緩衝效果。在世界地圖的映襯下,似乎一下子上升了品位。動畫效果是由jq實現的,QQ客服的一些資訊自己修改下,換成你自己的QQ,上傳到網頁就可用啦。註:在Firefox台chrome瀏覽器中測試效果會更好。運行效果如下:線上示範地址如下:http://demo.jb5
Time of Update: 2015-10-27
基於Bootstrap3的輕量級大型導覽功能表,bootstrap3導覽功能表yamm3是一款基於Twitter Bootstrap3的輕量級大型導覽功能表外掛程式。該大型菜單使用Bootstrap3標準的導覽功能表標籤和流式網格系統來製作。它具有頂部固定和響應式等特點,適合用於製作複雜的網站導覽功能表。線上預覽 源碼下載 安裝可以通過bower來安裝該Bootstrap3大型菜單外掛程式。bower install yamm3
Time of Update: 2015-10-27
JS實現狀態列跑馬燈文字效果代碼,跑馬燈文字效果本文執行個體講述了JS實現狀態列跑馬燈文字效果代碼。分享給大家供大家參考,具體如下:這款狀態列跑馬燈,文字跑動的定義在數組內,自己可修改內容。現在的IE8貌似不相容,有缺憾的代碼,歡迎JS愛好者修正,修正請發回一份。狀態列為效果顯示區。運行效果如下:線上示範地址如下:http://demo.jb51.net/js/2015/js-ztlpmd-txt-style-codes/具體代碼如下:<HTML><HEAD><TI
Time of Update: 2015-10-27
jQuery實現懸浮在右上方的網頁客服效果代碼,jquery客服本文執行個體講述了jQuery實現懸浮在右上方的網頁客服效果代碼。分享給大家供大家參考,具體如下:這是款網頁線上客服代碼,應用了jquery外掛程式,相容性不錯。預設狀態下,客服只顯示一個圖片Button,用滑鼠點擊時展開全部內容,可用作QQ客服,售後客服等,可以作為網站快速通道,方便使用者進行相應的操作。運行效果如下:線上示範地址如下:http://demo.jb51.net/js/2015/jquery-right-top-we
Time of Update: 2015-10-27
JavaScript中Date對象的常用方法樣本,javascriptdategetFullYear()使用 getFullYear() 擷取年份。原始碼:</script><!DOCTYPE html><html><body><p id="demo">Click the button to display the full year of todays date.</p><button
Time of Update: 2015-10-27
js實現跨域的幾種方法匯總(圖片ping、JSONP和CORS),jsonpcors跨域雖然有同源策略的存在,但是在js中跨域也依然很常見,有document.domain、window.name、圖片ping、jsonp、CORS,在這裡簡單總結片ping、jsonp和CORS備忘。圖片ping圖片可以從任何URL中載入,所以將img的src設定成其他域的URL,即可以實現簡單的跨域,可以使用onload和onerror事件來確定是否接受到了響應。var img=new