0%

距離上次寫這個開發紀錄,已經過了快一個月,都忘了當初寫的感覺,以及要記錄的東西有哪些了

axios

存取 API 的部分,基本上就是用 axios 來做 ajax,不過這次參考了某篇文章的做法,把 API 在傳送前跟接收後都做了一層共同的處理,因為在處理 CROS 的時候,每次 API 的 header 都有些相同的資訊要傳送,所以就另外抽出來實作,而接收端的話,就一起針對錯誤情況做些簡單的處理。

閱讀全文 »

mixin 內容

這裡是以前的習慣養成的,其實不一定是個好作法,我會將某些 .vue 裡面,可以共用的 method 或是某些比較獨立的 method 抽出來另外做成 mixin 然後在 import 來用,雖然立意良好,但實際執行上,有時會變成把一個很大的 .vue 檔抽出部分 method 放去 mixin 來使用。

閱讀全文 »

頭一次用 Vue.js 來開發整個網站的專案,雖然還沒全部做完,還是先來做一下至目前為止的一些記錄,提供日後有需要的時候可以參考。專案是使用 vue-cli 3.0 版本產生的,環境所需 Node >=8.,目前本機環境 node.js v6.9.5,因為有舊專案的需求,所以不敢直接更新上去,所以使用 nvm 來安裝不同版本的 node.js

閱讀全文 »

  • Vue 專案內使用共同 SASS 資源
  • Vue 專案目錄結構
    • manifest.json
    • firebase-messaging-sw.js
    • src/main.js
  • Get Push Token
  • Get Push Notification
    • 網站開啟時,收到推播
    • 網頁關閉下,收到推播
  • 發送推播

這幾個月來一直懶得更新文章,其實一直想找時間把最近工作的一些事項做些紀錄,結果都一直在看新入坑女團(GFriend)的影片,由於昨天一整天一直在鬼打牆,早上打破一片牆,下午又再遇到一片牆,好在下班前有所突破,趁著記憶猶新的時候,趕緊紀錄一下。

其實到目前為止,本身對於 PWA (Progressive Web Apps) 沒啥研究,所以對 Service Worker 也不太了解,在這種情況下就去串接 Firebase Cloud Messaging,真的有點越級挑戰了,所以一直碰到問題也很正常,甚至一度不曉得該先解決什麼問題,雖然下班前有完成一個簡單的 Web Push Notification,但還是覺得有些運氣成份在。

閱讀全文 »

已經不想去算到底多久沒有更新 Blog 了,因為最近幾個月實在沒什麼梗,不過這也算是好事吧!感覺起來似乎比較輕鬆些?其實也沒有比較輕鬆,前陣子還得趕鴨子上架,把剛摸沒多久的 Go lang 直接投入在新版後台開發上,想想都覺得很抖~~

從去年進公司以來,一開始就先著手開發的商品預訂流程,想當初花了一個半月,直接用 vue 2.x + vuex + vue-router 真的很敢,結果就是後來陸續要針對預訂流程做調整,就得再回顧之前一開始寫的 code,也不能說看得很痛苦,但是…看著好幾個月前寫的東西,總是在陌生與痛苦間徘徊。

閱讀全文 »

原文網址:https://paragonie.com/blog/2017/12/2018-guide-building-secure-php-software

隨著將到來的 2018 年,一般技術人員(尤其是網路開發者)必須拋棄原有開發安全 PHP 應用軟體的舊習與信念。尤其是對於許多不相信這樣壯舉的人來說。
本指南作為「PHP: The Right Way」電子書(繁中版)的補充,強調的是安全性,而不是一般PHP程式開發者主題(如:代碼風格)

閱讀全文 »

已經兩個月沒更新 blog 了,感覺再不寫都快忘光 hexo, Travis CI 跟 elasticsearch 的使用了,不過先前已經將大部分的工作都自動化了,所以現在省事很多,只要 git push 後沒出問題的話

最近一兩個月下來,本來有想說寫一下怎麼做 FB 產品目錄,不過感覺這個找相關文件看好像就好了,加上寫文章動力大減,就一直荒廢中,而工作也幾乎都是切版,套程式,雖然有花一點時間摸索一下 docker 跟 golang 可是礙於工作需完成的進度很趕,所以實在沒太多時間好好深入這兩個東西,覺得非常可惜!希望之後可以跟得上大家的進度,不要扯後腿。

閱讀全文 »

Google Analytics

基本作法

每一頁都加上 pageview,這個真的太基本了,就不在浪費時間說明了

使用事件追蹤

事件追蹤主要分幾個參數可以使用

  • Category
  • Action
  • Label
  • Value (int, 可選擇)

下面用個簡單的例子說明,如果想要對用戶登入、註冊進行事件追蹤,大概可以這樣設計

說明 Category Action Label
Email登入 Login Click Email_Login
Facebook登入 Login Click Facebook_Login
Email註冊 Register Click Email_Register
Facebook註冊 Register Click Facebook_Register
閱讀全文 »