2.1 JavaScript应用开发实践指南
创建交互层
循环
示例代码如下:
var people = family,
peopleCount = items.length,
i;
if(peopleCount>0){
for(i=0; i < peopleCount; i = i+1){
var people = people[i];
}
}
条件语句
示例代码如下:
if(people =="tim"){
alert(people +", this is mine");
}else{
alert(people);
}
/* 比较中有2个比较特殊的类型 === 全等于和 !==不全等于.
全等于的意思是指两个值相等,而且类型也是相同的 */
switch 语句
示例代码
switch(person){
case"tim":
alert("this is mine");
break;
case"christime":
alert("my sister");
break;
default:
alert(person);
}
函数 匿名函数 回调函数
(function(){
"use strict";
var family =[
"joan",
"charlie",
"peter",
"christime",
"anna",
"tim"
];
var peopleCount = family.length;
var i;
if(peopleCount >0){
for(i =0; i < peopleCount; i = i+1){
var person = family[i];
if(person =="tim"){
alert(person +", this is me!");
}else{
alert(person);
}
}
}
}
})();//匿名函数的直接使用.
//回调函数
window.addEventListener("load",function(){
alert("call back function");
},false});
方法
方法和函数其实一回事, 只不过在对象中的函数就是方法, 譬如alert()
其实就是window
的对象, 全称是window.alert()
.\
我们需要知道的是JavaScript原生对象及外部程序库中的函数. 自定义方法的代码如下:
var getInformation ={
"names": fucntion(){
"use strict",
alert("get the names");
},
"checkForTim":function(){
"use strict",
alert("checking for tim");
}
};
window.addEventListener("load", getInformation.names,false);
document.addEventListener("click", getInformation.checkForTim,false);
以对象为目标组织代码是一种条例清楚和明晰的方式.
事件
很多事件注册监听函数, 例如: click, focous, dblclick, submit, mousedown, load, mousemove, touchstart*, mouseup等.
事件加载函数包括:
window.addEventListener(“load”, …);
document.addEventListener(“click”, …);
Ajax
异步JavaScript和XML. 不重新加载整个页面的前提下刷新HTML文档中的部分内容. Ajax的使用也可以是同步的, 交换数据的格式也不一定非要是XML, 也可以是JSON, 甚至是HTML, * 只要它们能在客户端和服务器之间传输数据即可*.
章节题目:
- 匿名函数: 程序运行时当场声明的函数.\
- 回调函数: 其他函数调用时.
- 程序中通过 事件机制处理用户反馈.
2.1 JavaScript应用开发实践指南的更多相关文章
- 2 JavaScript应用开发实践指南
JavaScript 语言在浏览器中的运用 HTTP请求,加载HTML后根据内容加载CSS等,大部分浏览器默认2个下载链接. HTML元素要尽可能简洁,不需要将Table元素变成多个div, css代 ...
- 一 JavaScript应用开发实践指南
渐进增强模型 总述: 结构层(Structure),表现层(presentation)与行为层(behavior). HTML,CSS,JavaScript. 只有HTML 的情况下也可以显示内容,C ...
- 精通BIRT:Eclipse商务智能报表工具开发实践指南
http://blog.csdn.net/birtbird/article/details/8935520 [置顶] 精通BIRT:Eclipse商务智能报表工具开发实践指南 分类: BIRT 201 ...
- OpenGL ES应用开发实践指南:iOS卷
<OpenGL ES应用开发实践指南:iOS卷> 基本信息 原书名:Learning OpenGL ES for iOS:A Hands-On Guide to Modern 3D Gra ...
- lua游戏开发实践指南学习笔记1
本文是依据lua游戏开发实践指南做的一些学习笔记,仅用于继续自己学习的一些知识. Lua基础 1. 语言定义: 在lua语言中,标识符有非常大的灵活性(变量和函数名),只是用户不呢个以数字作为起始符 ...
- 【SpringCloud技术专题】「Gateway网关系列」(3)微服务网关服务的Gateway全流程开发实践指南(2.2.X)
开发指南须知 本次实践主要在版本:2.2.0.BUILD-SNAPSHOT上进行构建,这个项目提供了构建在Spring生态系统之上API网关. Spring Cloud Gateway的介绍 Spri ...
- 《Lua游戏开发实践指南》读后感
书籍地址:http://book.douban.com/subject/20392269/ 一句话点评该书:想用Lua作游戏脚本开发的同学值得一读! (一)本书特点 市面专门讲Lua的中文书籍非常少, ...
- 1. 初次尝试Core Data 应用程序(Core Data 应用开发实践指南)
本书以实践的方式讲解 Core Data,不会过早讲一些难懂的话题.从入门知识入手,演示如何为范例程序添加Core Data 支持,后续章节再依次讨论更复杂的话题. 1.1. Core Data 是什 ...
- 读Lua游戏开发实践指南
11月11日开读,到今天正好一个月. 起因是被裁员之后,发现很多公司都在使用lua编写cocos2d-x游戏,原因是上手快,技术人员比较便宜. 如果引擎封装比较好,几乎在lua里写写基本逻辑就行了,不 ...
随机推荐
- Outlook账户迁移帮助
Outlook账户迁移指南 1. 介绍 开贴聊聊如何迁移Outlook用户账户到另外一台电脑. 相信许多Outlook用户都遇到过这样的情况:买来一台新电脑,安装完Outlook后,想把旧电脑里面的O ...
- [转]Java 动态代理机制分析及扩展
引言 Java 动态代理机制的出现,使得 Java 开发人员不用手工编写代理类,只要简单地指定一组接口及委托类对象,便能动态地获得代理类.代理类会负责将所有的方法调用分派到委托对象上反射执行,在分派执 ...
- 如何让OpenSSL得到JKS格式的keystore中的public and private key
国内私募机构九鼎控股打造APP,来就送 20元现金领取地址:http://jdb.jiudingcapital.com/phone.html内部邀请码:C8E245J (不写邀请码,没有现金送)国内私 ...
- 模板 lucas
void extend_gcd(ll a,ll &x,ll b,ll &y){ ){ x=,y=; return; } ll x1,y1; extend_gcd(b,x1,a%b,y1 ...
- BAE3.0还不支持本地写入文件
BAE3.0对比2.0做了很大的改动,对于安装应用方面也方便了很多,普通的应用表面上(下文就是讲为什么说表面上)不需要做什么适配.比如wp博客,直接修改wp-config.php,把数据库信息填一下就 ...
- 获取windows版本信息
procedure TForm1.Button1Click(Sender: TObject); Var OSVI:OSVERSIONINFO; begin OSVI.dwOSversi ...
- windows身份验证模式和SQL server身份验证模式 有什么不同
两个验证方式是有明显不同的. 主要集中在信任连接和非信任连接. windows 身份验证相对于混合模式更加安全,使用本连接模式时候,sql不判断sa密码,而仅根据用户的windows权限来进行身份验证 ...
- dynamic_cast用法
dynamic_cast < type-id > ( expression ) 该运算符把expression转换成type-id类型的对象.Type-id必须是类的指针.类的引用或者vo ...
- Storyboards vs NIB vs Code 大辩论
前言 做iOS开发的童鞋都应该会纠结一个问题,那就是在做开发的时候是使用StoryBoard还是使用Nibs又或者是Code(纯代码流)呢?笔者也非常纠结这个问题,今天碰巧在raywenderlich ...
- 基于JQuery实现相同内容合并单元格[转]
<script type="text/javascript"> jQuery.fn.rowspan = function(colIdx) { //封装的一个JQuery ...