Facade 外觀模式

「替子系統定義一組統一的介面,這個高階的介面會讓子系統更容易被使用」

將系統內部的互動細節隱藏起來,並提供一個簡單方便的介面。
客戶端只需要透過這個介面,就可以操作一個複雜系統並讓它們可以運作。

more

State 狀態模式

「讓一個物件的行為隨著內部狀態的改變而變化,而該物件也像是換了類別一樣」

當某個物件狀態改變時,它的「表現行為」有所變化,但它與外界的「對應方式」不會有任何改變。
而物件的內部狀態確實會轉換,外界是不需要了解狀態轉換的過程。

more

開發遊戲實例 - 不規則感應區

網頁上要感應滑鼠點擊是否在區塊內
一般會用 div 綁定 click 事件
如果遇到不規則多邊形或是沒有 div 可以綁定
可以用 HTML 的 map 來畫
這二種方式用在靜態網頁上還可以
在遊戲裡畫面常常會換來換去
或者感應區沒辦法綁在元件上
那就不好控制了

more

圖片框框的 CSS 特效

在網頁上搞一些小特效
其實滿炫的又可以讓網頁加分
最近看到 Creating a Border Animation Effect with SVG and CSS
抓下來研究研究
發現框線是用 SVG 畫的
搭配 CSS 的 transform
簡單的技術卻做出很炫的效果
玩特效的人真是不簡單啊

more

將 NWJS 打包成 EXE 檔

最近用 nw.js 做了一個應用程式
要壓成 exe 檔的步驟還滿麻煩的
順手記錄一下筆記

more

操作陣列的設明圖片

這張陣列操作的說明圖片
應該每個語法大部分都有支援
寫程式那麼久
有些語法還真的沒用過
像 some、every、reduce

more

PHP 偷偷更換 URL 的網域

現在租空間來放網站
是很普遍的事
可省下不少功夫
及一次管理多個網站
另外網域也能申請多個
都指向同一個網站

more

利用位元運算子在 Integer 中快速轉換 1 跟 0

在資料庫裡常有"是"、"否"的欄位
有些 DB 有支援 boolean 或 bit
不過怕會有相容性的問題
一般是習慣用數字型態表示,例如 int、smallint 等
最近發現用位元轉換的方式
可以快速轉換 1 跟 0

more

數位電路實習 – 三人競賽

這次的電路比較容易
經過前二次的練習
整體的速度變快很多
希望把剩下的作業做一做
快一點進入微晶片 8051 的實作
微晶片課程才是重點

more

數位電路實習 - 密碼鎖

第二個作業 - 密碼鎖
這次光看到電路圖頭就大了
不只零件多邏輯閘更多
還沒動工前就聽到傳來一片哀嚎聲
這可是第一次要用到 Top Layer 的跳線
跳線的規則是能少則少
這完全是考驗著 Layout 走線的功力啊~~

more

數位電路實習 - 行人紅綠燈

經過了二個月無聊的課終於開始要做電路板
第一個作業是模擬紅綠燈
看到電路圖感覺很複雜
想到以前有用過麵包板
結果插一插實際上還滿簡單的
最麻煩的是要畫 Layout 圖跟焊電路板

more

從一個 php 網頁去觸發另一個 php 網頁

最近被同事問到一個問題
"PHP 在網頁上能做到從一支程式去觸發另一支程式嗎?
最後這二支程式都是同時獨立運行"
因為之前有寫過 PHP 的多緒行緒
感覺上是沒問題
不過深入了解後發現
其實同事的目的不需要用到多執行緒
只要用 curl 再搭配其他的 trick 就行了
用到多執行緒有點大材小用又不好寫
加上他說在 windows 上的 PHP 沒有支援多執行緒(真是殘念)

more