创建交互层

循环

示例代码如下:

  1. var people = family,
  2. peopleCount = items.length,
  3. i;
  4. if(peopleCount>0){
  5. for(i=0; i < peopleCount; i = i+1){
  6. var people = people[i];
  7. }
  8. }

条件语句

示例代码如下:

  1. if(people =="tim"){
  2. alert(people +", this is mine");
  3. }else{
  4. alert(people);
  5. }
  6. /* 比较中有2个比较特殊的类型 === 全等于和 !==不全等于.
  7. 全等于的意思是指两个值相等,而且类型也是相同的 */

switch 语句

示例代码

  1. switch(person){
  2. case"tim":
  3. alert("this is mine");
  4. break;
  5. case"christime":
  6. alert("my sister");
  7. break;
  8. default:
  9. alert(person);
  10. }

函数 匿名函数 回调函数

  1. (function(){
  2. "use strict";
  3. var family =[
  4. "joan",
  5. "charlie",
  6. "peter",
  7. "christime",
  8. "anna",
  9. "tim"
  10. ];
  11. var peopleCount = family.length;
  12. var i;
  13. if(peopleCount >0){
  14. for(i =0; i < peopleCount; i = i+1){
  15. var person = family[i];
  16. if(person =="tim"){
  17. alert(person +", this is me!");
  18. }else{
  19. alert(person);
  20. }
  21. }
  22. }
  23. }
  24. })();//匿名函数的直接使用.
  25. //回调函数
  26. window.addEventListener("load",function(){
  27. alert("call back function");
  28. },false});

方法

方法和函数其实一回事, 只不过在对象中的函数就是方法, 譬如alert() 其实就是window的对象, 全称是window.alert().\
我们需要知道的是JavaScript原生对象及外部程序库中的函数. 自定义方法的代码如下:

  1. var getInformation ={
  2. "names": fucntion(){
  3. "use strict",
  4. alert("get the names");
  5. },
  6. "checkForTim":function(){
  7. "use strict",
  8. alert("checking for tim");
  9. }
  10. };
  11. window.addEventListener("load", getInformation.names,false);
  12. 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, * 只要它们能在客户端和服务器之间传输数据即可*.

章节题目:

  1. 匿名函数: 程序运行时当场声明的函数.\
  2. 回调函数: 其他函数调用时.
  3. 程序中通过 事件机制处理用户反馈.

2.1 JavaScript应用开发实践指南的更多相关文章

  1. 2 JavaScript应用开发实践指南

    JavaScript 语言在浏览器中的运用 HTTP请求,加载HTML后根据内容加载CSS等,大部分浏览器默认2个下载链接. HTML元素要尽可能简洁,不需要将Table元素变成多个div, css代 ...

  2. 一 JavaScript应用开发实践指南

    渐进增强模型 总述: 结构层(Structure),表现层(presentation)与行为层(behavior). HTML,CSS,JavaScript. 只有HTML 的情况下也可以显示内容,C ...

  3. 精通BIRT:Eclipse商务智能报表工具开发实践指南

    http://blog.csdn.net/birtbird/article/details/8935520 [置顶] 精通BIRT:Eclipse商务智能报表工具开发实践指南 分类: BIRT 201 ...

  4. OpenGL ES应用开发实践指南:iOS卷

    <OpenGL ES应用开发实践指南:iOS卷> 基本信息 原书名:Learning OpenGL ES for iOS:A Hands-On Guide to Modern 3D Gra ...

  5. lua游戏开发实践指南学习笔记1

    本文是依据lua游戏开发实践指南做的一些学习笔记,仅用于继续自己学习的一些知识. Lua基础 1.  语言定义: 在lua语言中,标识符有非常大的灵活性(变量和函数名),只是用户不呢个以数字作为起始符 ...

  6. 【SpringCloud技术专题】「Gateway网关系列」(3)微服务网关服务的Gateway全流程开发实践指南(2.2.X)

    开发指南须知 本次实践主要在版本:2.2.0.BUILD-SNAPSHOT上进行构建,这个项目提供了构建在Spring生态系统之上API网关. Spring Cloud Gateway的介绍 Spri ...

  7. 《Lua游戏开发实践指南》读后感

    书籍地址:http://book.douban.com/subject/20392269/ 一句话点评该书:想用Lua作游戏脚本开发的同学值得一读! (一)本书特点 市面专门讲Lua的中文书籍非常少, ...

  8. 1. 初次尝试Core Data 应用程序(Core Data 应用开发实践指南)

    本书以实践的方式讲解 Core Data,不会过早讲一些难懂的话题.从入门知识入手,演示如何为范例程序添加Core Data 支持,后续章节再依次讨论更复杂的话题. 1.1. Core Data 是什 ...

  9. 读Lua游戏开发实践指南

    11月11日开读,到今天正好一个月. 起因是被裁员之后,发现很多公司都在使用lua编写cocos2d-x游戏,原因是上手快,技术人员比较便宜. 如果引擎封装比较好,几乎在lua里写写基本逻辑就行了,不 ...

随机推荐

  1. Outlook账户迁移帮助

    Outlook账户迁移指南 1. 介绍 开贴聊聊如何迁移Outlook用户账户到另外一台电脑. 相信许多Outlook用户都遇到过这样的情况:买来一台新电脑,安装完Outlook后,想把旧电脑里面的O ...

  2. [转]Java 动态代理机制分析及扩展

    引言 Java 动态代理机制的出现,使得 Java 开发人员不用手工编写代理类,只要简单地指定一组接口及委托类对象,便能动态地获得代理类.代理类会负责将所有的方法调用分派到委托对象上反射执行,在分派执 ...

  3. 如何让OpenSSL得到JKS格式的keystore中的public and private key

    国内私募机构九鼎控股打造APP,来就送 20元现金领取地址:http://jdb.jiudingcapital.com/phone.html内部邀请码:C8E245J (不写邀请码,没有现金送)国内私 ...

  4. 模板 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 ...

  5. BAE3.0还不支持本地写入文件

    BAE3.0对比2.0做了很大的改动,对于安装应用方面也方便了很多,普通的应用表面上(下文就是讲为什么说表面上)不需要做什么适配.比如wp博客,直接修改wp-config.php,把数据库信息填一下就 ...

  6. 获取windows版本信息

    procedure TForm1.Button1Click(Sender: TObject); Var     OSVI:OSVERSIONINFO; begin     OSVI.dwOSversi ...

  7. windows身份验证模式和SQL server身份验证模式 有什么不同

    两个验证方式是有明显不同的. 主要集中在信任连接和非信任连接. windows 身份验证相对于混合模式更加安全,使用本连接模式时候,sql不判断sa密码,而仅根据用户的windows权限来进行身份验证 ...

  8. dynamic_cast用法

    dynamic_cast < type-id > ( expression ) 该运算符把expression转换成type-id类型的对象.Type-id必须是类的指针.类的引用或者vo ...

  9. Storyboards vs NIB vs Code 大辩论

    前言 做iOS开发的童鞋都应该会纠结一个问题,那就是在做开发的时候是使用StoryBoard还是使用Nibs又或者是Code(纯代码流)呢?笔者也非常纠结这个问题,今天碰巧在raywenderlich ...

  10. 基于JQuery实现相同内容合并单元格[转]

    <script type="text/javascript"> jQuery.fn.rowspan = function(colIdx) { //封装的一个JQuery ...