現在許多的程式語言都非常強調 MVC( Model-View-Controller ) 主要就是說明把Model、View與Controller切割開來,而其中有個重要觀念就是把程式與使用者介面切割開來,像Mr.King慣於使用 PHP 作開發,所以就使用了 SMARTY 這套樣版引擎來作開發,如此也造成了後端程式與前端程式溝通的問題,只用SMARTY本身所包含的傳值功能是不夠的,如果還要加上一些Ajax的功能,用用JSON與XML也不過分吧!!而且有些要做到即時性的功能本身也會使用大量的JavaScript,而這段冗長的程式碼,會誤導搜尋引擎的方向,那我們該怎麼解決這個問題呢?
本文開始
其實很多的工程師都知道要把js檔案另外這個好習慣,只是有時候要為了一小段程式碼在另外寫一個檔案來撰寫,而且有時候還會出現一些很奇妙的錯誤(Mr.King就遇到過),無論是程式達人還是鬼神之類的人物也會有懶散的一天吧!!更何況是各位新手站長們,突然想要放一段很屌的效果在自己的網站,卻會導致搜尋引擎要花更多時間才能蒐集到你網站的精華,那該怎麼辦呢?
養好撰寫程式的習慣
在這一段Mr.King當然是想要提倡大家通通都把JavaScript另存一個.js的檔案,再利用這段程式碼去把他抓回來。
但是我們常常會外掛一些JavaScript回來阿,例如google Adsence、plurk、funp等等的外掛功能回來,是不是這些也要這樣擺放呢?Mr.King覺得其實是不用的,像我們外掛的這些功能通常只是一小段的程式碼,其中僅包含一個functon還有一些設定值而已,我們會嫌js過於冗長其實是指一些有邏輯有條件的程式,所以像這種當然可以不用擺囉!!
我外掛的js該擺在哪裡
如果你像Mr.King使用wordpress來架設blog,你就不用擔心MVC的問題了,因為wordpress為了讓管理者可以直接在後台編輯版面,所以特別沒有將美工與版型切開,雖然這樣你做版面就等於是要把前端程式也寫好,但是wordpress這邊做的很好的是他把前端常會使用到的變數都打包好了,製作版面的人就只需要知道這裡想要顯示些什麼,就可以從wordpress的核心抓到了,不過缺點是沒有MVC的php程式可能會讓你看到眼睛快抽筋了,無論你使用哪套blog套件,如果沒有找到他放置js的檔案夾,其實你也可以自己隨意的建立一個,如果是wordpress的話前端程式的js就可以放在
這樣就OK囉!!要做到SEO也是一件很麻煩的事情,這就是盡量要給搜尋引擎一個乾淨的頁面的一個概念。
Amazing Weight Loss Story
2009 年 05 月 28 日Thanks for posting, I really liked reading your newest post. I think you should post more often, you obviously have talent for blogging!
Mr.King
2009 年 05 月 29 日真是不好意思!!!
My Amazing Weight Loss Story
2009 年 05 月 28 日Thanks for posting, I very much enjoyed your newest post. I think you should post more often, you clearly have talent for blogging!
Mr.King
2009 年 05 月 29 日不過你確定你看的懂吼!!!我怎麼覺得你比較像機械人
拆組達人
2009 年 05 月 29 日你不寫英文應該看不懂!
若是是機器人的話
那就要回機器語言囉?!
Mr.King
2009 年 05 月 29 日哈哈!!看看他會不會回應我阿!!!
搞不好這機械人有回應的功能!!
拆組達人
2009 年 05 月 29 日恭賀新站開張!
嘿嘿!又多個地方可以學習囉!
感謝分享!^^
—
werboy終於投入WP的陣營啦!
歡迎歡迎!^^
Mr.King
2009 年 05 月 29 日哈哈!!硬是要學也快要換成WP版本了阿!!!
我們可以交換個連結也不錯
Hank
2010 年 03 月 22 日king~~
好久沒來拜訪了XD
原來mvc是這個意思
謝謝謝分享囉~
我也有寫一篇關於javascript優化文章
捧場一下唷:-)