创建交互层

循环

示例代码如下:

  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. Codeforces 390Div2-754D. Fedor and coupons(贪心+优先队列)

    D. Fedor and coupons time limit per test 4 seconds memory limit per test 256 megabytes input standar ...

  2. win32进阶必备:多线程同步之互斥锁

    应用多线程互斥锁之前首先简单过一下C程序可能用到的3个创建线程函数: CreateThread,windows系统提供的唯一创建线程API,_beginthread和_beginthreadex都在内 ...

  3. SAP PP 生产订单变更记录保存

    *&---------------------------------------------------------------------* *& 包括 ZXCO1U01 *&am ...

  4. dotnetfx35.exe

    http://download.microsoft.com/download/2/0/e/20e90413-712f-438c-988e-fdaa79a8ac3d/dotnetfx35.exe

  5. Windows下记事本编辑的Shell脚本放到Linux下执行出错,格式问题(/bin/bash^M: bad interpreter: 没有那个文件或目录)

    错误: /bin/bash^M: bad interpreter: 没有那个文件或目录 解决方案: 运行脚本时出现了这样一个错误,打开之后并没有找到所谓的^M,查了之后才知道原来是文件格式的问题,也就 ...

  6. Android手机中获取手机号码和运营商信息

    代码如下: package com.pei.activity; import android.app.Activity; import android.os.Bundle; import androi ...

  7. Clover

    为您的 Windows Explorer 插上翅膀! Clover 是 Windows Explorer 资源管理器的一个扩展,为其增加类似谷歌 Chrome 浏览器的多标签页功能. 方便的 Tab ...

  8. Database API

    Database API Introduction Basic Usage Selects Joins Aggregates Raw Expressions Inserts Updates Delet ...

  9. Oracle建表实例

    建表一般来说是个挺简单的事情,但是Oracle的建表语句有很多可选的参数,有些我们可能平时不太用,用的时候又不知道怎么用,这里就写一个较完整的建表的例子: CREATE TABLE banping  ...

  10. Android_AsyncTask_DownloadImg

    layout.xml <LinearLayout xmlns:android="http://schemas.android.com/apk/res/android" xml ...