小河馬

第一次面試人

因為一些緣故,某個前端同事離職了。人總會來來去去,雖然我到職相處三個月多,但還是不禁有點感傷。為了補上人力缺口,公司很快地開始招募員工,沒想到,要我跟另一個前端同事Joey一起擔任面試角色。

閱讀全文

Google Search Console教學 提交Sitemap網址、SEO工具

gooogle search console是非常實用、強大的工具,有辦法直接影響網站在google上的搜尋,例如說我要立刻取消自己網站上某頁不被google搜尋到,search console移除網址可以處理。頁面剛建立好,要快速出現在google搜尋結果,就可以用search console提交網址索引,或是提交整個sitemap。

閱讀全文

HTML postMessage iframe and open window 跨視窗傳訊用法

最近在公司專案學到了滿好用的功能 postMessage,當今天使用到跨視窗iframe或是openWindow,原本parent頁面需要傳遞訊息給內頁iframe或是tab頁,就可以利用postMessage來傳遞資料。接下來會建立demo頁面,介紹一下iframe跟window open的使用方法。

閱讀全文

Google Tag Manager tracking code 安裝追蹤碼

Tag manager 是一個強大的程式碼管理容器,一個代碼管理中心的概念,提醒一下它並不是取代google analytics,而是涵蓋著處理各種代碼的設定,包括google analytics 以及各種tracking code、或是html等等。功能非常的強大,因此寫錯script或css就可能讓你網站出問題。

閱讀全文

JavaScript Prototype 繼承、原型鏈 Prototype chain

因緣際會之下,最近剛經歷了招募前端,為了準備面試題目,所以整理了一些關於JavaScript的 觀念,其中比較抽象的題目應該是ProtoType、Event loop、Bubbles Capture,這邊就先來介紹一下其中最抽象也比較難理解的JavaScript ProtoType。

閱讀全文

Google Analytics 工作階段介紹、定義

google analytics網頁的左邊欄位,點開目標對象、客戶開發就會發現滿滿的工作階段,如果不懂工作階段的定義,那你裡面的相關數據可能會看不太懂,很久以前我有看過舊版的官方介紹,看完其實一知半解,一直以為工作階段會近似於入站或是使用者,然後有時候看數據就用猜測的。例如說單次工作階段頁數,雖然知道是瀏覽頁數除以工作階段,但你在交叉比對其他數據的時候,就比較難分析出真正原因。

閱讀全文

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文都不能編輯,但是,「認證網域」之後就可以開放編輯貼文了。我看到這消息就實際跑一次流程試試看。

閱讀全文

Menu