傳統的前端：切圖-標簽和樣式-實現效果
H5時代的前端：
一、需要各端的兼容開發
? 二、可以用于APP開發和移動站點的開發
?三、Ajax+服務器端技術開發
?四、高級設計模式和框架（MVC）
? 五、自動化工作流（Grunt）
Grunt：是一套前端自動化工具，?一般用于：壓縮文件，?合并文件，簡單語法檢查 ?
? 六、網站安全、SEO（搜索引擎優化）、測試、源代碼管理、團隊合作
? 七、HTML5游戲?
操作系統的設置：?系統調整為最佳性能
文件夾的顯示設置
任務欄的設置
操作系統快捷鍵：win鍵和各種鍵的組合使用可以
使我們在使用電腦的時候帶來許多的方便
常用的編輯快捷鍵：Alt和Ctrl鍵和許多鍵的組合
讓我們在編輯中的效率大大的提高
三、前端常用三個編譯器
Sublime
下載地址：http://www.sublimetext.com/
安裝插件：使用Ctrl+shift+p打開命令面板
輸入install然后回車
根據自己的需要安裝相應的插件
常用的快捷鍵：輸入html：5?然后按Tab鍵，便把自動生成htm標簽
Ctrl+/：注釋
Ctrl+shift+v：粘貼并保持縮進
Ctrl+shift+d：復制當前行
Ctrl+shift+↑：向上移動，↓同樣道理
Ctrl+f/h：查找/查找和替換
shift+鼠標右鍵：選中多行同時編輯
Atom
下載地址：https://atom.io/
軟件的使用和插件的安裝：單擊file（文件）然后單擊settings（設置）里面的 ? ?
install里面安裝所需的插件，可以在thems里面設置
主題。在settings里面設置一些頁面的設置，在?
keybindings?里面設置編輯快捷鍵，不建議修改
Webstorm?
在網上找了半天都找到官網的下載地址T_T丶
其余使用和sublime、Atom一樣，所以沒有太多的介紹
區別：
Sublime：需要第三方的包
Atom：集成度很好
Webstorm?：大項目建議使用Webstorm?
四 、瀏覽器和網頁的運行原理
瀏覽器：
幫助用戶瀏覽網頁的軟件，主流的幾大瀏覽器和他們的內核
IE（IE瀏覽器）：trident
Safari（ios瀏覽器）：webkit
Firefox（火狐瀏覽器）：gecko
chrome（谷歌瀏覽器）Opera（歐朋瀏覽器）：blik
網頁運行原理：
用戶請求→瀏覽器封裝HTTP請求→DNS解析→發送請求Request→服務器接受請求→處理請求→返回響應報文→渲染頁面呈現
五、關于網頁的一些知識
Internet： 因特網互聯網可以實現全球信息互聯的網絡
www：萬維網(world wide web)，他是提供網站相關服務，人們可以萬維網服務進行網上聊天，網上沖浪，購物，搜索資料，查看天氣，查看新聞，交友聊天
W3C：萬維網聯盟，是web技術領域最具有權威和影響力的國際中立性技術標準機構
Web：Web（互聯網總稱）泛指網絡、互聯網技術領域。表現為三種形式：超文本（hypertext）、超媒體（hypermedia）、超文本傳輸協議（HTTP）
DNS：（Domain Name System，域名系統），域名和IP地址相互映射的一個分布式數據庫，使得用戶可以使用簡單易記的域名去訪問網站
Http：超文本傳輸協議（HyperText Transfer Protocol，HTTP）是www瀏覽器（客戶機）和服務器之間的應用層通訊協議。Http是用于分布式協作超媒體信息系統的快速實用協議，是通用的、無狀態的、面向對象的協議，WWW是以超文本（HyperText）為基礎的。超文本是一種開放的閱讀信息方式，可以根據閱讀者的喜好有選擇的閱讀信息。只要單機了某一個超連接。HTTP便開始工作。WWW客戶機通過HTTP與WWW服務器建立連接。新建連接后，客戶機發出服務或者需求信息的請求（還包括一些地址信息和補充信息）傳遞給服務器。服務器處理請求，返回歲請求的的信息或者返回一個響應指出不能答復或者請求，其中包括影響客戶的要求、提供信息和服務，以及一些記錄狀態的信息www上的客戶端接受服務器返回的應答信息并通過瀏覽器顯示在顯示屏上，然后客戶端和服務器自動關閉連接。如果在上述過程中某一步出現錯誤，則產生錯誤信息返回到客戶端由顯示屏輸出。但對于用戶來說，這些過程是由HTTP自己完成的，用戶要做的只有用鼠標單擊，然后等待信息輸出到用戶的顯示屏上。HTTP協議是基于TCP/IP的協議，它不僅需要保證正確的傳送超文本文檔，還必須能夠確定傳送文檔中的哪一部分以及那部分內容首先顯示等。其他WWW服務（如FTP、Telnet和Gopher）同樣必須利用HTTP。
