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 $;
});