React Life Cycle 生命週期更新版,父子元件執行順序

如果在開發上是用React,最常用到就是一定是處理state、props,而其中最重要的莫過於是生命週期lifeCycle,可以在每個元件渲染的過程,加入需要的處理,例如載入完元件後非同步抓取資料,更新props觸發處理事件等等。接下來就來介紹life Cycle,順便了解新版本多的功能,還有未來會移除的功能。

閱讀全文

Google analytics UTM設定參數,追蹤facebook廣告、簡訊、EDM

如果你有在操作facebook廣告、電子報,簡訊、或社群曝光分享,你可能會使用某些短網址服務,來分析點擊率、開信率,但是要從google analytics查看每個管道的跳出率、轉換率、停留時間等等,可能技術上會有些複雜。就只能透過網址下參數一些參數來讓ga分開網址,例如(www.iandays.com/?from=fbads&type=video),但這可能會造成網址參數過多,報表的數據難以整理、分析。這時候使用utm,就能解決上面全部問題。

閱讀全文

Node.js、Express、MySQL串接資料庫,Heroku部署環境

一個網站組成主要會是前端加後端,簡單來說,前端主要是畫面加上操作介面,包含了html、css、javascript,後端則是處理使用者請求控制回應,例如登入註冊,會員後台等等,其中後端有各種語言例如PHP、Java、ASP.NET、Node.js、Python、Ruby…等等。

閱讀全文

Facebook 粉絲團網域驗證教學

最近剛好朋友傳給我看一則文章,關於編輯貼文的功能,有條件地開放了。因為fb要防止假新聞事件重演,目前只開放媒體型粉絲團編輯連結資料,其他粉絲團po文都不能編輯,但是,「認證網域」之後就可以開放編輯貼文了。我看到這消息就實際跑一次流程試試看。

閱讀全文

React Higher Order Components 初探觀念

換了工作環境,接觸了全新的專案,一打開react專案,恩…滿滿的stateless component,稍微整理一下相關資訊。這邊要來介紹使用stateless component的時候,常會搭配使用的Higher Order Components,之前有看到「高階組件」這區塊,被他名字誤會了,實際上一點也不高階,他就只是一個function 函式,接受參數元件然後回傳全新元件,簡易的範例如下。

閱讀全文

Google analytics 事件追蹤、轉換目標設定教學 ga event

Google analytics是一個追蹤數據的好工具,其中有個重要的功能『事件追蹤』,事件追蹤可以讓我們紀錄使用者的動作,例如點擊註冊會員按鈕、影片播放,或是滾動畫面等等,只要動作能判斷都可,甚至連滑鼠移動可以追蹤。

閱讀全文

前端工程師面試心得 | Frontend Engineer interview

整理最近的面試心得,要找的是第二份前端職缺,我大概在三月開始找工作,主要是用104、yourator、ptt,找的都是希望有用到前端框架或是未來要用,挑公司產品主力是網頁相關。幾乎都是主動投遞履歷居多,主動找我的只有一間有約面試。

閱讀全文

Google sheet 試算表表單串接api

要用到活動或是問卷,相信大家最常會用到google form,非常快速的創出填表功能,但google form存在許多限制,我沒辦法創立特別的欄位,沒辦法做出一個複雜訂餐表單,表單長太醜(痾…其實我對google表單設定不太熟悉)。

閱讀全文

SEO優化 google教學guideline介紹

SEO優化是什麼,SEO是Search Engine Optimization的簡稱,中文叫做搜尋引擎優化,簡單講就是使用google、yahoo、bing等搜尋引擎搜尋時,網站能排在前面,更容易使用者被看到點擊。

閱讀全文

Javascript Array sort 陣列排序分類處理

javascript在實務上最常用array處理多筆資料,因為彈性大好運用,不論在api取資料、cookie、local storage等,幾乎的用的到。

閱讀全文

Menu