發表文章

目前顯示的是 十一月, 2016的文章

仙跡岩步道

圖片
今天一早跟同事相約去走一趟景美的仙跡岩步道,我們是從景美的仙跡岩入口進去然後經過山上的呂洞賓廟地藏王菩薩廟,接著在從萬芳的海巡署出來。其實這個步道還滿輕鬆的,快一點大概一個小時就結束了。因為同事有帶著小孩一起走,中間又休息跟玩了一下公園的遊樂器材,所以走了大概一個半小時。

大約早上10:30開始走,到了海巡署出來大概11:40然後就到萬芳醫院附近的『西紅柿麵館』吃午餐。最後在騎ubike回到景美騎車。

天氣預報還真的滿準的,早上還有出太陽但是過了中午就馬上轉陰下雨氣溫驟降。以下是步道的一些相片。

































感恩節之玉米雞火鍋趴。

圖片
首先感謝威智提供家裡的滷玉米雞當作鍋底與高湯。然後感謝光閔提供米酒、蒜頭、鮭魚頭與麵當作高湯加量與加料,全佑提供瓦斯罐而我是買了一些青菜與菇類加菜。
五個人吃著火鍋看著夜景閒聊著,或許天冷但是友情溫暖著我們的心。
希望未來能有更多機會相聚、吃鍋。






遺忘的天空

圖片
依稀記得小時候每當望著深邃的夏夜星空,遙想著未來的我想成為什麼樣子的自己、想要過著什麼樣的生活。

如今望著沒有星星夜空才發那些被我遺忘的純粹。

18歲的夢想現在還記得哪些?18歲的夢想現在實現的又有哪些?

到了都市之後就連星空都被現實與生活塵埋不再閃爍。

告訴自己迷失的時候,記得抬起頭來看看這片忘卻的天空。

Javascript "new Array(n)" 與 map 的小陷阱。

這個小陷阱是我單純想要生 "n"個元素的一個array然後用map去隨機填值。後來查了一下map的說明才發現map只會對元素有assigned 值的才會去跑callback裡面的function

因此如果我用 new Array(n)的方式會先產生n個undefined pointer的Array,所以map根本不會去跑。然後又在stackoverflow發現個有個人問過類似的問題!請看這邊
x = new Array(3); x.map(function(){ return 0; }); // [undefined, undefined, undefined] x.constructor == y.constructor // true y = [undefined, undefined, undefined] y.map(function(){ return 0; }); // [0,0,0] 問題在 x的生出來是undefined pointersy3個指向undefined的pointer所以map跑出來會是0的array。


Angular-cli 結合 atom 編輯器開發 Angular2 環境簡易設定。

圖片
首先 我的系統是ubuntu 16.04 如果是windows的朋友可能要先參考保哥的文章弄一套可以在windows下執行一些linux 命令的 命令視窗軟體。
首先安裝npmyarn。npm 安裝 nodejs 就會有,可以到官網這邊看怎麼安裝。npm 主要我們可以透過它來安裝、管理一些套件或是開發要用的東西,類似ubuntu的apt-get的套件,但是主要為javascript開發出來套件庫。
nodejs 官網yarn :跟npm有相同功能的軟體,主要為facebook團隊撰寫的軟體。為什麼要再裝這個軟體呢?因為npm安裝套件過程很慢,yarn幾乎快上10倍。安裝方式請查閱 yarn官網。 安裝angular-cli:這是一套google用來方便開發angular2 專案的工具,提供了快速建立專案測試開發跟最後打包的功能(webpack)。由於打包的工具很多,測試的軟體也是很多種外加開發時期可能還需要搞一些小型web server,這套工具的強項就是把要開發angular2專案要用的軟體全都一次幫你設定好快速上手。 這邊我們用npm來安裝angular-cli,因為我用yarn 安裝到global(系統層)依舊不能用,所以請先用npm 安裝
sudo npm install angular-cli -g 安裝typescripttslint系統下(也就是用npm 的global參數):這些是要配合atom 編輯器讓你在撰寫angular2 專案的時候有ide的功能。例如:自動補完關鍵字、偵測程式碼是否有寫錯、是否有未宣告變數....等sudo npm install -g typescript tslint 開啟atom安裝下列需要的套件:angular-2-typescript-snippetsangularjsatom-ternjsatom-typescriptlinterlinter-jshintlinter-tslint

Angular2 tutorial HTTP 的怪問題。

在照著 Angular 2 官方的tutorial 教學練習的時候,在Chapter 7 Http 一開始設定好 in-memory-data.service.tsapp.module.ts之後,原本我們寫死的moch-heroes資料轉成透過 http 跟memory拿資料的方法會失敗!會出現下列的錯誤訊息:
GET http://localhost:3000/traceur 404 (Not Found) Error: (SystemJS) XHR error (404 Not Found) loading http://localhost:3000/traceur Error: XHR error (404 Not Found) loading http://localhost:3000/traceur at XMLHttpRequest.wrapFn [as _onreadystatechange] (http://localhost:3000/node_modules/zone.js/dist/zone.js:698:29) at ZoneDelegate.invokeTask (http://localhost:3000/node_modules/zone.js/dist/zone.js:265:35) at Zone.runTask (http://localhost:3000/node_modules/zone.js/dist/zone.js:154:47) at XMLHttpRequest.ZoneTask.invoke (http://localhost:3000/node_modules/zone.js/dist/zone.js:335:33)