聽歌

聽搖滾樂已經是生命裡無可取代的一部份
偶爾 夜深人靜 寫程式時 會想聽台語歌
還在台北時 是一份鄉愁
回到南部
是連結從小跟著老爸一起聽歌長大的記憶

gulp-iconfont 的輸出設定

gulp-iconfont 的輸出路徑
有點麻煩
以下是相關路徑規則
base一定要設定src的位置 才會讓scss可以輸出到指定的地方
1.gulp.src
  設定svg路徑,並加上設定base到src
  gulp.src([paths.svgSrc+'/*.svg'],{base: "src"})
2.gulp.dest
  設定要輸出的fonts路徑
  gulp.dest("www/fonts")
3.iconfontCss設定
  設定相對於目前所在目錄(project根目錄)的scss template位置
  path: "./gulpfile.js/util/_icons.scss"

  設定要輸出scss的目錄,相對於gulp.dest
  targetPath:"../../src/scss/generated"

  設定fonts所在目錄,是相對於css的目錄
  fontPath:"../fonts/"

妹妹畢業了

今天 是妹妹的畢業典禮
去年的這天
我們還在台北
妹妹台北的幼稚園 剛好也是畢業典禮

今年 妹妹要上國小了

回高雄也快一年了
自己回到了生命的起點
重新開始

感謝 一切的一切
珍惜 可以跟妹妹生活的

每一天

Chrome React Tool 顯示Component 顯示 Unknow 處理

在Chrome React Develop Tool上
查看React Componet節點架構
發現會顯示為Unknow
只要在createClass時
加上 displayName 就可正確顯示了
例

SideBar = React.createClass
  displayName:"SideBar"
  render:->
    <div>
      <CatItem></CatItem>
      <SubCatItem>456</SubCatItem>
      <SingleCatItem>123</SingleCatItem>
    </div>

gulp coffee react jsx轉換的 bug

目前Project是以gulp做管理，寫的是ReactJS的JSX
當然還是要用Coffee來寫
但要可以正確compile 也就需要
先讓jsx可以在coffee內可以先轉換過
再把coffee compile成js
因此就需要用到coffee-react-transform來處理
再把它整到gulp的task內
又找到有人再把coffee-react-transform
再包裝成gulp-coffee-react-transform這樣的plugin
不過今天使用發現一個bug
是這plugin內與coffee-react-transform相依的版本太舊
會造成轉換錯誤

該轉成
React.createElement("div",..)
都變成了
eact.createElement(React.DOM.div,...

自然就掛了
解決的方法 其實只要進node_modules內
把gulp-coffee-react-transform內所用的
coffee-react-transform 版本換掉就可以了
不過還是發了個pull-request給作者

modal hide 在ios上的bug

使用bootstrap modal
當modal上有input field 在focus狀態時
若將modal hide
在android上同時會自動讓input field 失去focus
但在ios上 focus還是會繼續讓focus留在input上
而造成在ios上有modal關閉不完全的狀況

這部分需處裡在modal hide時
強制讓input field失去focus
也就是

$('input[type=text]').blur()

window.innerHeigh for ios bug

window.innerHeigh在android上可以抓到當時設備方向的高度
ios設備上則不管拿水平垂直,都會抓到device的高度
只要加上以下meta
即可正確取得當時方向的height

<meta name="viewport" content="width=device-width; initial-scale=1.0; maximum-scale=1.0; user-scalable=no">

nodejs update gulp error

更新ndejs版本到0.12
gulp出現v8flags json 找不到的錯誤
只要重新安裝gulp即可解決

npm uninstall gulp -g
npm install gulp -g

html select tag 在 cordova build bug

1.selectsize無效
若要select 顯示多筆,在web上可透過size設定要顯示的數量

<select size='5'>

但在build apk後,會造成select無法看到option選項
clcik select後才看得到選項
拿掉size後 select會顯示單筆option

2.option selected無效
在web上可以透過設定option的selected達到選取效果

#$(_option).attr 'selected','selected'<br />

但這在cordova上無效須改成在
select上設定value才會讓web與cordova都可常使用

$('._select').val $(_option).val()

in memories

早上四點多 天還沒亮
房間裡 是昏黃的燈光
阿嬤 已經起床要出門運動
這畫面一直在記憶裡30幾年

國小四年級 從苓雅區永康街的老家搬到鳳山
常跟我弟坐著公車回老家玩
玩累了 要回去
阿嬤總會給我們兄弟5塊,10塊零用錢
讓我們開開心心的回家

這幾年 阿嬤都躺在床上
也只有在逢年過節 我們才會去握握她的手 跟他說說話
現在閉上眼 還是能看到自己小小身影旁的她
R.I.P