4th Practice: Twitter Clone
100 個練習計畫:第四個練習

第四個目標

練習 PHP、MySQL 跟 MVC,因為 Bootstrap 很方便,所以 HTML 跟 CSS 就這樣吧!廠廠~

還是要先講一下,這並不是我憑空寫出來的作品,是跟著 Udemy 網路課程教學作出來的。

遇到困難

對自己智商產生質疑

真的是這樣,之所以這麼廢的東西還能作這麼久,事後檢討的結果,絕大多數時間都浪費在因為智商太低產生的各種製造障礙,簡稱製障問題上。

譬如說出現什麼 404 或 500 錯誤訊息,花了三個多小時觀看 stackoverflow 上高手討論,最後發現是 PHP 某一行少加了一個 ;,當天直接氣到作不下去之類的…

debug

作這個真心受教了,要馬每一步都先作測試,要馬就要會查 bug,人生就是要接受 bug 的出現,沒 bug 絕對是陰德值爆滿。

所以我目前領悟到的順序是:

  1. 先查 code 有沒有漏加什麼 ;,或者哪裡括號沒關好,這些出現的頻率超乎你想像,即使有 autocomplete 功能也是一樣
  2. 再來用 Chrome 的 Inspect 或 Firefox 的 Inspector 來查錯誤訊息,運氣好就會跟你說你程式碼哪一行有問題
  3. 還找不到,先不要急著 google,先查 Log!先查 Log!先查 Log!很重要,所以講三次。通常 Log 也會跟你講執行到哪一行有問題
  4. 最後真的都不行,再拿錯誤訊息去拜 google 大神

以上是我的切身之痛,其他的難點在這兩個困難底下,都已經不再重要…喔不是啦,還是補充一個。

AJAX

不太確定這算不算常識,但大家在使用 jQuery+AJAX 的時候要注意 jQuery 的版本,請不要用到 slim 版的喔, jQuery slim 版把 AJAX 功能拿掉了,所以最起碼要用 minified 或更完整的版本,切記切記!

尤其在套 Bootstrap 4 的模板的時候要注意,官方預設是載入 slim 版本的 jQuery,要記得自己去改 cdn。


Last modified on 2017-09-15