發表文章

目前顯示的是 2015的文章

Plugin的撰寫

圖片
Plugin的撰寫又重新看了jQuery: Novice to Ninja,所以做了些關於Plugin的筆記。以下使用jQuery Newsticker Plugin作為說明範例。

常見的Google搜尋演算法 (Search Algorithms)

圖片
常見的Google搜尋演算法 (Search Algorithms)這幾天在準備SEO Basics的slides,所以也順手整理了一下Google常見的搜尋演算法。常見的Google搜尋演算法蜂鳥 Hummingbird:用於語意搜尋。PageRank:一個頁面若有愈多高品質的連結連到,這個頁面的排名就愈高。類似投票的概念,但不是票票等值。熊貓 Panda:對抗Spam,主要負責 網站 內容品質 - 內容重複、低流量、高跳離率、與內容無關的廣告過多的網站企鵝 Penguim:對抗Spam,負責掌管 網站 內與網站外的連結品質,主要是外部連結。PayDay Loan:對抗Spam Sites/Queries。鴿子 Pigeon:改善本地搜尋(Local Search),依地理位給予最適合的排名。Top Heavy:降等過多廣告的頁面。搜尋引擎友善 Mobile Friendly:提升對行動裝置友善的頁面。Pirate:移除侵害版權的頁面或網站。RankBrain:用於語意搜尋。

語意網 - HTML5文件的段落和綱要 (Semantic Web - Sections and Outlines of an HTML5 Document)

圖片
語意網 - HTML5文件的段落和綱要 (Semantic Web - Sections and Outlines of an HTML5 Document)最近有個朋友做了網站優化,才調整HTML5 Outline就讓該網站被Index的頁面快速增加。一個好懂的網頁能讓搜尋引擎有效爬完讀懂,而且優化成本相對不大。如果要開始做SEO,從頁面HTML結構開始做起,是較簡單、CP值又高的好選擇。

Angular.js Form Example 表單練習

圖片
Angular.js Form Example 表單練習這個表單會展示常用表單元件、基本Directive和Controller的功能運作。由於網路上有很多大大的教學文章,因此在這裡只記錄一些我在學習/實作上遇到的重要觀念。

Node - 從MongoDB取得資料到套版

圖片
Node - 從MongoDB取得資料到套版經歷了前面關於Node基本安裝設定、模板引擎的熟悉,與一些基本的語法和操作,接著來到MongoDB的建置和使用,終於要把假資料換掉,使用真實世界的內容展現在畫面上啦。

使用MongoVUE - GUI Tool for MongoDB

圖片
使用MongoVUE - GUI Tool for MongoDBMongoVUE是一個不錯的MongoDB的GUI工具,免費,該有的功能都有。因為實在無法不用GUI工具,所以看了幾個選擇後,選了MongoVUE來玩玩。(是一種隨選的概念啦~)

使用平台MongoLab連接MongoDB

圖片
使用平台MongoLab連接MongoDB在連接MongoDB的時候遇到了一些小問題,將這些問題與解法記錄在這篇文章中。 使用平台MongoLab。

活動咖手機版網站上線了 - 活動平台行動裝置網站或App設計的現狀探討與改進

圖片
活動咖手機版網站上線了 - 活動平台行動裝置網站或App設計的現狀探討與改進這陣子剛好在幫我們家的活動平台網站 活動咖 EventPal 設計+製作行動裝置版網頁,因此參考了不少前輩的作品 - Accupass、KKTIX、Pinkoi、friDay等。在這裡記錄一些我對這些網站的想法,還有我們家產品所遇到的問題和設計的功能、解法。 面對活動平台,基本上我不看精選或推薦活動/商品的,因為就是促銷而已,而這些促銷活動/商品往往無法勾起我的興趣;而個人化的推薦活動和樣本數有關,因此很可能推薦給我的也不是我真的喜歡的,因此無論如何最後我最常用的就是「搜尋」和「瀏覽」功能了。另外,個人化功能也很重要,例如訂單查詢、瀏覽記錄等。

Node - 使用Nodemailer傳送Email

圖片
Node - 使用Nodemailer傳送Email使用Nodemailer來傳送Email。文件可參考Nodemailer

Node - Cookie and Session

圖片
Node - Cookie and SessionCookie and Session。

Node - 表單處理與檔案上傳 (Form Handling and File Uploads)

圖片
Node - 表單處理與檔案上傳 (Form Handling and File Uploads)表單處理與檔案上傳。

Node - 隱藏Response Headers資訊

圖片
Node - 隱藏Response Headers資訊

Node - 使用模版引擎 Handlebars

圖片
Node - 使用模版引擎 Handlebars

Node - 使用express-partials製作Partial View

圖片
Node - 使用express-partials製作Partial View

Hello Node - 基本設定和簡單範例

圖片
Hello Node - 基本設定和簡單範例距離上次摸Node.js 使用 Node.js + Express 建構一個簡單的微博網站 又是好長一段時間,這次從基本設定和簡單範例開始記錄。 跟著Hello node.js - win7中的nodejs(1) 安裝篇至hello world安裝完成後,玩玩暖身題「Hello Node」吧。

AngularJS - TodoList

圖片
AngularJS - TodoList圖片來源:Static translations with AngularJS。大約一年多前(還在前公司),RD部門的工程師們 被迫 組了讀書會駭客任務,其中一個主題是研究當前火紅的JavaScript框架為之後平台改版做準備,當時還小不懂事的我看到 EmberJS 的可愛LOGO便自告奮勇研讀。  最後公司選了 React ...。居然就這樣了...都沒好好玩到AngularJS XD 好吧,就當作是當年讀書會的複習!從TodoList開始吧!

JavaScript Design Pattern - Strategy 策略模式

圖片
JavaScript Design Pattern - Strategy 策略模式JavaScript Design Pattern 「Strategy 策略模式」 筆記。

JavaScript - Event Delegation 事件委派

JavaScript - Event Delegation 事件委派JavaScript Pattern 「Event Delegation 事件委派」 筆記。

JavaScript Design Pattern - Iterator 迭代器模式

JavaScript Design Pattern - Iterator 迭代器模式JavaScript Design Pattern 「Iterator 迭代器模式」 筆記。

JavaScript Design Pattern - Factory 工廠模式

JavaScript Design Pattern - FactoryJavaScript Design Pattern 「Factory 工廠模式」 筆記。

JavaScript Design Pattern - Singleton 單體模式

圖片
JavaScript Design Pattern - SingletonJavaScript Design Pattern 「Singleton 單體模式」 筆記。

JavaScript - Code Reuse Patterns

圖片
JavaScript - Code Reuse PatternsJavaScript Pattern之Code Reuse Patterns筆記。

結構化資料之「活動」範例 (Part 2) - 使用Microdata與JSON-LD

圖片
結構化資料之「活動」範例 (Part 2) - 使用Microdata與JSON-LD(圖片來源:WEBAFFIX)在上一個範例 結構化資料之「活動」範例 (Part 1) 中使用的規範是 Data-Vocabulary.org,這次改用Microdata與JSON-LD,並記錄更多實作上的疑難雜症。