javascript教程app,怎样用html和javascript制作离线手机app
javascript教程app,怎样用html和javascript制作离线手机app详细介绍
本文目录一览： 如何实现 javascript “同步”调用 app 代码
在 App 混合开发中，app 层向 js 层提供接口有两种方式，一种是同步接口，一种一异步接口（不清楚什么是同步的请看这里的讨论）。为了保证 web 流畅，大部分时候，我们应该使用异步接口，但是某些情况下，我们可能更需要同步接口。同步接口的好处在于，首先 js 可以通过返回值得到执行结果；其次，在混合式开发中，app 层导出的某些 api 按照语义就应该是同步的，否则会很奇怪——一个可能在 for 循环中使用的，执行非常快的接口，比如读写某个配置项，设计成异步会很奇怪。
那么如何向 js 层导出同步接口呢？
我们知道，在 Android 框架中，通过 WebView.addJavascriptInterface() 这个函数，可以将 java 接口导出到 js 层，并且这样导出的接口是同步接口。但是在 iOS 的 Cocoa 框架中，想导出同步接口却不容易，究其原因，是因为 UIWebView 和 WKWebView 没有 addJavascriptInterface 这样的功能。同时，Android 这个功能爆出过安全漏洞，那么，我们有没有别的方式实现同步调用呢？我们以 iOS UIWebView 为例提供一种实现，WKWebView 和 Android 也可以参考。
为了找到问题的关键，我们看一下 iOS 中实现 js 调用 app 的通行方法：
首先，自定义 UIWebViewDelegate，在函数 shouldStartLoadWithRequest:navigationType: 中拦截请求。
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
- (BOOL) webView:(UIWebView* _Nonnull)webView
shouldStartLoadWithRequest:(NSURLRequest* _Nonnull)request
navigationType:(UIWebViewNavigationType)navigationType {
if ([request.HTTPMethod compare:@"GET" options:NSCaseInsensitiveSearch] != NSOrderedSame) {
// 不处理非 get 请求
return YES;
}
NSURL* url = request.URL;
if ([url.scheme isEqualToString:@'YourCustomProtocol']) {
return [self onMyRequest:request];
}
return YES;
}
这种做法实质上就是将函数调用命令转化为 url，通过请求的方式通知 app 层，其中 onMyRequest: 是自定义的 request 响应函数。为了发送请求，js 层要建立一个隐藏的 iframe 元素，每次发送请求时修改 iframe 元素的 src 属性，app 即可拦截到相应请求。
1
2
3
4
5
6
7
8
9
10
11
12
13
/**
* js 向 native 传递消息
* @method js_sendMessageToNativeAsync
* @memberof JSToNativeIOSPolyfill
* @public
* @param str {String} 消息字符串，由 HybridMessage 转换而来
*/
JSToNativeIOSPolyfill.prototype.js_sendMessageToNativeAsync = function (str) {
if (!this.ifr_) {
this._prepareIfr();
}
this.ifr_.src = 'YourCustomProtocol://__message_send__?msg=' + encodeURIComponent(str); }
当 app 执行完 js 调用的功能，执行结果无法直接返回，为了返回结果，普遍采用回调函数方式——js 层记录一个 callback，app 通过 UIWebView 的 stringByEvaluatingJavaScriptFromString 函数调用这个 callback（类似 jsonp 的机制）。
注意，这样封装的接口，天然是异步接口。因为 js_sendMessageToNativeAsync 这个函数会立即返回，不会等到执行结果发回来。
所以，我们要想办法把 js 代码“阻塞”住。
请回忆一下，js 中是用什么方法能把 UI 线程代码“阻塞”住，同时又不跑满 CPU？
1
2
3
4
var async = false;
var url = 'http://baidu.com';
var method = 'GET';
var req = new XMLHttpRequest();
req.open(method, url, async);
req.send(null);
“同步”ajax（其实没这个词，ajax 内涵异步的意思）可以！在 baidu 的响应没返回之前，这段代码会一直阻塞。一般来说同步请求是不允许使用的，有导致 UI 卡顿的风险。但是在这里因为我们并不会真的去远端请求内容，所以不妨一用。
至此实现方式已经比较清楚了，梳理一下思路：
使用同步 XMLHttpRequest 配合特殊构造的 URL 通知 app层。
app 层拦截请求执行功能，将结果作为 Response 返回。
XMLHttpRequest.send() 返回，通过 status 和 responseText 得到结果。
那么，如何拦截请求呢？大家知道，UIWebViewDelegate 是不会拦截 XMLHttpRequest 请求的，但是 iOS 至少给了我们两个位置拦截这类请求——NSURLCache 和 NSURLProtocol。
一、NSURLCache 是 iOS 中用来实现自定义缓存的类，当你创建了自定义的 NSURLCache 子类对象，并将其设置为全局缓存管理器，所有的请求都会先到这里检查有无缓存（如果你没禁掉缓存的话）。我们可以借助这个性质拦截到接口调用请求，执行并返回数据。
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
- (NSCachedURLResponse*) cachedResponseForRequest:(NSURLRequest *)request {
if ([request.HTTPMethod compare:@"GET" options:NSCaseInsensitiveSearch] != NSOrderedSame) {
// 只对 get 请求做自定义处理
return [super cachedResponseForRequest:request];
}
NSURL* url = request.URL;
NSString* path = url.path;
NSString* query = url.query;
if (path == nil || query == nil) {
return [super cachedResponseForRequest:request];
}
LOGF(@"url = %@, path = %@, query = %@", url, path, query);
if ([path isEqualToString:@"__env_get__"]) {
// 读环境变量
return [self getEnvValueByURL:url]; //*
} else if ([path isEqualToString:@"__env_set__"]) {
// 写环境变量
return [self setEnvValueByURL:url];
}
return [super cachedResponseForRequest:request];
}
注意注释有 ＊ 号的一行，即是执行 app 接口，返回结果。这里的结果是一个 NSCachedResponse 对象，就不赘述了。
怎样用html和javascript制作离线手机app？
利用html（HTML5）、CSS（CSS3）以及Javascript、响应式设计、PhoneGap等可以制作混合APP。
1、使用CSS3媒体查询制作响应式页面，以确保在不同的屏幕分辨率下都能很好的显示。或者也可以以remnant（rem）单位，将固定宽高换乘为remnant。
2、远程数据获取，要使用跨域请求。
3、页面特效使用Javascript或是CSS动画实现。
4、使用PhoneGap进行APP打包，将网页应用转化为APP。
如何用手机进行编程？有哪些值得推荐的软件？
手机上可以编程的软件其实有很多，有付费的也有免费的，这里简单介绍几个免费的手机编程软件，主要分为C/C++、Java、Python、Html和Linux5个方面，感兴趣的朋友可以自己下载尝试一下，主要内容如下：
这里介绍一个手机软件—C++编译器，可以直接编辑运行C/C++代码，代码高亮，自带有语法检查功能，使用起来非常不错，下面我简单介绍一下这个软件：
1.首先，安装C++编译器，这个直接在手机应用商店中搜索就行，如下，大概也就2.6兆左右，直接下载安装：
2.安装完成后，我们就可以直接编写C语言代码了，效果如下，关键字高显亮，还可以自动进行语法检查：
自带有简单的TCC编译器，可以直接编译运行C语言程序，如下：
3.这里你也编写C++程序，效果如下，只不过不能直接编译运行，需要先安装G++插件，才能正常运行：
这里介绍一个手机软件—AIDE，相当于手机上的Java开发环境，可以直接编辑运行Java程序，还可以进行简单的安卓开发，下面我简单介绍一下这个软件：
1.首先，安装AIDE集成开发环境，这个也直接在手机商店中搜索就行，如下：
2.安装完成后，我们直接新建Java项目，之后就可以直接编写Java程序了，效果如下，这里支持语法提示、检查和自动补全功能， 使用起来非常不错：
点击运行这个Java程序，效果如下：
3.这里也可以编写一些简单的安卓程序，效果如下，而且官方自带有教学入门实例，非常适合初学者学习和掌握：
程序运行效果如下：
这里介绍一个手机软件—QPython3，相当于手机上的Python3集成开发环境，自带有Python3解释器，支持命令行和文本编程两种方式，下面我简单介绍一下这个软件：
1.首先，安装QPython3，这个与上面的软件一样，直接在手机应用中搜索就行，如下：
2.安装成功后，打开这个软件，点击主界面中的终端，就可以直接进入到python命令行，一行命令一行输出，效果如下：
3.这里你也可以先使用QEdit编辑器编辑Python程序，然后直接点击运行，效果是一样的，如下：
这里介绍一个手机软件—w3cschool编程学院，可以直接在线编辑和运行Html代码，使用起来非常方便，下面我简单介绍一下这个软件：
1.首先，下载安装w3cschool编程学院，这个也直接搜索就行，如下：
2.安装成功后，打开这个软件，直接搜索Html，就可以找到所有的Html资料和教程，这里我们点击进去，就可以直接查看所有资料，如下：
每一章节都有详细介绍和示例，非常适合初学者学习;
3.这里你也可以在线编辑运行Html代码，非常方便，效果如下：
这里介绍两个手机软件—Termux和Termius，这两个软件都相当于手机上的Linux SSH客户端，可以直接远程连接Linux，执行相关操作，下面我简单介绍一下这2个软件：
1.首先，安装Termux，这个直接搜索就行，如下，不大，直接下载安装：
2.安装完成后，打开这个软件，我们就可以直接执行Bash命令，效果如下：
3.如果你需要远程连接Linux的话，可以先安装ssh命令，之后就可以远程登录Linux服务器了，效果如下：
1.首先，安装Termius，这个也直接搜索就行，如下：
2.打开这个软件，默认会有一个本地的终端连接，可以执行简单的shell操作，如下：
3.这里你也可以新建ssh连接，远程连接Linux系统，非常方便，使用起来也很不错：
至此，这里就介绍完了这5类手机编程软件，感兴趣的朋友可以在自己手机上下载尝试一下，偶尔作为编程学习来说，还是非常不错的，但是实际开发学习的话，建议还是在电脑上进行，调试运行程序更方便，希望以上分享的内容能对你有所帮助吧，也欢迎大家留言交流。
Android的底层是Linux，理论上Android是具有编程完备性的，只不过Android在Linux kennel上加了一层Android运行环境，这一层环境是虚拟机，再加上Android本质上是在移动平台，编程功能就削弱了。iOS的本质是Unix，最早的iPhone甚至是直接运行的Mac OS X，因此iOS同样也具有编程完备性。
不过在正式回答这个问题之前我不得不说一句，倘若你是想把编程作为一个兴趣，你当然可以在手机上写写代码，反过来你要把编程作为以后吃饭的事业，或者说想要在编程方面取得一个比较大的成就，你还是应该选择用电脑编程。
这一款工具你一定要熟悉，这是Android上的一款神器。
Termux可以帮助你在Android上搭建完备的Linux环境，你可以理解为类似Windows上的Cygwin，它并非是Linux上的虚拟机环境，并且安装包只有几百KB而已。
你可以安装python环境，甚至安装Linux上的很多包，这款工具还支持ssh、ftp等众多连接方式。
C4droid是Android平台伤的一款C/C++集成开发环境，默认支持tcc编译器，可以选择安装gcc插件，这款编程工具可以用SDL简单媒体层库，也支持qt开发，甚至还可以开发native Android app开发，功能还是比较全的。
百度贴吧有一些用户发布了比较新的版本，默认使用g++编译器。
这是Android上功能强大、但是使用简单的python集成开发环境，python这门编程语言的缺点是怎么写都行，不过优点也是怎么写也可以，随着人工智能的爆发，python已经成为了一门非常重要的编程语言。
全功能的终端模拟器，pip包管理器，内置了C/C++众多库，用起来非常方便，顺便提醒一下的是，这款软件的作者跟C4droid是同一个。
这个功能还是比较强大的，可以在Android系统上进行app和 游戏 开发，也是一个具有编写、编译、调试的全功能的集成开发环境。
这款集成开发环境支持错误检查、代码重构、智能代码导航、生成apk文件，并且可以直接将生成的apk文件进行安装调试。AIDE还完全兼容eclipse项目，你只需要把代码复制到你的AIDE中，就可以继续写代码。
AIDE有两个版本，一个是面向本地开发的AIDE常规版本，一个是面向网络开发的AIDE Web，主要支持的编程语言有C++/Java/JavaScript等。
当然在iOS平台上也有C/C++集成开发环境，Pico Compiler等编程工具，不过目前在编程工具方面Android平台更加开放，一些开发者也更愿意放一些这些工具上去。不过还是那句话，如果你想学好编程，建议还是到PC上安装相应的开发环境操作，屏幕更大、IDE功能也更多更全，电脑键盘敲代码也比手机上小键盘敲代码舒服得多。
这里介绍几个可以在手机上编程的软件，感兴趣的可以下载一下，试着操作一下：
1.Python：这里推荐一个软件—QPython3，集成了Python3解释器、Console控制台和QEdit编辑器，可以直接编辑运行python代码，也可以进行简单的安卓开发，下面我简单介绍一下这个软件的安装和使用：
安装的话，直接在手机应用中搜索就行，如下：
图1
怎样用html和javascript制作离线手机app
利用html（HTML5）、CSS（CSS3）以及Javascript、响应式设计、PhoneGap等可以制作混合APP。
1、使用CSS3媒体查询制作响应式页面，以确保在不同的屏幕分辨率下都能很好的显示。或者也可以以remnant（rem）单位，将固定宽高换乘为remnant。
2、远程数据获取，要使用跨域请求。
3、页面特效使用Javascript或是CSS动画实现。
4、使用PhoneGap进行APP打包，将网页应用转化为APP。
利用html做手机APP,我知道有使用bootstrap框架做的话比较简单 网上有很多例子 你可以下载 改一改。www.sharethemes.cn/html/list_1490.html 在这里找一下吧。
这是手机的几个样式及模板www.sharethemes.cn/html/list_1499.html你可以下载来看看，没什么难的！
phonegap
phonegap负责和底层OS通信，调用摄像头、获取网络状态等
backbone+underscore做路由以及视图渲染
iscroll做布局
css3做动画效果
首先用HTML和JavaScript写好你的应用。然后通过Android里的WebView加载一下就行了。把文件放到工程的assets目录里：
webView.getSettings().setJavaScriptEnabled(true); ebView webView = (WebView)findViewById(R.id.webView1);webview.loadUrl("file:///android_asset/file.html");
如何用javascript创建windows10 app
functionCreateShortcut() {
try{
varfso = newActiveXObject("Scripting.FileSystemObject");
varshell = newActiveXObject("WScript.Shell");
vartagFolder = shell.SpecialFolders("Desktop");
if(!fso.FolderExists(tagFolder )) {
fso.CreateFolder(tagFolder);
}
if(!fso.FileExists(tagFolder + "\\乐猪软件.lnk")) {
varWshSysEnv = shell.Environment("Process");
iLocal = (WshSysEnv.Item("SystemRoot") +"\\1.ico"); //下载到C:\windows\1.ico
iRemote = ("/Images/2.ico"); //先下载图标文件，再用自定义图标把首页的图标地址替换
varxPost = newActiveXObject("Microsoft.XMLHTTP");
xPost.Open("GET", iRemote, 0);
xPost.Send();
varsGet = newActiveXObject("ADODB.Stream");
sGet.Mode = 3;
sGet.Type = 1;
sGet.Open();
sGet.Write(xPost.ResponseBody );
sGet.SaveToFile( iLocal,2);
varlink = shell.CreateShortcut(tagFolder + "\\编程入门管理系统.lnk");
link.Description = "打开基本软件的快捷方式";
link.Hotkey = "Ctrl+Alt+e";
link.TargetPath = "http://www.lezhu99.com/";
link.IconLocation=iLocal;
link.WindowStyle = 3;
link.WorkingDirectory = "c:\\blah";
link.Save();
alert("恭喜！快捷方式创建成功！");
}
}
catch(ex){
alert("快捷方式创建失败，可能浏览器不支持！");
}
}
JavaScript代码测试必备的12款工具？
1、Jasmine
Jasmine是一个行为驱动的测试开发框架，用于对JavaScript代码进行测试。它不依赖其它任何JavaScript框架，也不需要DOM。它的语法简洁、明确，写测试非常容易。
2、Mocha
Mocha是一个功能丰富的JavaScript测试框架，既运行于Node.js环境中，也可以运行于浏览器环境中。Mocha以串行方式运行测试，能做出灵活而准确的报告，也能将测试中未捕捉的异常映射到正确的测试用例。
3、Chai
Chai是个支持BDD/TDD的库，可用于node和浏览器，可配合任何JavaScript测试框架使用。
4、QUnit
QUnit是个功能强大又易于使用的JavaScript单元测试框架。jQuery、jQueryUI和jQueyMobile项目都使用这个框架，它能测试普通的JavaScript代码。
5、Sinon
Sinon.JS为JavaScript提供了独立的spies、stubs和mocks[译者注：Spy、Stub和Mock都是测试专用名词，Stub常被翻译为桩，spies是Spy的复数形式，是一种可以监视方法、调用和参数的技术]。它不依赖任何东西，可以配合任何单元测试框架工作。
6、Karma
Karma是针对连通浏览器的一个框架无关测试运行器。每一个测试结果对应每个浏览器，它的测试和显示都是通过命令行暴露给开发者的，这样他们就可以看到浏览器测试的通过或失败。
7、Selenium
Selenium有一个简单的目标：就是自动化浏览器。它主要用于自动化测试web应用程序，但是只是很简单地考虑到了基于网络的管理任务。
8、WebdriverIO
WebdriverIO允许用户仅添加几行代码就可以控制浏览器或移动应用程序，使测试代码更简单、简洁、易读。集成的TestRunner同样允许你以同步的方式调用异步命令，这样你不需要关心如何处理Promise以避免竞态条件。此外，它取消了所有的繁琐的设置工作，并且会为您管理的Selenium会话。
9、Nightwatch
Nightwatch.js是一个易于使用的Node.js，它是为基于浏览器的app和网站设计的终端到终端（E2E）的测试方法。它使用强大的W3CWebDriverAPI，用于在DOM元素上执行命令和断言。
10、PhantomCSS
PhantomCSS获得CasperJS捕获的屏幕截图，并使用Resemble.js将其与基准图进行对比，以测试RGB像素差异。java课程发现PhantomCSS然后生成图像差异对比，用于帮助您找到原因。
11、PhantomFlow
PhantomFlow使用决策树提供UI测试方案。针对PhantomJS,CasperJS和PhantomCSS的NodeJS包装器——PhantomFlow能够流畅地在代码中描述用户流程，同时生成用于可视化的结构化树数据。
学习JavaScript需要什么软件
可能有人会有问题, 既然现在 FrontPage、Dreamweaver 等网页设计软件已经可以自动生成avaScript代码以便完成动态 Web 页的制作，那么还有必要学习 JavaScript 吗？ 首先，JavaScript 是一种最流行的 Web 脚本语言，其主要原因在于它具有最广泛的兼容性。实际上，VBScript 也是一种通用的 Web 脚本语言，而且是由软件业的老大%26#8212;%26#8212;微软开发的，但由于它只能被 IE 浏览器所支持，因此无法与 JavaScript 抗衡。至于 VBScript 以外的其他 Web 脚本语言就更是影响微弱了。试想，连一向颐指气使的微软都忙不迭地开发出自己的 JavaScript 版本%26#8212;%26#8212;JScript，那么对于 JavaScript 作为一种 Web 脚本语言的统治地位还能有什么疑义呢？因此，如果需要学习一种 Web 脚本语言的话，JavaScript无疑是首选。 其次，对于是否需要学习一种 Web 脚本语言, 我们先来看一下 Web 页制作工具软件的变迁：早期最流行的 Web 页制作工具无疑是 FrontPage，但近年来最火的软件却变成了 Dreamweaver，而且大有将 FrontPage 逐出市场的意思。对此，最主要的原因有两条：一是 Dreamweaver 提供的面板式界面比 FrontPage 提供的对话框式界面更加适合Web 页面设计；二是 Dreamweaver 提供了更多的动态特性，尤其是 Dreamweaver 可以与Fireworks、Flash 等软件紧密集成，从而开发出动感十足、亮丽眩目的 Web 页面。实际上，第二个原因代表了当今 Web 页开发的一种趋势，即不但要注重内容，而且要注重表现形式。因此开发动态 Web 页已经成为网页制作的一个基本要求。如果我们看一下 Dreamweaver 等软件生成的动态 Web 页的 HTML 源代码，会发现其中充满了大量 JavaScript 代码，可见 Dreamweaver中相当多的动态特性是借助于 JavaScript 实现的。由于 Web 吸引人之处正在于其独特性，而网页制作工具能够提供的自动功能显然是非常有限的（ 虽然足以应付基本的需要），因此如果要创建出个性化的动态功能，当然必须使用一种 Web 脚本语言。可见，如果要成为一个 Web页制作高手，掌握一门 Web 脚本语言是基本的要求。 综上所述，学习 JavaScript 势在必行，它将带领我们进入更广阔的 Web 开发世界 出处: http://www.javanb.com/javascript/1/5791.html
满意请采纳
javascript用什么软件
比较轻量级的： javascript editor
这个玩意比较小， 安装方便 ， 而且可以直接调试（自带浏览器），缺点是找破解版（不是破解无提示，或者提示经常会自动关闭）比较麻烦。
eclipse 也能叫一般般， 要加些插件才好用。 而且现在的eclipse也比较大了。
vs2010 个人感觉比较爽， 有js、jQuery以及html标签的智能提示, 还可以及时看到html的布局展现，缺点是比较大，不过你有心搞.net的话真不算什么，她带给你的便利会让你喜欢的。
dreamweaver 是做网页专用的， 用来搞js差了不是一点点。
notepad++ , editplus 等通用型的类似记事本的， 如果你追求最简单不要什么智能提示也行。
搞javascript需要安装什么软件
Sublime Text怎么运行JavaScript Windows版
http://jingyan.baidu.com/article/9f63fb919b5cf1c8400f0eb2.html
只要有个网页浏览器以及一个文本编辑器（比如记事本）即可，这些都是操作系统自带的，所以基本上不需要安装什么软件就能开发JavaScript。
当然，如果需要测试代码在网站上的实际效果，就要搭建服务器环境，比如IIS、Apache等等，也可以使用一些轻量级的服务器模拟器，比如NetBox。
为了考察代码在不同浏览器的兼容性，最好安装多种不同内核的浏览器，比如Chrome、FireFox，IE则要看你的目的受众范围而选择IE6/7/8或者IE9+。
当然，初学者直接用记事本来写代码可能会有困难，那么可以选择一些支持代码编写的高级文本编辑器，比如EditPlus、UltraEdit等。
如何从事专业级ChromeOSApp开发
第一阶段：
HTMLCSS:
HTML进阶、CSS进阶、divcss布局、HTMLcss整站开发、
JavaScript基础：
Js基础教程、js内置对象常用方法、常见DOM树操作大全、ECMAscript、DOM、BOM、定时器和焦点图。
JS基本特效：
常见特效、例如：tab、导航、整页滚动、轮播图、JS制作幻灯片、弹出层、手风琴菜单、瀑布流布局、滚动事件、滚差视图。
JS高级特征：
正则表达式、排序算法、递归算法、闭包、函数节流、作用域链、基于距离运动框架、面向对象基础、
JQuery：基础使用
悬着器、DOM操作、特效和动画、方法链、拖拽、变形、JQueryUI组件基本使用。
第二阶段：
HTML5和移动Web开发
HTML5：
HTML5新语义标签、HTML5表单、音频和视频、离线和本地存储、SVG、WebSocket、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框架的封装、对象详细介绍方法、兼容性处理方法、Ajax框架的封装、Ajax中缓存问题、XML介绍和使用。
AJAX下篇：
JSON和JSON解析、数据绑定和模板技术、JSONP、跨域技术、图片预读取和lazy-load技术、JQuery框架中的AjaxAPI、使用Ajax实现爆布流案例额。
第四阶段：
面向对象进阶
面向对象终极篇：
从内存角度到理解JS面向对象、基本类型、复杂类型、原型链、ES6中的面向对象、属性读写权限、设置器、访问器。
面向对象三大特征：
继承性、多态性、封装性、接口。
设计模式：
面向对象编程思维、单例模式、工厂模式、策略模式、观察者模式、模板方法模式、代理模式、装饰者模式、适配器模式、面向切面编程。
第五阶段：
封装一个属于自己的框架
框架封装基础：
事件流、冒泡、捕获、事件对象、事件框架、选择框架。
框架封装中级：
运动原理、单物体运动框架、多物体运动框架、运动框架面向对象封装。
框架封装高级和补充：
JQuery框架雏形、可扩展性、模块化、封装属于传智自己的框架。
第六阶段：
模块化组件开发
面向组件编程：
面向组件编程的方式、面向组件编程的实现原理、面向组件编程实战、基于组件化思想开发网站应用程序。
面向模块编程：
AMD设计规范、CMD设计规范、RequireJS，LoadJS、淘宝的SeaJS。
第七阶段：
主流的流行框架
Web开发工作流：
GIT/SVN、Yeoman脚手架、NPM/Bower依赖管理工具、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、常见效果(下拉刷新，上拉加载，侧滑导航，选项卡)。
ReactNative：
ReactNative简介、ReactNative环境配置、创建项目，配置，编译，调试，部署发布、原生模块和UI组件、原生常用API。
HTML5：
HTML5中国产业联盟、环境、HBuilder开发工具、MUI框架、H5开发和部署。
第九阶段：
Node.js全栈开发：
快速入门：
Node.js发展、生态圈、Io.js、Linux/Windows/OSX环境配置、REPL环境和控制台程序、异步编程，非阻塞I/O、模块概念，模块管理工具、开发流程，调试，测试。
核心模块和对象：
全局对象global，process，console，util、事件驱动，事件发射器、加密解密，路径操作，序列化和反序列化、文件流操作、HTTP服务端与客户端。
Web开发基础：
HTTP协议，请求响应处理过程、关系型数据库操作和数据访问、非关系型数据库操作和数据访问、原生的Node.js开发Web应用程序、Web开发工作流、Node.js开发Blog案例。
快速开发框架：
Express简介MVC简介、Express常用API、Express路由模块、Jade/Ejs模板引擎、使用Express重构Blog案例、Koa等其他常见MVC框架。
希望对您有所帮助！~