個人的 CSS 習慣

這邊紀錄一下個人寫 CSS 時的習慣,不是 BEM、ATOMIC 那些命名,只是紀錄程式的排列方式,有些我也還沒嚴格遵守,透過這篇整理來做為往後的參考。

紀錄不包含 postcss 的部份

css

轉轉徵人頁面開發記事

banner

徵人頁面

這次的專案需求相對自由,不用管 IE 死活,對技術也沒特別要求,加上只有單一頁面,所以我決定用最單純的開發環境來進行。

主要架構

  • 主框架:Polymer,用官方的 polymer-cli 創建專案。
  • 輔助工具:BrowsersyncSVGOMG(線上 SVG 壓縮工具)

沒有 webpack,只有用 polymer-cli 預設的指令打包壓縮。

Next.js 試用感想

在使用過 Vue 社群的 Nuxt.js 開發過一次專案後,便對 React 方的 Next.js 抱有很大的興趣,尤其在知道 Nuxt 是由此啟發之後,對他抱的期待又更高了,於是在專案上線後,就轉去摸索了 Next 幾天,來試試看能不能把很久之前的 React 專案搬到上面,以下大概講一下那段時間的心得。

以下以 3.0.1-beta.X 為主

Vue.js 大型專案開發心得

歷時數月的田田蔬果終於正式上線了。

這次專案是用 Vue 作為主軸來進行開發,對公司以及對我來講,不只是第一次的體驗,也是第一次將此類技術直接用在一個完整專案,來達到前後端分離的目標。

Vue

摸索 Elm

banner

前陣子在考慮摸索 Elm,剛好在那時候也在找當季蔬果的資料,後來想想,乾脆用這些資料來當作摸索的題材,於是這網站就誕生了,以下來大概講一下感想。

選 Elm 的原因

很大一部份其實是逃避現實,由於 JavaScript 的 framework 跟 library 大量出現,而且不僅是前後端,還延伸到桌面軟體、APP 甚至是 IoT 上。以前只是將 ES6 轉成 ES5 的 Babel,現在除了將可能會有的 ECMAScript 語法轉換以外,還可以讓 JS 支援一些不存在的語法(比如 Flow),再配上 webpack 還可以進一步定義更深的語法結構,雖然不是說非得全包全學不可,但五花八門的輪子不斷冒出,當下感覺是非常的吃不消。

當時摸的是 React,雖然我個人挺喜歡這 library JSX 語法我很討厭,加上圍繞著 React 衍生的各種有的沒的花樣,輕則只是加點功能,重則有如在這之上又加了自創的語法一般,導致整個檔案看起來就像是三四種語言或語法風格的大雜燴,但不得不說,React 生態系真的把 JS 玩得很溜,比如 styled-components 又是一絕,但又要多塞一種風格在裡面我得考慮考慮。

原本下一個想碰的是 Cycle.js,但後來想想,Redux 跟 Cycle.js 都有跟 Elm 借鑒一些東西,加上繼 Redux 出現之後,Elm 被關注的程度似乎有上升的趨勢,不如就直接學 Elm 看看,而這也是我第一個學的轉 JS 的語言。

elm