zhiwei. huang - ZWH ZONE (Page 17)

[WordPress ]學習筆記：文章列表加入 even 與 odd 的class

Mar 14, 2017 2 min read wordpress

為文章列表項目以基數偶數區分加入 odd 與 even 的 class 已達到更客製化的前端效果: -------------------------------------------------------------------------------- 1、使用函數： WP_Query 裡的 $current_post 屬性： > wordpress官方屬性說明：(available during The Loop) Index of the post currently being displayed. 直接翻譯來說就是顯示於迴圈內的文章索引，從 0 開始

[WordPress ] 學習筆記：文章摘要 the_excerpt（）

Mar 14, 2017 1 min read wordpress

excerpt (摘要) <?php the_excerpt();?> -------------------------------------------------------------------------------- 使用方式如同: //文章標題 <?php the_title();?> //文章內文 <?php the_content()?> > 另外如果沒有使用 wordpress 預設的文章摘要區塊，則會直接擷取文章內容的文字使用 -------------------------------------------------------------------------------- 修改文章摘要後綴文字 wordpress the_excerpt(

JavaScript 何謂物件原型 (prototype)

Mar 14, 2017 1 min read javascript

每個 JavaScript 物件都會有第二個 JavaScript 的物件與之關聯，而這個第二個的 JavaScript 物件就被稱呼為 “物件原型” -------------------------------------------------------------------------------- > 而第一個物件就是從這個原型來繼承特性參考方式： JavaScript 中我們使用下列方式來參考原型物件 Object.prototype 且像是 ECMADscript 定義的 Native(原生)物件：Object() 、 Date() 、 Array() … 也都具有著 prototype 的原型物件而當我們使用 new 與

[DevelopTool]前端自動化：Gulp 學習路程

Mar 14, 2017 5 min read DevelopTool

本篇目標: * 初步認識 Gulp (安裝與使用) * 建立前端自動化安裝環境 * 自訂屬於自己的 Gulp 開發環境 -------------------------------------------------------------------------------- 初步認識 Gulp： Gulp 為 Node.js 的套件，可以自訂屬於自己的前端自動化環境，簡單點說可以幫你一次解決： * SASS、LESS 自動編譯為 CSS * 自動加入 “瀏覽器前綴” 給你的 CSS 屬性 * 自動幫你編譯 Jade 為 Html * 壓縮圖片 * 打包壓縮

jQuery 取得 Dom 元素座標 - Offset() 與 Position()

Mar 14, 2017 2 min read jQuery

當你是透過你所收尋的關鍵字找到這篇文章的同時，恭喜～你已經找到了答案的關鍵 ! 你需要藉由 Dom 元素的座標來判斷說你指定的 Dom 元素存在於畫面的哪個位置，來完成你開發上的應用。 * 假設如上述所言～請放心繼續往下閱讀 * 如果你只是剛好逛到～也可以繼續往下看座標在前台有許多的地方會被使用到～一定對你有幫助 -------------------------------------------------------------------------------- 一、調用方式： 1.取得目標 x 與 y 舳之座標：程式碼： $('element'