Time of Update: 2014-04-16
Node是一個很底層的玩意兒,http伺服器這樣的東西也需要我們來搭建,但恰恰是因為這樣,我們就可以很靈活地實現一些前後端互動的工作。 下面就來看看這次我們做的這個訪客統計。Node後端搭建廢話不多說,建立一個js檔案,裡面我實現了一個簡單的Http伺服器(隨便寫的,可能有點亂): 當有Http請求時,根據URL返回相應的資料:vcD4KPHA+PGltZyBzcmM9"http://www.2cto.com/uploadfile/Collfiles/20140414/2014041408592
Time of Update: 2014-04-16
js:jQuery(document).ready(function(){ $.ajax({ type: "GET", async: true, url:"http://ftp112211.host170.mymyweb.net/ajax.php", dataType: "jsonp", jsonp:
Time of Update: 2014-04-16
var a='3';if(a!==3){alert(!!1);}else{alert(0);}===表示類型和值都相等;!==只要類型或值一個不相等就滿足!!將值轉成boolean型Ajax:AsynchronousJavaScript+XML 因為http傳輸不是單線的傳輸,可以加入一個並行的線路;xmlhttp是一種瀏覽器對象, 可用於類比http的GET和POST請求;這裡的xml傳輸可以改為jsonvcrkyOvT8qOsx+vTw8
Time of Update: 2014-04-16
// 使用原生js 封裝ajax// 相容xhr對象function createXHR(){if(typeof XMLHttpRequest != "undefined"){ // 非IE6瀏覽器return new XMLHttpRequest();}else if(typeof ActiveXObject != "undefined"){ // IE6瀏覽器var version = ["MSXML2.XMLHttp.6.0","MSXML2.XMLHttp.3.0","MSXML2.
Time of Update: 2014-04-16
Node.js官方:http:/nodejs.org根據個人電腦及作業系統選擇相應的安裝程式或安裝包。安裝完成之後會出現相應的可執行命令,而現在這些命令不屬於windows,所以需要將目錄配置到path環境屬性之中。不同路徑之間要使用“;”分隔。 Express是整個Node.js之中最為常用的一個架構(開發包),使用它可以方便的快速構建起一個WEB項目。下載的方式分為兩種:只針對於一個項目進行開發包的下載,或者是針對於整個Node.js開發環境。npm
Time of Update: 2014-04-16
複製代碼 代碼如下: // JavaScript Document function onChangehoverLi(thisLi){ $("#searchtext").val($(thisLi).html()); $("#suggest_ul").hide(0); validateform2(); } $(function(){ //載入時隱藏下拉li $("#suggest_ul").hide(0); }); //Ajax 動態擷取關鍵字 //監聽文字框輸入變化 function
Time of Update: 2014-04-16
複製代碼 代碼如下: <!DOCTYPE html> <html> <head> <title>cookies.html</title> <meta http-equiv="keywords" content="keyword1,keyword2,keyword3"> <meta http-equiv="description" content="this is my page"> <meta
Time of Update: 2014-04-16
瀏覽jQuery的deprecated列表,發現live()和die()在裡面了,趕緊看了一下,發現從jQuery1.7開始,jQuery引入了全新的事件綁定機制,on()和off()兩個函數統一處理事件綁定。因為在此之前有 bind(), live(), delegate()等方法來處理事件綁定,jQuery從效能最佳化以及方式統一方面考慮決定推出新的函數來統一事件Binder 方法並且替換掉以前的方法。on(events,[selector],[data],fn)
Time of Update: 2014-04-15
首先我還是介紹下,通常我們的網頁裡會有文章列表或貼文清單等模組,當然還有其他的一些也會涉及這些,我主要說一說大家常常出現的情況。老鄒我在這裡就用文章列表舉例說明。文章列表往往是每一個項裡有文章標題、描述、作者和時間等等。長什麼樣子呢?請看: 上面這個是我想要的效果。但是我出現什麼問題了?大家再看: 看到沒,在逆天的IE7模式下,居然出現橫向捲軸了。讓我非常不
Time of Update: 2014-04-16
公司自己內部的程式,通過調用外部協議來正常使用,但外部協議必須配合一個用戶端才可以,所以想通過js來判斷是否安裝了用戶端,如果未安裝,跳轉到下載的地址,就類似網上一些迅雷、快車下載連結。查了查方法,實現方法如下:複製代碼 代碼如下:<script type="text/javascript">function checkClient(obj){ try{ var a = new
Time of Update: 2014-04-15
做網頁時經常會遇到表格,常見的表格如下: 這樣出來的效果是:顯然這並不是我們需要用的,需要增加樣式讓邊框變成單線,常見的有3種方法: 方法1、通過table和td不同的背景色來設定: 這裡 cellspacing="1" 值為多少邊框就會是多寬,
Time of Update: 2014-04-15
分享75份開發人員和設計師會用到的速查手冊,由 vikas 收集整理,包括:jQuery、HTML、HTML5、CSS、CSS3、JavaScript、Photoshop 、git、Linux、Java、Perl、PHP、Python、Ruby、Ruby on Rails、Scala、C#、SQLite、C++、C語言、Ubuntu、WordPress、Node.js、Oracle、NMAP、Mac OS
Time of Update: 2014-04-15
我遇到過很多UED喜歡在html元素上加上href="#"或者href="javascript:;",然後再使用onclick事件來控制點擊事件。以前我一直覺得這樣做沒什麼問題,直到今天在調頁面的過程中,才發現這樣的“文法糖”其實是有壞處的。 首先是,我今天在寫onclick事件時,因為《關於window.location不跳轉的問題》而遇到了麻煩。而後好不容易在chrome裡面調試好了,結果在別的瀏覽器裡一試,發現各種狀況,什麼開啟空頁面呀、事件不響應呀。究其原因
Time of Update: 2014-04-15
在上文提到了本地化檔案的問題,然後在Ext JS 5的包裡找了找,居然還沒包含本地化包。我估計目前還不到考慮本地化的時候。在Sencha Touch中,是沒有本地化包的,但是要讓Ext JS也不包含本地化包,那有點不現實。如果按照目前的模式,要插入本地化包,是個大問題。要載入本地化包,最佳位置應該是在完成Ext JS的初始化後,在載入應用程式之前,但根據目前的模式,一是自己去修改Bootstrap.json檔案,一是在載入應用程式後再載入本地化包。如果自己去修改Bootstrap.json檔案,
Time of Update: 2014-04-15
最近項目決定運用JqGrid清單控制項顯示相關資料,以前接觸比較多還是easyui和Ext.Net的清單控制項,文章簡單寫的小執行個體進行一個總結; 1:引入相關的JS及CSS檔案,JqGrid目前可以利用Jquery UI的皮膚: <link href="css/ui-lightness/jquery-ui-1.10.4.min.css" rel="stylesheet"
Time of Update: 2014-04-15
引子:給大家出一個小小的考題,如何使用css來實作類別似下面的在指定地區內,內容自適應的垂直置中。 在很久很久以前,有一個並不堅挺的方式來實現。display:table-cell屬性指讓標籤元素以表格儲存格的形式呈現,類似於td標籤。其實,內心裡討厭這個方式的原因有很多,比如,進階瀏覽器都是支援此屬性的,但是低級瀏覽器就只能對你說sorry了。對於需要使用各種並不精準的其他屬性,如font-size來“輔助
Time of Update: 2014-04-15
前言:ready()事件的應用,是大家再熟悉不過的了,學jQuery的第一步,最最常見的代碼: jQuery(document).ready(function () { });jQuery(function () { });$(document).ready(function () { });$(function () {
Time of Update: 2014-04-15
MVC是一種設計模式 它將應用劃分為三個部分: 資料,展現和使用者互動 一個事件的發生:1 使用者和應用產生互動2 控制器的事件處理器被觸發3 控制器從模型中請求資料,並交給視圖4
Time of Update: 2014-04-15
一、ajax執行個體1.前端與程式員之間的資料約定json(常用),text文本,xml2.處理不同種類資料的方法<script> $('input').click(function(){ $.ajax({ //url:'test.txt?'+Math.random(), url:'demo1.php?'+Math.random(), type:'get', success:function(data){
Time of Update: 2014-04-15
現在的大多數網站都有校正,以及資訊提示:為了給使用者更好的體驗可以不用alert提示訊息,採用jQuery提示完訊息,自動消失,如:css:如下:#tip_message {z-index: 9999;position: fixed;left: 0;top: 40%;text-align: center;width: 100%;}#tip_message span {background-color: #03C440;opacity: .8;padding: 20px