前端【學習心得】電商網站前端架構#2 前端技術基礎

課程地址：http://www.imooc.com/learn/186 講師：遠人

課程基礎： html css js ，作過一些項目。

語言基礎：HTML/HTML5 CSS/CSS3 JAVASCRIPT

HTML/HTML5: 超文本標記語言，咱們開發web應用的基礎，它是一門標記語言，告訴瀏覽器如何顯示內容。HTML5是HTML的進化版本，新增了一些標籤。
CSS/CSS3: 層疊樣式表，用來描述咱們的應用如何呈現給用戶（外觀界面）。 CSS3是CSS2.1的進化版本，增長了一些新語法，但兼容性問題較多。
JAVASCRIPT: 腳本語言（ECMAScript ），用於瀏覽器或者其餘相似宿主環境編程用，擁有處理網頁內容的能力（DOM）以及跟瀏覽器交互的能力（BOM）。

基本框架類庫 jQuery requirejs seajs backbone angular
這些基本框架都是 js框架，外加一些UI類框架來處理用戶界面。
jQuery 使用率很高的一個基礎框架 提供操做dom的能力和其餘一些函數。
require/seajs 模塊化函數庫 提供模塊加載能力等。
backbone mvc類框架，將數據跟界面分開，幫你創建複雜的web應用，尤爲是大量數據渲染。
angular mv*框架，免去dom操做痕跡，雙向數據綁定，讓你更輕鬆的更專一的作邏輯處理與數據處理

設計模式

利用 一些設計模式( 繼承/ 重用) 能夠更好發揮程序的做用。

性能優化 http cache / local cache /compress /DOM render

http cache ：http 緩存，能夠幫助節省帶寬 等。
 local cache: 本地存儲 html5 api能夠幫助咱們實現本地存儲
 compress :  壓縮文件，儘可能壓縮應該壓縮的文體，以減小傳輸壓力 和提高打開頁面速度
DOM render:  渲染技巧類，利用DOM 渲染的特性，優化咱們的javascript程序和頁面結構，儘量的作到性能最優。

其餘： Restful API / 自動化 （grunt ） 跨終端適配 代碼託管

RESTful API : 符合REST原則的接口設計

自動化(grunt)： 前端自動化工具的應用，幫助提高戰鬥力

跨終端適配： 面向多端的前端開發 ，各尺寸pad 各尺寸手機 自適應技術或者響應式 如何開發~。

代碼託管： svn git 等。