seajs查詢

A. 請教js大神！請問如果在一個jsp文件中,同時引入兩個js（庫）文件而這兩個js文件相互沖突了怎麼辦...

你好 沖突只能把 重復的部分去掉 因為只能導入一次 多次導入會導致js錯誤的 希望能幫到你 謝謝

B. 求推薦一個web前端的學習路線

初級前端
主要學習三個部分：HTML，CSS，JavaScrip
（1）html + css部分
這部分特別簡單，到網上搜資料，書籍視頻非常多。css中盒子模型，流動，block，inline，層疊，樣式優先順序等這些自學起來也是非常容易。最後再深入了解下瀏覽器差異性，ie9以下兼容簡單了解就行了，ie9以下瀏覽器被淘汰掉是趨勢，低版本沒必要浪費大量時間去學習兼容主流瀏覽器，google chrome瀏覽器、firefox瀏覽器、safari瀏覽器、opera瀏覽器即可。瀏覽器差異內容很多，建議在實踐中多多積累。
（2）JavaScript部分
基礎學習：難點，也是重點，要學的內容實在很多，如果沒有其他編程語言的基礎的話，學起來可能要費些力，有很多比較抽象的概念，必須要深入理解，比如閉包、原型、面向對象、封裝等，要理解透徹。看書是必不可少的，找一本優秀的js書從頭到尾，反復研究學習，第一遍可以快速翻閱，大體知道了解概念即可，第二三遍就需要深入學習了。邊學邊練，實踐出真知。
jQuery學習：這些基礎知識掌握好之後，還需要學jQuery，這是一個非常優秀的Javascript庫，大型開發必備。它簡化了Javascript的復雜操作，消除了Javascript跨平台兼容問題，提供了大量實用方法，有良好的文檔和幫助手冊，是一個非常成熟的Javascript庫。
進階學習：
有了以上知識，對於大多數小型網站，你應該已經可以寫出能夠工作的代碼了。但要想成為更專業的前端，你還需繼續努力。更高的要求大概還有四方面：易維護，可測試，高性能，低流量（移動端）。

C. 剛畢業想從事WEB前端但是JS能力不足面試被拒絕，想換成網路編輯工作一定時間後夯實技術能轉回web前端嗎

轉來轉去浪費時間還學不好東西

選擇一定自己喜歡的技術，狠狠地把它學進腦子里，Offer自然是你的

Web前端現在還是比較吃香的技術，相比網路編輯，差區大了

網路編輯說白了ctrl+c/ctrl+v，起薪也很低。如果你有過人的寫作能力，那就另當別論了，網路編輯直接發展成網路寫作，這起薪非常可觀。

如果你想用編輯這個崗位來過渡，最終目標是為了Web前端開發而去，建議你不要這樣做，這樣即浪費時間，技術知識還學習不牢固。

按專業的培訓機構的時間課程表來算，Web前端整個系統的學習要四個半月的時間，如果你想學習有兩個建議：一是自學，二是去培訓機構

1、自學：需要自己的搜集資料學習，遇到問題各位找，費時費力

2、芯學苑培訓：學習系統規劃學習時間，課程安排，就業支持，在短時間內就達到了初級水平。

一、自學需要掌握的知識有：

Web前端開發課程表

一、前端基礎

1.1.HTML5

1.1.1.基本開發環境(sublime使用)，講解基本調試技術

1.1.2.HTML 基礎(HTML和XHTML規范、基本書寫規范、文檔結構、基本標簽和通用屬性、列表、表格、表單、框架

1.1.3.HTML5 新增標簽、新增屬性、Canvas，Websocket

1.2.CSS3

1.2.1CSS:基本選擇器、復合選擇器、字體，文本，超鏈接，背景，列表樣式

1.2.2CSS:盒子模型、浮動、定位、媒體查詢、網站布局、移動端自適應布局

1.2.3CSS3:新增選擇器、背景邊框、漸變、2d變形、3d變形動畫

1.3.項目實戰

1.3.1頁面製作

1.4.JavaScript

1.4.1JavaScript:語法基礎、數據類型、分支和循環控制結構、數組和對象、自定義函數和全局函數、Window對象

1.4.2JavaScript:DOM對象、修改頁面內容和樣式、事件、事件對象、回調函數、事件傳播(理解冒泡和捕獲)

1.4.3常見動畫效果、滾動偏移、無間斷滾動、碰壁反彈效果、tween.js庫

1.4.4放大鏡、滾輪事件、自定義滾動條、cookie與本地存儲

1.4.5正則表達式、過濾標簽、獲取手機號、獲取ip、判斷密碼等級`

1.5.jQuery

1.5.1jQuery：基本語法結構、選擇器、DOM操作、AJAX、輔助函數

1.6.移動端

1.6.1移動端touch事件和Click事件

1.6.2使用zepto、swiper等開發移動端項目

1.7.項目實戰

1.7.1PC端輪播圖，移動端輪播圖

1.8.BootStrap

1.8.1Bootstrap概述、柵格系統、基本CSS樣式、內置圖標、組件、插件。

1.9.項目實戰

1.9.1.xx管理系統 頁面設計和製作

二.服務端技術

2.1.Node.js和nginx

2.1.1.OOP思想、web伺服器和基礎Linux環境

2.1.2.HTTP基礎知識、HTTP請求、響應、首部

2.1.3.nginx伺服器安裝、配置、優化、反向代理、HTTP安全

2.1.4.Node.js和NPM環境安裝及使用、事件、回調函數、web模塊、路由、常

2.1.5.用工具、文件系統

2.1.6.使用express搭建網站、RESTful API

2.2.項目實戰

2.2.1.實現客戶端和伺服器交互功能

三.前端高級內容

3.1.SCSS

3.1.1SCSS的安裝、使用變數、嵌套規則、導入SASS文件、靜默注釋、混合器、選擇器繼承、命令行編譯方式

3.2.RequierJS和SeaJS

3.2.1前端工程化、CMD和AMD規范、基於RequierJS或SeaJS的模塊管理、使用項目構建工具來管理資源(css、js、image)

3.3.gulp和webpack

3.3.1使用gulp或者webpack構建項目

3.3.2.scss編譯，css壓縮，js壓縮，html壓縮，文件Hash，自動發布

3.4.ReactJS

3.4.1.React框架背景及基礎、配置開發環境、jsx、組件、插件、MVVM模式講解

3.5.項目實戰

3.5.1React+webpack+nodejs項目

四.Web性能優化

4.1.頁面內部優化技巧、緩存優化

4.2.瀏覽器分析及優化技巧、瀏覽器渲染原理講解

4.3.項目構建及性能優化、前端組件化分享

五.項目實戰

5.1.項目內容

5.1.1.項目1：行業網站綜合實訓

5.1.2.項目2：復雜企業站jQuery綜合實訓

二、選擇培訓機構要注意的有：

現在IT行業的培訓機構越來越多，魚龍混雜，那麼，應該如何擦亮眼睛，選擇一家貨真價值的機構來學習呢?

如果你是剛畢業的大學生，或者已經在社會上工作過的有志之士，想在軟體行業道路上發展，最重要的是你要有技術。

現在，企業需求的是有IT技術的人才最吃香，如果你沒有技術，是不是應該與時俱進努力學習新時代所需求的知識呢?那你就需要提升一下自身的綜合實力和競爭力，就是學習技術，技術是在社會競爭中最核心的實力，其次就是自身的綜合能力。學技術就要選擇靠譜的機構，不能說看到那種廣告的宣傳，我們要看真正受到實惠的學生，也就是口碑，這是最實在，也是最真實的。

西安芯學苑教你幾招如何練出火眼金睛：

1.需要實地考察，選擇適合你的學習方式;

2.教學方式：技術必須面對面的傳授，有問題及時的解決，拒絕視頻教學;

3.試聽，這個也是考量教學師資的部分;

4.口碑：一個培訓機構的好壞和學員的口碑宣傳也有一定的關系的;

5.就業：是不是真的能保障學員就業，而不是直接給學生隨意的推送一家就不管事了(謹慎小心選擇);

6環境：環境可以帶給大家愉悅的學習環境(好的氛圍才能帶動更好的學習)

祝你成功！

D. web前端需要哪些技術

1. 所有知識框架，那肯定是一個結構型的展現，就是一棵樹。web前端的知識點非常多，也非常散，需要好幾層結構來組織這個體系，否則就會顯得很亂。那麼如何組織、把誰和誰放在一塊兒？這是真正值得我們去思考的，你也可以自己來思考一下這個問題。

2. 在我總結的這個知識框架中，首先第一層我劃分為：理論知識，類庫框架，編碼開發，運行環境。如下圖：

首先，你要知道web系統雖然大部分是在瀏覽器下運行，但是js可能會被運行在node環境。

在瀏覽器環境下，最重要的兩點是：web安全和性能優化。需要注意的綱要我都列出來了，如果想了解推薦兩本書《白帽子將web安全》《高性能網站建設指南》

8. 其他

以上這些是全部的知識體系。如果你想成為一名合格的、讓leader喜歡的程序猿，你除了知道這些知識之外，我覺得還需要以下幾點：

E. labjs，requirejs，sea.js 哪個最好用為什麼

LABjs 的核心是 LAB（Loading and Blocking）：Loading 指非同步並行載入，Blocking 是指同步等待執行。LABjs 通過優雅的語法（script 和 wait）實現了這兩大特性，核心價值是性能優化。LABjs 是一個文件載入器。
RequireJS 和 SeaJS 則是模塊載入器，倡導的是一種模塊化開發理念，核心價值是讓 JavaScript 的模塊化開發變得更簡單自然。
模塊載入器一般可降級為文件載入器用，因此使用 RequireJS 和 SeaJS，也可以達成 LABjs 的性能優化目的。
RequireJS 和 SeaJS 都是很不錯的模塊載入器，兩者區別如下：
1. 兩者定位有差異。RequireJS 想成為瀏覽器端的模塊載入器，同時也想成為 Rhino / Node 等環境的模塊載入器。SeaJS 則專注於 Web 瀏覽器端，同時通過 Node 擴展的方式可以很方便跑在 Node 伺服器端
2. 兩者遵循的標准有差異。RequireJS 遵循的是 AMD（非同步模塊定義）規范，SeaJS 遵循的是 CMD （通用模塊定義）規范。規范的不同，導致了兩者 API 的不同。SeaJS 更簡潔優雅，更貼近 CommonJS Moles/1.1 和 Node Moles 規范。
3. 兩者社區理念有差異。RequireJS 在嘗試讓第三方類庫修改自身來支持 RequireJS，目前只有少數社區採納。SeaJS 不強推，而採用自主封裝的方式來「海納百川」，目前已有較成熟的封裝策略。
4. 兩者代碼質量有差異。RequireJS 是沒有明顯的 bug，SeaJS 是明顯沒有 bug。
5. 兩者對調試等的支持有差異。SeaJS 通過插件，可以實現 Fiddler 中自動映射的功能，還可以實現自動 combo 等功能，非常方便便捷。RequireJS 無這方面的支持。
6. 兩者的插件機制有差異。RequireJS 採取的是在源碼中預留介面的形式，源碼中留有為插件而寫的代碼。SeaJS 採取的插件機制則與 Node 的方式一致：開放自身，讓插件開發者可直接訪問或修改，從而非常靈活，可以實現各種類型的插件。
還有不少細節差異就不多說了。
總之，SeaJS 從 API 到實現，都比 RequireJS 更簡潔優雅。如果說 RequireJS 是 Prototype 類庫的話，則 SeaJS 是 jQuery 類庫。
最後，向 RequireJS 致敬！RequireJS 和 SeaJS 是好兄弟，一起努力推廣模塊化開發思想，這才是最重要的。

F. web前端開發需要學習什麼知識

首先我們百抄要分清前端這部分的分襲工，一般來講分為：設計和開發。設計是設計師的工作，設計師按照用戶需求出設計圖，他們使用的工具一般是fireworks、Dreamweaver和photoshop這類設計工具，圖片出來後，度前端開發就需要按照圖片的設計製作HTML靜態頁面，那麼這就是前端開發的主要工作了。

Web前端工程師是協調前端工程師、後端程序員實現網站知頁面活程序的界面美化、交互體驗的IT技術開發人員,需要精通HTML、CSS、JavaScript、jQuery、Ajax等核心的Web前端技術,具備互聯網交互設計能力,熟悉Vue、React、angularjs 等最新的框架。

web前端學習主要包括：HTML、CSS、JavaScript、jQuery、Ajax

HTML：不是編程道語言，僅僅是數據格式

CSS：無類型的樣式修飾語言，算弱類型語言；需理解每個元素屬性、樣式等

JavaScript：學習起來相對來說不算太難回，入手快

jQuery、Ajax：如果想在前端這塊混的好，這兩門語言一定要掌握（雖然不一定要用，但一定要會）

G. Pace.js的原理是怎麼樣的

只要在頁面上引入pace.js和相關的css，並不需要對業務邏輯做什麼修改，就能擁有網頁載入進度條，只要大家發揮想像力，那除了默認的進度條之外還能開發各種載入進度效果，使用起來非常方便。
那問題來了：pace.js是如何做到「自動」監控載入進度的呢？
pace.js監控了什麼：
pace.js對於載入進度監控了什麼呢？通過閱讀源碼，我們看到整體的進度有四個部分組成：document，elements，eventLag和ajax這四種監視器（Monitor）。
那接下來就來看看它們分別是什麼。
首先是document。document就是我們所熟悉的HTMLDocument節點。document節點有一個事件，onreadystatechange，當document的readyState狀態變化時會觸發。因為無法准確的知道document到底載入了多少百分比，所以就用這個狀態來做一個估算。在pace.js中將document的readyState的三個狀態loadong，interactive和complete分別定義為0%，50%和100%。通過監聽document節點的readyState狀態變更，形成了pace.js的DocumentMonitor。
接下來是elements。我們可以通過配置傳入一個css選擇器列表，默認的選擇器列表僅包含「body」。pace.js會按照設置的時間間隔搜索所有的選擇器，如果能獲得則認為這一項滿足，所以elements這一項的載入進度就是 滿足的選擇器/全部的選擇器。通過查詢頁面中制定的元素，就是pace.js的ElementMonitor。
然後是eventLag。EventLagMonitor其實只是一個「假的」監視器。它就在那裡安靜勻速的更新進度，這一小小的措施卻帶來了不錯的用戶體驗，讓用戶不會因為載入「卡住了」而慌張。
pace.js是如何監控ajax的：
最後是用來監控ajax進度的AjaxMonitor。這是最有趣的一部分。如何才能監控所有ajax請求，並且不需要開發者修改自己或第三方的業務邏輯呢？
如果了解原生js的話，應該了解這幾個類：XMLHttpRequest，XDomainRequest，WebSocket。這三個類分別用來發送ajax請求，跨域的ajax請求，以及websocket。如果能監控所有這些請求的時間，包括progress，load，error等等，我們就可以更新我們的載入進度了。
既然我們知道了要監控的對象，那我們便可以「請君入瓮」了，而這個瓮，就是代理模式：我們可以把原生的類保存起來，再用我們自己寫的埋藏了「間諜」的類覆蓋原生的類，這樣當其他代碼建立這些類的實例的時候，我們的「間諜」便悄悄開始監聽載入進度了。
讓我們來看一下代碼：

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28

// 保存原生的XMLHttpRequest
_XMLHttpRequest = window.XMLHttpRequest;

// 覆蓋XMLHttpRequest
window.XMLHttpRequest = function(flags) {
var req;
// 調用原生的XMLHttpRequest
req = new _XMLHttpRequest(flags);
// 埋入我們的「間諜」
monitorXHR(req);
return req;
};

monitorXHR = function(req) {
var _open;
// 「間諜」又對open方法埋入了間諜
_open = req.open;
return req.open = function(type, url, async) {
if (shouldTrack(type)) {
_this.trigger('request', {
type: type,
url: url,
request: req
});
}
return _open.apply(req, arguments);
};
};

通過代理模式埋了這些「間諜」後，我們就能對發起的ajax請求等做到監控，以更新載入進度。
當然pace.js也不是什麼都監聽了
除了以上這些，當然也有pace.js並沒有監聽的載入事件，比如script標簽的載入。如果我們使用了sea.js或者require.js等，當js代碼動態載入時並不會影響進度條，因為這里我們用動態建立script標簽的方式載入js代碼，而pace.js並沒有對這方面進行監聽。我們可以同樣的代理appendChild方法，如果發現script標簽被加到頁面上，那麼就監聽它的載入進度。不過實際情況當然復雜的多，還有insertBefore，甚至innerHTML等方法都可以創建script標簽加入文檔並開始js的載入（當然一般就是appendChild和insertBefore啦）。
相似的還有css的載入，還要注意處理css的載入事件，在一些老的瀏覽器上，css並沒有載入事件，還有加個定時不斷檢查css節點的cssRules和name來確定載入狀況。
小結：
通過閱讀pace.js的源碼我們了解了pace.js的原理，同時學習了雞賊的代理模式。比如在jasmine.js中也有個spy，可以監控制定函數被調用了幾次，被什麼參數調用了等等。靈活應用這種代理模式，可以方便我們擴展功能、進行調試等等。

H. 前端開發主要學習那些技術以適應工作需求

一、前端是什麼？

前端即網站前台部分，也叫前端開發，運行在PC端，移動端等瀏覽器上展現給用戶瀏覽的網頁。隨著互聯網技術的發展，HTML5，CSS3，前端框架的應用，跨平台響應式網頁設計能夠適應各種屏幕解析度，完美的動效設計，給用戶帶來極高的用戶體驗。

核心技術是前端開發中最基本也是最必須的三個技能。前端的開發中，在頁面的布局時， HTML將元素進行定義，CSS對展示的元素進行定位，再通過JavaScript實現相應的效果和交互。雖然表面看起來很簡單，但這裡面需要掌握的東西絕對不會少。在進行開發前，需要對這些概念弄清楚、弄明白，這樣在開發的過程中才會得心應手。
二、前端都需要學什麼（可以分為八個階段）？

1、第一階段：

▪ HTML+CSS:

HTML進階、 CSS進階、p+CSS布局、HTML+CSS整站開發、

▪ JavaScript基礎：

Js基礎教程、js內置對象常用方法、常見DOM樹操作大全、ECMAscript、DOM、BOM、定時器和焦點圖。

▪ JS基本特效：

常見特效、例如：tab、導航、整頁滾動、輪播圖、JS製作幻燈片、彈出層、手風琴菜單、瀑布流布局、滾動事件、滾差視圖。

▪ JS高級特徵：

正則表達式、排序演算法、遞歸演算法、閉包、函數節流、作用域鏈、基於距離運動框架、面向對象基礎、

▪ JQuery：基礎使用

懸著器、DOM操作、特效和動畫、方法鏈、拖拽、變形、JQueryUI組件基本使用。

2、第二階段：HTML5和移動Web開發

▪ HTML5：

HTML5新語義標簽、HTML5表單、音頻和視頻、離線和本地存儲、SVG、Web Socket、Canvas.

▪ CSS3:

CSS3新選擇器、偽元素、臉色表示法、邊框、陰影、flex布局、background系列屬性改變、Transition、動畫、景深和深透、3D效果製作、Velocity.js框架、元素進場、出場策略、炫酷CSS3網頁製作。

▪ Bootstrap:

響應式概念、媒體查詢、響應式網站製作、刪格系統、刪格系統原理、Bootstrap常用模板、LESS和SASS。

▪ 移動Web開發：

跨終端WEB和主流設備簡介、視口、流式布局、彈性盒子、rem、移動終端JavaScript事件、手機中常見JS效果製作、手機聚劃算頁面、手機滾屏。

3、第三階段：HTTP服務和AJAX編程

▪ WEB伺服器基礎：

伺服器基礎知識、Apache伺服器和其他WEB伺服器介紹、Apache伺服器搭建、HTTP介紹。

▪ AJAX上篇：

Ajax簡介和非同步的概念、Ajax框架的封裝、XMLHttpRequest對象詳細介紹方法、兼容性處理方法、Ajax框架的封裝、Ajax中緩存問題、XML介紹和使用、會處理簡單的GET或者POST請求、

▪ AJAX下篇：

JSON和JSON解析、數據綁定和模板技術、JSONP、跨域技術、圖片預讀取和lazy-load技術、JQuery框架中的AjaxAPI、使用Ajax實現爆布流案例額。

4、第四階段：面向對象進階

▪ 面向對象終極篇：

從內存角度到理解JS面向對象、基本類型、復雜類型、原型鏈、ES6中的面向對象、ES6中變數的作用域（let ，const(聲明變數只讀)，塊級作用域），ES6中函數新特性。

▪ 面向對象三大特徵：

繼承性、多態性、封裝性。

▪ 面向對象中創建對象的五種方法：

自定義對象 、工廠模式創建對象、構造函數、 混合模式創造對象、JSO格式創建對象。

5、第五階段：封裝一個屬於自己的框架

▪ 框架封裝基礎：

事件流、冒泡、捕獲、事件對象、事件框架、選擇框架。

▪ 框架封裝中級：

運動原理、單物體運動框架、多物體運動框架、運動框架面向對象封裝。

▪ 框架封裝高級和補充：

JQuery框架雛形、可擴展性、模塊化、封裝屬於傳智自己的框架。

6、第六階段：模塊化組件開發

▪ 面向組件編程：

面向組件編程的方式、面向組件編程的實現原理、面向組件編程實戰、基於組件化思想開發網站應用程序。

▪ 面向模塊編程：

AMD設計規范、CMD設計規范、RequireJS，LoadJS、淘寶的SeaJS。

7、第七階段：主流的流行框架

▪ Web開發工作流：

GIT/SVN、Vue-cli腳手架、NPM/Bower依賴管理工具、Grunt/Gulp/Webpack。

▪ 前端主流框架：

Vue.js、Angular.js、React.JS、Bootstrap。

▪ 常用庫：

React.js、Vue.js、JQuery.js。

8、第八階段:Node.js全棧開發：

▪ 快速入門：

Node.js發展、生態圈、Io.js、Linux/Windows/OS X環境配置、REPL環境和控制台程序、非同步編程，非阻塞I/O、模塊概念，模塊管理工具、開發流程，調試，測試。

▪ 核心模塊和對象：

全局對象global，process，console，util、事件驅動，事件發射器、加密解密，路徑操作，序列化和反序列化、文件流操作、HTTP服務端與客戶端、Socket.IO。

▪ Web開發基礎：

HTTP協議，請求響應處理過程、關系型資料庫操作和數據訪問、非關系型資料庫操作和數據訪問、原生的Node.js開發Web應用程序、Web開發工作流、Node.js開發Blog案例。

▪ 快速開發框架：

Express簡介+MVC簡介、Express常用API、Express路由模塊、Jade/Ejs模板引擎、使用Express重構Blog案例、Koa等其他常見MVC框架。

▪ Node.js開發電子商務實戰：

需求與設計、賬戶模塊注冊登錄、會員中心模塊、前台展示模塊、購物車，訂單結算、在線客服即時通訊模塊。

I. 自學前端，前端開發的學習路線是什麼

自學前端其實很辛苦，需要有強大的自製力和堅持下去的學習心，並且做好詳細的學習規劃嚴格執行；如果你想學前端，下面的學習路線或許對你有幫助。

前端完整學習路線

第一階段:

HTML CSS:HTML進階、CSS進階、div css布局、HTML css整站開發。

JavaScript基礎:Js基礎教程、js內置對象常用方法、常見DOM樹操作大全、ECMAscript、DOM、BOM、定時器和焦點圖。

JS基本特效:常見特效、例如:tab、導航、整頁滾動、輪播圖、JS製作幻燈片、彈出層、手風琴菜單、瀑布流布局、滾動事件、滾差視圖。

JS高級特徵:正則表達式、排序演算法、遞歸演算法、閉包、函數節流、作用域鏈、基於距離運動框架、面向對象基礎。

JQuery:基礎使用懸著器、DOM操作、特效和動畫、方法鏈、拖拽、變形、JQueryUI組件基本使用。

第二階段:HTML5和移動Web開發

HTML5:HTML5新語義標簽、HTML5表單、音頻和視頻、離線和本地存儲、SVG、Web Socket、Canvas。

CSS3:CSS3新選擇器、偽元素、臉色表示法、邊框、陰影、background系列屬性改變、Transition、動畫、景深和深透、3D效果製作、Velocity.js框架、元素進場、出場策略、炫酷CSS3網頁製作。

Bootstrap:響應式概念、媒體查詢、響應式網站製作、刪格系統、刪格系統原理、Bootstrap常用模板、LESS和SASS。

移動Web開發:跨終端WEB和主流設備簡介、視口、流式布局、彈性盒子、rem、移動終端JavaScript事件、手機中常見JS效果製作、Zepto.js、手機聚劃算頁面、手機滾屏。

第三階段:HTTP服務和AJAX編程

WEB伺服器基礎:伺服器基礎知識、Apache伺服器和其他WEB伺服器介紹、Apache伺服器搭建、HTTP介紹。

PHP基礎:PHP基礎語法、使用PHP處理簡單的GET或者POST請求。

AJAX上篇:Ajax簡介和非同步的概念、Ajax框架的封裝、XMLHttpRequest對象詳細介紹方法、兼容性處理方法、Ajax框架的封裝、Ajax中緩存問題、XML介紹和使用。

AJAX下篇:JSON和JSON解析、數據綁定和模板技術、JSONP、跨域技術、圖片預讀取和lazy-load技術、JQuery框架中的AjaxAPI、使用Ajax實現爆布流案例額。

第四階段:面向對象進階

面向對象終極篇:從內存角度到理解JS面向對象、基本類型、復雜類型、原型鏈、ES6中的面向對象、屬性讀寫許可權、設置器、訪問器。

面向對象三大特徵:繼承性、多態性、封裝性、介面。

設計模式:面向對象編程思維、單例模式、工廠模式、策略模式、觀察者模式、模板方法模式、代理模式、裝飾者模式、適配器模式、面向切面編程。

第五階段:封裝一個屬於自己的框架

框架封裝基礎:事件流、冒泡、捕獲、事件對象、事件框架、選擇框架。

框架封裝中級:運動原理、單物體運動框架、多物體運動框架、運動框架面向對象封裝。

框架封裝高級和補充:JQuery框架雛形、可擴展性、模塊化、封裝屬於傳智自己的框架。

第六階段:模塊化組件開發

面向組件編程:面向組件編程的方式、面向組件編程的實現原理、面向組件編程實戰、基於組件化思想開發網站應用程序。

面向模塊編程:AMD設計規范、CMD設計規范、RequireJS，LoadJS、淘寶的SeaJS。

第七階段:主流的流行框架

Web開發工作流:GIT/SVN、Yeoman腳手架、NPMer依賴管理工具、Grunt/Gulp/Webpack。

MVC/MVVM/MVW框架:Angular.js、Backbone.js、Knockout/Ember。

常用庫:React.js、Vue.js、Zepto.js。

第八階段:HTML5原生移動應用開發

Cordova:WebApp/NativeApp/HybirdApp簡介、Cordova簡介、與PhoneGap之間的關系、開發環境搭建、Cordova實戰(創建項目，配置，編譯，調試，部署發布)。

Ionic:Ionic簡介和同類對比、模板項目解析、常見組件及使用、結合Angular構建APP、常見效果(下拉刷新，上拉載入，側滑導航，選項卡)。

React Native:React Native簡介、React Native環境配置、創建項目，配置，編譯，調試，部署發布、原生模塊和UI組件、原生常用API。

HTML5 :HTML5 中國產業聯盟、HTML5 Plus Runtime環境、HBuilder開發工具、MUI框架、H5 開發和部署。

第九階段: Node.js全棧開發:

快速入門:Node.js發展、生態圈、Io.js、Linux/Windows/OS X環境配置、REPL環境和控制台程序、非同步編程，非阻塞I/O、模塊概念，模塊管理工具、開發流程，調試，測試。

核心模塊和對象:全局對象global，process，console，util、事件驅動，事件發射器、加密解密，路徑操做。

祝你學有所成！

J. Seajs優缺點 什麼是CMD 和AMD 如何使用

1.簡介

Seajs，一個Web模塊載入框架，追求簡單、自然的代碼書寫和組織方式，：Sea.js 遵循 CMD 規范，模塊化JS代碼。依賴的自動載入、配置的簡潔清晰，可以讓程序員更多地專注編碼。

2.優缺點

優點：
1).提高可維護性。
2).模塊化編程。
3).動態載入，前端性能優化

缺點：
1).學習文檔偏少且混亂，會更改團隊使用JS的編寫習慣，必須使用模塊化編程。
2).不太適合團隊目前的情況，多JS文件但少改動，動態載入優勢和模塊化優勢不明顯。
3). 需要配套使用SPM工具，JS的打包和管理工具。

2.什麼是CMD 和AMD ？

非同步模塊定義（AMD）是Asynchronous Mole Definition的縮寫，是 RequireJS 在推廣過程中對模塊定義的規范化產出。
通用模塊定義（CMD）是Common Mole Definition的縮寫，是SeaJS 在推廣過程中對模塊定義的規范化產出。
RequireJS 和 SeaJS 都是模塊化框架的代表，AMD和CMD，是他們各自定義模塊化的方式，大同小異，主要是代碼風格和API不同。

3.如何使用？
代碼如下:<script src="../js/examples-master/sea-moles/seajs/seajs/2.1.1/sea.js"></script>
<script>
//配置js路徑
seajs.config({
alias:{
"jquery":"../examples-master/sea-moles/jquery/jquery/1.10.1/jquery.js"
}
});
//載入模塊
seajs.use('../js/seajs/init',function($){
$("#test_div").click(function(){alert(1);});
});
</script>
代碼如下:
//init.js
define(function(require,exports,mole){
var $ = require('jquery');
return $;
});