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()