1. [CSS學習筆記] parallax視差捲動效果

    前言 今天要來介紹一個 CSS 樣式它能夠將圖片背景固定且能做出頁面滾動式差的效果,而我們所使用的語法也很簡單只要一行就能呈現,就是 background-attachment 簡單來說它是一個背景固定模式的屬性,裡面有多種參數對應像是 scroll、fixed、local,可利用視覺差的效果擺脫傳統圖片的特性。

    2018/02/02 CSS

  2. 使用 JSON Server 快速模擬 Restful API

    前言 在公司開發中往往分為前端與後端,當前端頁面與資料規劃完成了需要串接 API 時就必須等待後端開發者的進度了,此時為了省去這些浪費的時間就可以使用 JSON Server 這個套件,宣稱可以 30 秒可以立即模擬一個假的 Restful API 並且支援開發中最常用的 GET、POST、PUT、PATCH、DELETE、OPTIONS 等 request method,真的那麼神嗎?不多說我們繼續看下去!

    2018/02/01 Web

  3. Firebase Hosting 連結網域服務

    前言 上一篇教學Firebase Hosting 靜態網站部署教你如何使用 Firebase Hosting 來發布自己的靜態網站,發布成功後會自動生成一個 Firebase 專屬的網域給你例如:fir-3e184.firebaseapp.com,此外 Firebase 也很佛心的提供 DNS 轉址服務,能夠設定屬於自己的域名,在看這篇教學的讀者們若你還尚未有自己的網域又不想付費購買的話此篇文章非常適合你!

    2018/01/31 Web

  4. [React學習筆記] React Component的生命週期

    前言 React 的出現就顛覆了傳統網頁設計概念,出現了 Virtual DOM 這個名詞,不僅提升渲染的效能也能夠將所有畫面做元件化,而產生出 WEB APP 的名詞出現,在這章節中我們就來討論 React 的生命週期。

    2018/01/31 React

  5. Freenom免費的頂級域名申請教學

    前言 Freenom 提供了五種的免費頂級網域 .tk、.ml、.ga、.cf、.gq,不論是要架站或拿來當 Blog 的域名都非常合適,畢竟主機的靜態 IP 位置一方面不易判讀也不太適合暴露在大家眼前,所以必須靠 DNS 轉址服務來連結自己的網站。

    2018/01/30 Web

  6. Firebase Hosting 靜態網站部署

    前言 Firebase 這幾年來被 Google 收購後開始不斷成長,也不斷的開出新功能讓大家體驗,其中今天要來介紹的是 Firebase Hosting 靜態網站部署,雖然是免費的但還是有流量的限制一個月上載 1GB 下載 10GB,詳細付費資訊可以參考官方。

    2018/01/29 Web

  7. 使用 Gulp 4.0 新的(CLI)命令行界面

    何謂Gulp 隨著前端世界的演進衍伸出許多語言框架像是光 CSS 就有 LESS、SCSS、Sass、Stylus、PostCSS,HTML 有 Haml、hbs、pug、Slim、Markdown,而 JavaScrypt 則有 CoffeeScript、LiveScrypt、TypeScrypt、Bable,對於這些程式碼的打包其實非常的重要而 gulp 就是在做這件事,此外與 gulp 相類似的打包工具就是 grunt,grunt 對於資深的工程是一定不陌生,他是最古老的打包工具近幾年 gulp 出現使用者慢慢轉移使用 gulp 了,而在 2018 年 1 月 gulp 也終於正式釋出第4版了。

    2018/01/23 Tool

  8. [Node.js打造API] Google Cloud Platform(4)-API測試

    本文你將會學到 使用 git 將專案引入到 VM 虛擬機中 在 VM 上測試執行API

    2018/01/21 2018iT邦鐵人賽