發表文章

目前顯示的是 9月, 2016的文章

Editor 比較~

圖片
現在有超多的前端編輯器讓人使用,我本身有玩過的有Atom, VI, Notepad++, Brackets, Visual Studio Code, Sublime Text 3 依照我使用經驗的部分來介紹一下各個編輯器中我認為的差異所在吧~ 1. Atom   背景不說了,單純討論使用觀感,我用的是算頗早之前0.35的版本(這篇文章目前1.12),很多功能都沒有、不足或者有Bug,除了那個足夠炫麗的畫面以外,實際給我應用價值為0。基於Electron核心,所以雖然是編輯器,實際上算是瀏覽器(Chromium)做的應用程式。當時光是啟動耗費的記憶體就已經足夠嚇人,更別說開啟大型專案那執行速度根本就是慢... 適合於喜歡酷炫效果的人 2. VI 該怎說呢...對於被圖形介面寵壞的我,第一次碰到VI跟白癡一樣,沒有辦法用滑鼠對我來說根本就是沒用,所以接觸不多..用ssh遠端修改檔案才會使用到他,但是寫code到現在,完全根本不想碰滑鼠能夠用shortcut就用。開始感覺到VI的實際強大之處,可惜的是VI指令我一直沒有背.. 適合於完全不想用滑鼠的人 3. Notepad ++   第一個碰到的編輯器,當初是拿來寫C/C++專用,快、小、方便就是它的特點,裝模組後可以擴充很多功能,不過在使用Notepad++期間我是一直使用他最基本的功能就是了... 適合於帶著隨身碟到處跑的人 4. Brackets   我覺得光是LiveView就是這個編輯器的強大之處,啟動速度跟他的兄弟Atom差不多,但是LiveView模式就傲視群雄了,不用Save、Reload就可以直接看到結果,不僅是class連JS的修改都可以及時預覽,同時也有不錯的Class Hint的套件可供使用,不僅是Style連外部的CSS都可以吃到。 適合於Layout設計排版,要觀看及時效果的人 5. Visual Studio Code   我第2常用的編輯器,啟動是Electron三兄弟中(Atom, Brackets)最快的,寫TypeScript才開始真正接觸到,雖然在Beta版本就有接觸過,但是因為同樣的問題 記憶體、速度 而使我之前只把它當作玩具而已。但是現在深入之後真正的體會到Vi

TypeScript 雜談

最近因為Electron與nodejs和工作上的關係,開始了對AngularJS的學習,約莫在9月初的尷尬時間點開始了Study和Survey。 Ang2 和 Ang1兩邊遊蕩,後者和前者聽說架構上差異頗大以及效能上也有差距,但是Ang2那時仍然在測試中,不過就在隔一個禮拜剛好看到final release 2.0.0決定開始進行對Ang2以及TypeScript(簡稱TS)的學習。 TS很有趣,跟一般的JS不一樣。對於我剛寫完C++跳來前端來說,TypeScript理解後反而更容易對我的胃口。(題外話:當初是聽說寫後端,結果搞一搞突然在開發前端了...真是各種意想不到...尤其又沒有前輩可以詢問,只好自己單幹) TS是JS的超集,這就不多說了,他可以直接拿JS的function拿來compile,跟我之前在看的CoffeeScript完全不一樣(個人有大括強迫症,CoffeeScript這種我就是各種不習慣),加上Visual StudioCode的強力支援,在寫JS的東西就可以更細的去做區分了。 因為對於TS仍然在初步學習階段,又加上真的是從無到有(那怕之前已經有JS的經驗),就不寫太深入的東西了... 以我一開始使用來說: 在nodejs當中開始實際使用TS一定要安裝兩樣東西 npm install typescript typings -g TS OK 沒問題  typings是啥玩意? Typings可以調出modules的definition檔案,近似於C++中的header file,一般來說安裝modules除了利用npm install以外,如果是使用TS就會需要用到Typings額外安裝該模組的.d.ts檔案供TS引入模組使用,如果沒有這檔案要做基本require在TS編譯中可是會報錯誤的喔! 後面安裝Angular2就...之後再說吧  呵呵

Hello World!

選名選了超久.. 這邊大概會記錄下自己的coding的小玩意吧... 可以PO上來的目前來看大概只有JavaScript和PHP...其他大概一些網上看到的軟體介紹 目前研究Angular2 with TypeScript 順便加上一些哩哩摳摳  應該可以讓網頁變的很好玩...?