實習系列1

實習，抱着一顆學習的心態由於底子薄，發現不少東西不會，學得徹底不夠用！這個捉急啊。這一個月來接觸了不少新東西，zepto，自適應佈局，-webkit-私有屬性，less，git，ajax，表單驗證，正則表達式。。。每個知識點都須要花時間才能學得好，但是我啊，每一項花的時間都不是不少，有點浮在上面，總感受不少都得學，都想學，最後發現，到如今尚未那一項是拿的出手的。這可不行呀，個人心裏告訴我，沉下去，一步一步走，專一在一件事上，制定學習計劃（重點是落實計劃）。。。說了一堆尚未進入正題，慚愧。

先總結一下這一個月的工做經驗：

由於所在公司還在成長中，不少制度沒有完善，我在一個後端兼作前端的師傅帶領下書寫着前端代碼，爲了不一些習慣上書寫衝突，因而本身百度一篇書寫規範，修改下，做爲本身遵照的代碼書寫規範。參考規範轉載自：常用html、CSS、javascript前端命名規範。

：關於頁面優化：

• 儘可能減小沒必要要標籤的嵌套；
•  儘量少的選擇器找到目標，選擇器不宜過長（減小css代碼量
•  增長可讀性：對特殊樣式設置出應註釋；
•  避免使用hack
•  使用統一的命名規則
• 還有一些合併圖標使用雪碧圖減小http請求，js外鏈文件一幫放在bod結尾前，css放在head部分等等

這裏介紹兩個前端代碼優化工具：YUI Compressor 在線壓縮 JavaScript/CSS；cssmin 功能如名字。

關於git使用

本人寫在也是小白一枚，這裏是不會教你怎麼使用git的，誤人子弟可很差

先介紹幾個git的學習網址：

Git 中文教程 Git版本控制軟件結合GitHub從入門到精一般用命令學習手冊   10篇寫給Git初學者的最佳教程 Think Like (a) Git

即便是新手，只會html+css，在項目開發中也得學習如何使用git，免去了每次修改後都得保留一份備份的麻煩。想象下班時候將前天備份的文件替換掉了今天寫了一天代碼的頁面上，次日上班發現頁面變了個樣，本身抓狂，葉子、還有傻笑了。。因此呢，學習幾個簡單的git命令git init ，git add ，git status，git commit，git push git clone，先暫時能用上控制仍是很必要的，其餘的慢慢學。

使用git的一點小經驗  每次實現一個新功能，提交一次版本；每debug一次，保留一份備份，便於再現bug和解決bug；遇到問題一時解決不了，先提交吧或者本身另存一份，先作其餘的，保證效率。

關於頁面配色與細節處理

首先，我只有小學時候上過美術課，也沒有學習過網頁設計相關課程，因此就悲劇了：沒有原稿，直接上css+html看效果，哪裏不順眼改哪裏。。

一樣先來幾篇乾貨UI設計新手？試一試這7條法則（Part 1） 寫給初學者的6條網頁設計安全配色指南  適合新手學習網站設計與網頁配色口訣

在介紹兩個在線配色器 color scheme designer  Adobe color CC

這是我上週頁面細節調整整理的一些筆記:留白空間佔比；區塊分割界線與區塊間過渡是否和諧；顏色調試上，總體頁面第一個主色調，輔助其它顏色，根據頁面主題設置總體頁面風格，淺色調：輕鬆活潑；深色調：沉穩，壓抑等。調色時嘗試不一樣色調、顏色深淺的搭配，找到適合表現主題的色調；

歡迎各位留言，指正，還得敲代碼。。。。

後續更新。。