Time of Update: 2014-08-31
Node.js 部落格執行個體(六)留言功能原教程 https://github.com/nswbmw/N-blog/wiki/_pages的第六章,由於版本等的原因,在原教程基礎上稍加改動即可實現。 實現使用者給文章留言的功能,留言儲存在資料庫中。post.js ,修改 Post.prototype.save 中要存入的文檔為://要存入資料庫的文檔 var post = { name: this.name, time: time, title:
Time of Update: 2014-08-31
JavaScript-建立第一個自己的類庫 通過上一節物件導向和原型的學習。我們知道了如何建立一個類,包括類的私人化屬性和方法、公有化屬性和方法、靜態屬性和方法。在這裡稍微回顧一下。首先要建立一個類可以通過1.new object()。2.利用建構函式function Person(){},然後通過new Person()。還有一種是通過字面量的方式建立一個對象,通過字面量的方式不能使用new運算子,因為他是在內部自己new
Time of Update: 2014-08-31
ExtJS學習--------Ext.Element中的查詢方法學習(執行個體)具體執行個體:(實驗結果可複製代碼後進行示範)vcD4KPHA+PHByZSBjbGFzcz0="brush:java;">Ext.onReady(function(){Ext.create('Ext.panel.Panel',{//建立一個面板title:'我的面板' , width:'100%' , height:400 ,renderTo:Ext.getBody(
Time of Update: 2014-08-31
49個jQuery代碼經典片段49個jquery代碼經典片段,這些代碼能夠給你的javascript項目提供協助。其中的一些程式碼片段是從jQuery1.4.2才開始支援的做法,另一些則是真正有用的函數或方法,他們能夠協助你又快又好地把事情完成。如果你發現你任何可以做得更好的地方的話,歡迎把你的版本粘貼在評論中!1. 如何修改jQuery預設編碼(例如預設UTF-8改成改GB2312):$.ajaxSetup({ ajaxSettings:{
Time of Update: 2014-08-31
Javascript回呼函數一直一來對回呼函數這個概念都很模糊:在JavaScript語言精粹一書中對回呼函數的介紹如下:1.函數使得對不連續事件的處理變得更容易。例如,假定有這麼一個序列,由使用者互動行為觸發,向伺服器發送請求,最終顯示伺服器的響應。最自然的寫法可能會是這樣的:request = prepare_the_request();response =
Time of Update: 2014-08-31
JavaScript-形象理解物件導向、原型和繼承 這是第二次整體複習JavaScript的物件導向與原型方面的知識。這部分的知識比較抽象但是又十分重要。它對後期類庫的封裝,整體架構的實現非常重要。在這節我將對每個方式進行形象全面的講解。 本節要點//JS物件導向和原型//1.建立類:a.利用new
Time of Update: 2014-08-31
Node.js 部落格執行個體(九)標籤和標籤頁面 每篇文章最多有三個標籤(少於三個也可以),當點擊首頁左側標籤頁連結時,跳轉到標籤頁並列出所有已存在標籤;當點擊任意一個標籤連結時,跳轉到該標籤頁並列出所有含有該標籤的文章。首先我們來實現給文章添加標籤的功能。開啟 post.ejs ,在 後添加: 開啟 index.js ,將 app.post('/post') 內的:var currentUser = req.session.user, post =
Time of Update: 2014-08-31
jQuery Sizzle 入口 [ 源碼分析 ]var Sizzle = function( selector, context, results, seed ) {//context 預設為document,可以人為指定results = results || [];context = context || document;var origContext = context;//判斷文檔節點if ( context.nodeType !== 1 &&
Time of Update: 2014-08-31
簡單易用的JSON與List相互轉換用系統內建包:org.json就可以List集合封裝了object,下面是list到json/** * * @param list * 存放書籤的集合 * @return json格式對象 */private static JSONObject listTojsoJsonObject(List list) {JSONObject jsonObj = new JSONObject();try
Time of Update: 2014-08-31
JavaScript動態建立HTML元素用ajax時會用到js的動態建立HTML元素,這裡簡單的講一下方法:先分析一下HTML元素紅色換行包括HTML元素的名稱、屬性、和內容內容第一步 當然是建立名稱了var cFont = document.createElement('font');第二部 設定屬性cFont.setAttribute("color","red");cFont.setAttribute("size","12");第三部 新增內容cFont.innerHTML=
Time of Update: 2014-08-31
Node.js 部落格執行個體(十)pv統計和留言統計 post.js中將var post={...}修改為(每次改動此處之後都要將e:/mongodb/blog/清空): //要存入資料庫的文檔 var post = { name: this.name, time: time, title: this.title, post: this.post, tags:this.tags, comments:[], pv:0
Time of Update: 2014-08-31
ExtJS學習--------Ext.Element中的對Dom操作的方法學習(執行個體)具體執行個體:Ext.onReady(function(){Ext.create('Ext.panel.Panel',{title:'我的面板' , width:'100%' , height:400 ,renderTo:Ext.getBody(),html:'我是sp的內容我是d2的內容'//html:'我是sp的內容我是d2的內容&
Time of Update: 2014-08-31
Js建立對象實踐1.對象工具封裝testdiv<script type="text/javascript" src="./../../Script/jquery.js"></script>sssss<script>var ss = {};ss.tools = function(){var a=1;var b=2;return{aaa:a,show_1:function(){return a+b;},show_2:function(){return a-b;},
Time of Update: 2014-08-31
jQuery Event add [ 源碼分析 ]/* * Helper functions for managing events -- not part of the public interface. * Props to Dean Edwards' addEvent library for many of the ideas. */jQuery.event = {add: function( elem, types, handler, data, selector ) {var
Time of Update: 2014-08-31
Dart 比 JavaScript 更酷的10個理由Dart 是
Time of Update: 2014-08-30
清除css、javascript及背景圖在瀏覽器中的緩衝,cssjavascript 在實際項目開發過過程中,頁面是上傳到伺服器上的。而為了減少伺服器的壓力,讓使用者少載入,瀏覽器會將圖片、css、js緩衝到本地中,以便下次訪問網站時使用。這樣做不僅減少了伺服器的壓力,並且也減少了使用者的下載次數,獲得更好的使用者體驗。 然而在版本升級或做一些css、js等調整的時候,緩衝導致使用者無法顯示更新後的樣式,這是另人頭頭疼的問題。除非使用者自行手動升級緩衝,不過幾乎所有使用者不會為了正常訪問這個
Time of Update: 2014-08-31
Html5的placeholder屬性(IE相容)實現代碼,html5placeholderHTML5對Web Form做了許多增強,比如input新增的type類型、Form Validation等。Placeholder是HTML5新增的另一個屬性,當input或者textarea設定了該屬性後,該值的內容將作為灰字提示顯示在文字框中,當文字框獲得焦點時,提示文字消失。以前要實現這效果都是用JavaScript來控制才能實現 , firefox、google chrome等表示對其支援 ,
Time of Update: 2014-08-31
ZeroClipboard外掛程式實現多瀏覽器複製功能(支援firefox、chrome、ie6),firefox瀏覽器外掛程式但是值得注意的是官方介紹中已明確表態說這個外掛程式不支援ie6,下面將提供多執行個體化Zero Clipboard複製功能的實現及相容ie6的寫法!先下載ZeroClipboard http://www.bkjia.com/jiaoben/24961.html<style type="text/css"> body {
Time of Update: 2014-08-31
原生js實現複製對象、擴充項物件 類似jquery中的extend()方法,jqueryextendjq的extend()方法能很方便的實現擴充項物件方法,文法如下:$.extend(obj1,boj2,obj3);現在要實現的是:原生js實現複製對象,擴充項物件,類似jq中的extend()方法,具體執行個體如下:現有3個對象字面量:var o1={hello:1,old:555},o2 = {abc: 55555555,hello: 2,fun: function() {alert(111)
Time of Update: 2014-08-30
jQuery實用函數用法總結,jquery函數用法本文以執行個體的形式總結了jQuery的常見實用函數。分享給大家供大家參考之用。具體樣本如下:1.修剪字串$('#id').val($.trim($('#someid').val())) 2.遍曆集合可能這樣寫:var anArray = ['one','two'];for(var n = 0; n < anArray.length; n++){ }還有可能這樣寫:var anObject = {one: 1, two: 2};