Time of Update: 2015-02-11
nodejs個人網站搭建經驗分享——路由規則設計(1)寒假在某公司實習,做nodejs平台下的web開發。初次學習nodejs的我感覺這個小東西真的是潛力無窮。用nodejs來做伺服器端的平台,代碼量很少,卻又有強大多樣的模組支援。於是我打算用業餘時間搭建一個個人網站。此連載文章用於與大家交流經驗,分享所得。 本人的個人網站採用nodejs平台的express架構與MYSQL資料庫。網頁前端UI使用了網上開源的bootstrap架構。 express版本為4.11.0。&nb
Time of Update: 2015-02-11
CSS3 輸入框陰影製作效果及其他陰影製作效果,css3輸入框陰影製作效果此處{ } <>全部用()代替CSS:form,p ( margin-bottom:30px; margin-left:20px;).shadow,.one,.two,.three,.four,.five,.six ( height:50px; width:280px; border:1px solid #CCC;).shadow ( -moz-box-shadow:
Time of Update: 2015-02-11
2、JavaScript進階之詞法分析JavaScript代碼自上而下執行,但是在js代碼執行前,會首先進行詞法分析,所以事實上,js運行要分為詞法分析和執行兩個階段。詞法分析 詞法分析主要分為3步: 第1步:分析形參 第2步:分析變數聲明 第3步:分析函式宣告 如果存在函數嵌套,則從外往內進行詞法分析 具體步驟: 0:在函數執行的一瞬間,生產 Active Object(使用中的物件),下面簡稱AO 1:
Time of Update: 2015-02-11
Javascript:擷取瀏覽器視窗和螢幕的可用寬高1.擷取瀏覽器視窗的有效寬高(不包括工具列和捲軸)註:對於絕大部分瀏覽器使用window.innerWidth即可擷取寬度,使用document.documentElement.clientWidth || document.body.clientWidth 為了實現對IE6,7的支援。高度同上。var w=window.innerWidth || document.documentElement.clientWidth ||
Time of Update: 2015-02-11
15個優秀的 Material Design(材料設計)案例,materialdesign Material Design (材料設計)是由Google建立和設計的一種設計語言,結合成功的設計的經典原則以及創新科技。Google的目標是開發一個設計系統,讓所有的產品在任何平台上擁有統一的使用者體驗。全新的設計理念,採用大膽的色彩、流暢的動畫播放,以及卡片式的簡潔設計。 您可能感興趣的相關文章Material UI – Material Design CSS
Time of Update: 2015-02-11
js實現checkbox全選、不選與反選的方法,checkbox全選本文執行個體講述了js實現checkbox全選、不選與反選的方法。分享給大家供大家參考。具體分析如下:一、思路:1. 擷取元素2. 給全選 不選 反選添加點擊事件3. 用for迴圈checkbox4. 把checkbox的checked設定為true即實現全選5. 把checkbox的checked設定為false即實現不選6.
Time of Update: 2015-02-11
1、JavaScript進階之函數範圍鏈範圍鏈:JavaScript的每個函數function都有自己的範圍,使用Active
Time of Update: 2015-02-11
jquery提示外掛程式qtip2使用(全面)詳情參考:http://qtip2.com我下載的 庫檔案以及自己總結的資料:連結:http://pan.baidu.com/s/1pJI43Cv密碼:751y基本用法:(1)只有簡單提示$('#username').qtip({ // Grab some elements to apply the tooltipto content: { text: '使用者名稱只能輸入英文字母或者數字'
Time of Update: 2015-02-11
javacript類比map輸出與去除重複項1.Javascriptmap輸出 function Map(){// private var obj = {} ;// 空的對象容器,承裝索引值對// put 方法this.put = function(key , value){obj[key] = value ;// 把索引值對綁定到obj對象上}// size 方法 獲得map容器的個數this.size = function(){var
Time of Update: 2015-02-11
一個簡單的groovy script產生的class檔案及其反編譯Groovydef task = {println "Hello from source code-Task"}task()def task2 = {println "Hello from source code-Task2"}class B {String getName(){return "Young"}}println new B().getName();task2();結果Hello from source
Time of Update: 2015-02-11
javascript實現按斷行符號鍵切換焦點,javascript焦點前段時間學習了 HTML 和 CSS,對這方面產生了興趣,也開始學習了 javascript 進階編程(第三版),這些天也一直在學,剛剛學到事件和表單指令碼的內容。前幾天,老師讓編寫一段代碼:是在 javascript 表單中,用斷行符號鍵和上下左右移動鍵使焦點從一個文字框移到上一個或下一個文字框中。應用目前為止學到的知識試著編寫代碼,在編寫的過程中遇到了幾個痛點:模數計算;在函數內部用 this 和 arguments
Time of Update: 2015-02-11
angularJS中router的使用指南,angularjsrouter這幾天看了angularjs和backbone,大看瞭解了knockout和emberjs,剛剛上網看到了一個angular的router的demo,現在順便記下來複製代碼 代碼如下:<!---DEMO_INDEX.html--><!doctype html><head><meta
Time of Update: 2015-02-11
Javascript動態建立div的方法,javascript動態div本文執行個體講述了Javascript動態建立div的方法。分享給大家供大家參考。具體實現方法如下:複製代碼 代碼如下:<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"><html xmlns="http://www.
Time of Update: 2015-02-11
angularJS 中$scope方法使用指南,angularjsscope複製代碼 代碼如下:<!doctype html><html><head><meta charset="utf-8"><title>無標題文檔</title></head><script src="http://localhost:81/js/jquery.js"></script><script src="
Time of Update: 2015-02-11
js點擊選擇文本的方法,js點擊文本本文執行個體講述了js點擊選擇文本的方法。分享給大家供大家參考。具體實現方法如下:function selectText() { if (document.selection) { var range = document.body.createTextRange(); range.moveToElementText(document.getElementById('copy')); range.select(); } else if (
Time of Update: 2015-02-11
javascript類比map輸出與去除重複項的方法,javascriptmap本文執行個體講述了javascript類比map輸出與去除重複項的方法。分享給大家供大家參考。具體方法如下:1.Javascriptmap輸出function Map(){ // private var obj = {} ;// 空的對象容器,承裝索引值對 // put 方法 this.put = function(key , value){ obj[key] = value ;//
Time of Update: 2015-02-11
jquery實現相簿一下滑動兩次的方法,jquery相簿本文執行個體講述了jquery實現相簿一下滑動兩次的方法。分享給大家供大家參考。具體實現方法如下:var t1=null; //定義為全域變數$('body').on('touchstart', '#gallerySlider img', function(e){var touch = e.originalEvent,startX = touch.changedTouches[0].pageX;if (t1 == null){ t1
Time of Update: 2015-02-11
javascript自動產生包含數字與字元的隨機字串,javascript自動產生本文執行個體講述了javascript自動產生包含數字與字元的隨機字串的方法。分享給大家供大家參考。具體如下:這裡主要用到Math.random() 和 Math.floor() 兩個函數Math.random() -- 返回0和1之間的偽隨機數 可能為0,但總是小於1,[0,1)Math.floor() --
Time of Update: 2015-02-11
js實現ifram取父視窗URL地址的方法,jsifram本文執行個體講述了js實現ifram取父視窗URL地址的方法。分享給大家供大家參考。具體實現方法如下:var url='';try { url = window.top.document.referrer ; } catch(M) { if (window.parent) { try { url = window.parent.document.referrer; } catch(L)
Time of Update: 2015-02-11
JavaScript設定body高度為瀏覽器高度的方法,javascriptbody本文執行個體講述了JavaScript設定body高度為瀏覽器高度的方法。分享給大家供大家參考。具體實現方法如下:div節點高度要實現百分比,其父節點必須要有確定的高度。所以在body節點下的子節點若想要用百分比來確定高度時,就必須給body給定一個高度。複製代碼 代碼如下:<script>