近期總結

回顧

半年前

半年前，接觸了前端一年多(工作半年)的我了解的東西只有下面這些。因為在公司里的工作就是切靜態頁，搗鼓CMS。

HTML (比較簡潔的編寫HTML)
CSS/CSS3 (PC兼容IE6+,FF,Chrome | WAP兼容各種安卓瀏覽器)
Javascript (基礎比較扎實,不懂得寫插件,不懂得設計模式,完全面向過程)
jQuery (各種DOM操作)

當時我以為前端就這些東西了，聽說過NodeJS，但覺得那是很遙遠的東西，我應該還沒到能學習它的程度。

工作中一些工作經驗差不多的同事，很愛在網上搬一些插件來用，
但我覺得自己入行，應該自己多打點代碼，所以堅持了半年多純手打各種代碼。
輪播，拖曳之類的，最后自己寫了一些方便自己使用的插件。

Less有聽說過，但是也沒有主動去用。

由於工作中多數都是寫靜態頁，所以工作了大半年，唯一讓我感受得到在進步的就是「兼容性」;

ajax幾乎沒用到，就更加談不上用模版引擎了。

git也沒有用到，開發流程非常的亂，用郵件，直接丟靜態頁面代碼的形式。很多修改直接用ftp修改線上的。

換工作后

當時的知識面很窄，后來我加入到了新公司，來了2個和同屆畢業的學生。而且都不是計算機專業。

可能由於他們之前所在的公司開發流程比較規范，他們眼界更開闊，或者學習更努力。他們貌似比我懂得更多的知識。
但基礎感覺也差不多。作為計算機專業的我感到好大壓力。

隨后我認識到，這是深度和廣度的問題。我可能更加注重在一個知識上面深度去學習（雖然也沒有多深），
然而他們更樂於去了解更多的新技術新想法。
我當時的狀態來說，我覺得我應該多去了解一些新知識才是。

現在

隨后我就學習並了解了以下相關知識
（並不能全部融會貫通，但我知道他們是干什么的，知道如何去使用。
有的甚至在學習的過程中遇到一些莫名的因素導致放棄了學習該知識）。

因為沒有做到相關的項目，所以都是自己在搗鼓，發現不了很多的坑，有些東西也沒用到精髓。算是拓寬了知識面吧。

Git
Less
CreateJs
Markdown
AngularJs
requireJs
Underscore.js
Backbone.js
設計模式
模版引擎
- handlebars.js
- template.js
Node
- gulp
- Bower
- Jade
- Express
- MongoDB

接下來我就粗略的說一下近半年來接觸到的這些技術。以我自己的理解，比較淺的談一下。希望大神們指導指導，指條明路。
順便也梳理記錄一下。

細說新接觸的技術

Git

Git，版本管理工具。

用這個東西幾個月了，沒什么好說的，就是修改代碼，提交代碼，推送。 方便多人合作。
這個自己可以看一下網上的教程，了解一下每個操作的概念。具體的還得在實際工作中，看下團隊的需要，才能知道具體需要用到哪些。

Less

Less是一種動態樣式語言,屬於CSS預處理語言的一種，和Sass是一個意思。就是通過一些嵌套，mixin，變量等。編譯出你需要的CSS。讓你自己寫的樣式更少些。

例如：

base.less

#box{
    @color1: red;
    @color2: blue;
    span{
        background: @color1;
    }
    a{
        color: @color2;
    }
}

編譯后的CSS為
base.css

#box span { background: red; }
#box a { color: blue; }

附: Less教程

CreateJS

CreateJS是一個js庫，是一款為HTML5游戲開發的引擎，用於操作。

其中包含五款工具：

EaselJS：用於 Sprites、動畫、向量和位圖的繪制，創建 HTML5 Canvas 上的交互體驗（包含多點觸控），同時提供 Flash 中的“顯示列表”功能。

TweenJS：一個簡單的用於制作類似 Flash 中“補間動畫”的引擎，可生成數字或非數字的連續變化效果。

SoundJS：一個音頻播放引擎，能夠根據瀏覽器性能選擇音頻播放方式。將音頻文件作為模塊，可隨時加載和卸載。

PrloadJS：幫助你簡化網站資源預加載工作，無論加載內容是圖形、視頻、聲音、JS、數據……

PxLoadr：一款用於網站資源預加載的 JavaScript 庫，可加載圖片、音頻等任何類型的文件。PxLoader 除了可以幫你對資源加載的進度進行監測，捕捉“加載完成”事件外，還可以幫你指定資源加載的順序。你甚至還可以按照優先級分組加載資源。

我本人只用到了EaselJs和SoundJS。
EaselJs是寫了個小demo體驗了一下,SoundJs是做一個H5的時候用到。

CreateJS沒有中文版的文檔，也找不到教程，看起來相當吃力。有一個類似的庫，lufylegend，有中文的，我還沒去了解，有興趣可以看一下。