關於自動部署 rollback

圖片來源 - msdn 關於自動部署後延伸的議題,若部署失敗後的 rollback 處理。 首先必須了解,我們需要 rollback 什麼 還原回舊的程式碼 還原資料庫 還原回舊的程式碼 以 capistrano 為例,每次透過工具執行 release 指令之後,在 releases 資料夾下,就會有當下時間戳記資料夾,工具會更新軟連結 (current) »

Search Engine Optimization (SEO)

什麼是 SEO ? 搜尋引擎優化(Search Engine Optimization,SEO)的意思是讓網站在搜尋的結果中得到較好的排名,進而獲得流量。一般而言,要達成其較好的排名主要依循:「網頁結構化」及「使用者體驗」兩點。 Search Engine 原理 搜尋引擎主要技術是利用 網路爬蟲(Crawler)透過程式去追蹤網頁上的超連結,然後不斷往外擴張,以便將全世界中曾經被連結到的網頁搜集起來。面對海量的網頁內容,如何快速找到包含用戶查詢詞的所有網頁? »

用 WebdriverIO 寫一個真實世界的登入範例

此篇會先以最基本的方式去撰寫,下一篇會將此篇相同的程式改寫成 Page Object Pattern。 步驟解說 這是一個真實世界測試案例,針對正常登入流程進行測試,基本流程就是前往登入頁,並填入帳號密碼後,按登入按鈕,確認是否登入成功。現在我們一步一步去看,它到底做了什麼。 步驟一 圖一 因為前端測試是模擬使用者的行為,所以它只能點選使用者可視範圍,登入頁的連結是被隱藏在左側,所以需要先把側欄畫面點開來。 圖二 it('前往登入頁', function(done) { browser. »

新時代的 CSS 寫法 - CSS Module

CSS Module 身為一個網頁新手知道,前端由「HTML」、「JavaScript」、「CSS」三個部分所組成,相輔相成的進化著。 CSS Module 是 CSS 近期被提出的一種模式/寫法,主要的概念是在原本的 CSS 寫法中加入了 模組作用域 與 模組组合與依賴 兩個重要特性。 作用域 局部作用 傳統的 CSS »

Webdriverio 常用語法

這邊僅介紹常用語法,如果需要其他語法請參照官方API文件。 基本條件 已假設你有 Selector 的基本知識 你已經讀過之前在此分享的所有相關文章,尤其是WebdriverIO Basic 102: 你不知道的 Selector 用法 動作(Action) 模擬使用者操作行為 click 點擊元素(按鈕、連結、任何可被點擊的元素) 語法 browser.click(selector); 範例 »