網站製作學習誌

現代較新的 Web Framework 都強調自己有 Dependency Injection (以下簡稱 DI ) 的特色，只是很多人對它的運作原理還是一知半解。

所以接下來我將用一個簡單的範例，來為各位介紹在 PHP 中如何實現簡易的 DI 。

最近有數篇文章介紹了 PHP 開發者常見的錯誤，我順手整理如下：

註：本文為作者發表於 OpenFoundry 之 CSS3 動畫基礎一文的備份。

在 JSConf.Asia 2013 ， Lea Verou 介紹了 CSS in the 4th dimension (影片) ，引發了整個 Web 界對 CSS 動畫的期盼；在 CSS動畫簡介一文也已經把重點整理好了。

以下我們將會介紹主要兩個 CSS3 在動畫的屬性： Transition 與 Animation ，並配合實例來練習這些技術，後面我也會介紹一些不錯的相關開發工具。

參考了 AngularJS @ DevWeek 2014 這篇的介紹，認真地試玩了一下 Yomen AngularJS Generator ，以下是簡單的筆記。

原文連結： 20 Useful Docs and Guides for Front-End Developers

看到上面的文章收集了許多前端開發參考資訊，覺得非常實用，故將重點整理如下：

在製作公司官網時，遇到類似以下這個影片的問題。

​http://www.screenr.com/gZN8

也就是在有動畫效果時，某些元素上的文字粗細會被改變；然而實際用 DevTools 去查看該元素 CSS 時，會發現文字粗細樣式並沒有任何變化。

如果你常常趕不上火車，你或許有機會看到火車離開月台後，月台上的站務人員以食指比向左右兩邊，似乎在指著什麼東西。如果你更好奇一點，往那兩個方向看去，你將會見到在遠處的鐵軌旁有個號誌燈。

在 Single Page Design 中，我們常會把落落長的頁面分成幾個區塊，然後在上方或側邊選單中以這些區塊的標題來做為選單項目。

在官方手上的有關開發 Laravel 4 套件的章節，內容其實寫得滿詳盡了。只是它缺少了有關單元測試的說明，以下我將介紹一些自己的做法和經驗。

這陣子被 MongoDB 的低效與不穩定性搞得焦頭爛額，但查了很多文件與資訊，都發現 MongoDB 的表現不應該如此不堪。而且查看系統的運作狀況，其實 CPU 連 30% 都沒跑到。為什麼會這樣呢？

而最常發生的問題就是大量寫入時，總是會出現 No candidate servers found 的訊息，然後程式就中斷了。幾經檢查，才發現是舊的第三方 mongodb library 寫法不能跟新的 PHP Mongo Native Driver 匹配。

以下就把我的設定心得記下來，供大家參考。