小河馬

聊聊4年前,剛出社會的我

也是很久之前就一直想紀錄的內容,到現在還是很懷念,所以才會開了生活的分類,雖然生活類只有跟工作有關的面試、面試…。

閱讀全文

JavaScript Capture Bubble DOM事件獲取&冒泡

JavaScript處理DOM事件上的獲取和冒泡,實務上滿常用到的觀念,可以透過這方式解決一些麻煩問題,例如: popup視窗的關閉、內外層DOM互動關係,另外事件獲取、冒泡也幾乎是面試必考題。

閱讀全文

SEO關鍵字分析選擇,優化工具介紹

從去年剛開始寫blog,就一直很想分享的內容,以前曾擔任過行銷,主要是負責seo優化,有一些些小技巧跟心得想分享。以前是依靠寫文章,並且在文章內導購手法,記得那時候部門內的全部blog、官網我都有負責,到最後整體網站流量都還不錯,官網、blog都成長非常多。

閱讀全文

Javascript Promise example 簡易實作模擬

Javascript 在ES6新增了大量非常實用的功能,其中重要一項就是Promsie,讓我們可以很直覺的處理非同步,在以前如果我們需要同時發出多個非同步請求,就必須在每次調用function 時,一起在參數帶回callback的function,重複了幾次就變成了波動拳。

閱讀全文

React Server-side rendering SEO處理

先來稍微介紹一下為什麼要做server side render,另外這邊不會使用next.js,雖然公司目前專案有用到,但我滿推薦用next.js的,很好導入並且解決很多需要處理的問題。(雖然有一些bug、還會頻繁更新,兩年內version 3 -> 7…)

閱讀全文

SEO 301、302轉址Redirect,canonical tag重複內容處理

SEO優化,是眾多細節的組成的,不光光只是設定好title而已,還有網站架構、速度、後端設定處理等等,包含非常多項目,對開發人員來說,不論是設計、前端、後端都需要注意。

閱讀全文

Update Next.js 7、react 16 error and bug

前陣子公司專案從next 3 更新到7、react也從15更新到16,希望能加快開發或佈署的速度,順便分享一下踩到了哪些的地雷。

閱讀全文

結構化資料SEO 優化顯示搜尋結果

過去,搜尋引擎難以理解網站的內容屬性,這時就依靠結構化資料(structured data),這是Google、Yahoo、Bing等搜尋引擎根據schema.org制定的標記,共同的去支援。這些標記多半是關於網站內容的一些分類,麵包屑(breadcrumb)、文章(article)、活動(event)、影片(video)等等。

閱讀全文

React Portals render component anywhere example

這幾天專案要處理非常麻煩的畫面,子層被父層 overflow: hidden 加 postion relative 切到部分展開元件,突然想到之前同事提到新功能Portals,Portals能夠將元件向任意dom節點依附渲染,非常酷炫的功能,想說就順便來研究一下React Portals。

閱讀全文

Upload progress bar drag&drop 圖片拖拉上傳進度條

最近剛好要使用圖片上傳的功能,但因為資源較少,所以考慮用網路上的image api服務,稍微研究後選擇imgur的服務。以前拖拉上傳,都是用套件處理掉,剛好來研究一下如何處理拖拉上傳圖片,附加進度條功能。

閱讀全文

Menu