Time of Update: 2014-08-29
Node.js 部落格執行個體(九)標籤和標籤頁面,node.js執行個體原教程 https://github.com/nswbmw/N-blog/wiki/_pages的第九章,由於版本等的原因,在原教程基礎上稍加改動即可實現。 每篇文章最多有三個標籤(少於三個也可以),當點擊首頁左側標籤頁連結時,跳轉到標籤頁並列出所有已存在標籤;當點擊任意一個標籤連結時,跳轉到該標籤頁並列出所有含有該標籤的文章。
Time of Update: 2014-08-29
淺談Model1 VS Model2,model1model2
Time of Update: 2014-08-29
代碼高亮 highlightjs 使用文檔,用法 <link rel="stylesheet" href="../../assets/highlight/styles/default.css"> <script type="text/javascript" charset="UTF-8"
Time of Update: 2014-08-29
jQuery Easy UI Droppable(放置)組件,jquerydroppableDroppable(放置)組件也是一個基本組件,用法較簡單,文法都在例子裡面注釋了:樣本:<!DOCTYPE html><html><head><title>jQuery Easy UI</title><meta charset="UTF-8" /><script
Time of Update: 2014-08-29
剪不斷理還亂的前端和互動,剪不斷理前端工程師和互動設計師之間理所當然的存在著一些聯絡。從另一個角度看前端工作,前端人員既能定義為設計師,更重要的是應該對使用者心理有完整的瞭解和研究。有一句話可以充分的證明這兩者之間剪不斷理還亂的關係,“在前端眼裡,UI設計稿是動態”。 前端與互動設計的工作內容相輔相成,他們有共同的目標,並且互相貫通,但仍然有著各自的職責。 前端開發工程師和互動設計師有什麼區別? 前端人員的主要職責是與設計師協作,根據設計圖用HTML和
Time of Update: 2014-08-29
easyui combobox 三級級聯 input 兩種實現,/**<img src='${pageContext.request.contextPath}/images/block.png'/> * @param 預設載入 省市
Time of Update: 2014-08-29
G4Studio+extjs+highcharts 下在ext4j的panel中放入hightCharts圖表,highcharts在G4Studio+extjs下,建立一個panel,然後將highCharts圖表放入panel中,實現方法如下:首先簡單給出的部分代碼: Ext.onReady(function() { var panel = new Ext.Panel({title: '
Time of Update: 2014-08-29
Sizzle.filter [ 源碼分析 ],sizzle.filter源碼最近一直在研究Sizzle選取器,對於其中的原理確實不得不佩服!Sizzle中的filter方法,主要負責塊運算式過濾元素集合,在方法內部會調用Sizzle.selector.fitler方法執行過濾操作。Sizzle.filter主要分5個關鍵步驟:1 使用LeftMatch確定運算式類型。2 調用Sizzle.selectors.preFilter預過慮函數,執行過濾前的修正。3
Time of Update: 2014-08-29
jQuery Easy UI Resizable(調整大小)組件,jqueryresizableResizable(調整大小)組件,easyui基礎組件之一,調整大小就是可以對元素可以拖著調整大小,這個組件不依賴於其他組件,使用比較簡單,相關的屬性、事件都在例子中介紹了。樣本:<!DOCTYPE html><html><head><title>jQuery Easy UI</title><meta
Time of Update: 2014-08-29
Node.js 部落格執行個體(七)分頁功能,node.js分頁原教程 https://github.com/nswbmw/N-blog/wiki/_pages的第七章,由於版本等的原因,在原教程基礎上稍加改動即可實現。 給部落格的首頁和使用者頁面增加分頁功能。設定:首頁和使用者頁面每頁最多顯示十篇文章。 這裡要用到 mongodb 的 skip 和 limit 操作。開啟 post.js ,把 Post.getAll
Time of Update: 2014-08-29
XML入門,xml 學過HTML,再學習xml,感覺html和xml在形式上很像:它們都是"<></>"這種形式的,如果不仔細閱讀內容,會覺得它們是一種東西。
Time of Update: 2014-08-29
Tomcat7.0修改預設的路徑訪問自己的項目,tomcat7.0路徑怎樣使的自己的項目不是輸入:localhost:8080/你的項目名字/index.html才可以訪問!過程如下 :找到tomcat --- config----server.xml選中右鍵編輯 開啟之後 拖到最下邊 找到 下邊的地方:圈出的地方既是需要添加的地方 其中
Time of Update: 2014-08-29
網頁開發的階段總結(一),網頁開發階段總結 最近由於公司業務要求,將公司的用asp編寫的網頁改換成php編寫的網頁。 而網頁的編寫往往是涉及多種語言的編寫以及之間的相互交叉使用。 1、 php和ASP都是伺服器的指令碼語言,php的格式:<?php ?>, ASP的格式:<%
Time of Update: 2014-08-29
Tomcat配置gzip壓縮,tomcatgzip壓縮HTTP 壓縮可以大大提高瀏覽網站的速度,它的原理是,在用戶端請求網 頁後,從伺服器端將網頁檔案壓縮,再下載到用戶端,由用戶端的瀏覽器負責解 壓縮並瀏覽。相對於普通的瀏覽過程HTML ,CSS,Javascript , Text ,它可以節省40%左右的流量。更為重要的是,它可以對動態產生的,包括CGI、PHP , JSP , ASP , Servlet,SHTML等輸出的網頁也能進行壓縮,壓縮效率驚人一
Time of Update: 2014-08-29
bootstrap使用總結,bootstrap總結//大部分的功能都是可以通過指定data屬性來指定 但是事件就必須用jquery因為事件都是不同的處理過程//事件一般都有兩種狀態show shown 一般和過去<!DOCTYPE html><html lang="en"> <head> <title>Bootstrap 101 Template</title>
Time of Update: 2014-08-29
HTML5線性圖表 圖表資料區域可著色,html5線性這是一款基於Canvas的HTML5圖表應用,在圖表資料初始化的時候伴隨動畫效果。線上示範:點擊示範源碼下載:點擊下載核心jQuery代碼:var myData = { labels : ["Mo","Di","Mi","Do","Fr","Sa","So"], datasets
Time of Update: 2014-08-29
ASP.NET真假分頁—真分頁,asp.net真假分頁承接上篇博文《ASP.NET真假分頁-假分頁》:http://blog.csdn.net/u010773667/article/details/38845009,繼續講解ASP.NET真假分頁之真分頁。 真分頁當資料量過大,有幾萬甚至十幾萬條資料時,每次都從資料庫中取出所有資料就會降低查詢效率,系統運行慢,還有可能卡死,這時假分頁就會顯得很不人性化,因此有了真分頁的必要性。 正如上篇博文總結
Time of Update: 2014-08-29
jQuery中實現自訂方法的擴充,jquery自訂 JQuery封裝器提供了大量的方法,可以再頁面中直接使用。但是,沒有任何一個庫可以滿足所有的需求,所以,JQuery庫提供了豐富的擴充功能。以禁用一組表單元素為例,看看怎麼簡單有效在JQuery庫中添加自定義的功能擴充。(JQuery沒有禁用表單元素的方法哦)上代碼: 1: <!DOCTYPE> 2: <html lang="en"> 3: <head> 4:
Time of Update: 2014-08-29
CSS 的匯入方式 (link or import ?),cssimport前言最常看見的CSS的使用方式有三種1. 在span, div 等標籤上直接使用 style 屬性定義CSS<span style="color:blue">This is Blue.</span>2. 在當前的html 檔案中定義class, 在html 標籤中用class 的屬性設定。<!--Add by oscar999--><!DOCTYPE
Time of Update: 2014-08-29
捲軸事件,jquery捲軸事件之前一直很納悶,如何監視捲軸的事件,今天終於有點明白了。下邊代碼,是監聽捲軸只要移動,下方的返回頂部的div顯示與隱藏的代碼window.onscroll = function () { var t = document.documentElement.scrollTop || document.body.scrollTop; if (t > 0) {