小河馬

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等,幾乎的用的到。

閱讀全文

Google Map marker cluster 標記使用教學

大家好我是Ian,目前是負責網頁前端,每天工作都在處理各種問題(pm奇形需求),順便分享一些相關的解法。
最近剛好專注在google map工具的使用,需要將大量的資料撒上google map,資料也帶滿多資訊,讓user點擊marker在拉開infowindow,又嫌太慢。於是開始研究marker group概念的工具,也發現關於marker library中文的文件比較少一點,所以就順手寫了marker延伸使用範例,也可以直接點開範例看code。

閱讀全文

Menu