内容简介 <程序设计方法>主要以方法为主导,结合C语言,把程序设计方法学研究中若干成熟的理论和方法用通俗易懂的语言描述出来.<程序设计方法>还选取趣味性强.技巧性高.能够启发学生创造性思维的例题,以适应指导中学生参加各类程序设计比赛的需要. <程序设计方法>主要面向进修高等师范本科(专科起点)的中学教师,也可作为普通高等师范院校计算机专业和非计算机专业学生的教材或教学参考书. 目录 第1章程序设计方法概论 1.1 程序设计语言和程序设计方法 1.1.1 程序.语言和程序

学习了第一单元我们几本可以写出10行左右的代码. week1:python编程之基本方法 1.从计算机到程序设计语言: 理解计算机:计算机是能够根据一组指令操作数据的机器. 功能性:可以进行数据计算 可编程性:根据一系列指令来执行 计算机的分类:嵌入式计算机.超级计算机.服务器计算机.个人计算机.网络计算机 2.程序设计的基本方法: IPO方法: I:输入,程序的输入,包括用户手工输入.网络输入.程序内部参数输入.文件输入.随机数据输入.输入是一个程序的开始. P:处理,程序的主要逻辑,程序对输

第六章 面向对象的程序设计 ECMA中有两种属性:数据属性和访问器属性 数据属性的特性 [[Configurable]] 表示是否通过delete删除属性,是否重新定义属性,是否能把属性修改为访问器属性 [[Enumerable]] 表示是否通过for-in循环返回属性 [[writable]] 表示是否修改属性的值 [[Value]] 包含这个属性的数据值,从这个属性里读取数据值 要修改属性默认的特效必须使用ECMAScript 5的Object.defineProperty()方法,它接收3

JSON对象 早期的JSON解析器就是使用JavaScript的eval()函数,ECMAScript5对解析JSON的行为做出了规定,定义了全局对象JSON. JSON对象有2个方法:stringify()和parse(),分别用于把JavaScript对象序列化为JSON字符串(值为undefined的任何属性会被略过)和执行相反的操作 JSON.stringify()除了要序列化的JavaScript对象外,还可以接受2个参数,一个是过滤器,可以是一个数组或者函数,另一个是一个选项,表示是

错误处理 try-catch语句 try{ //可能会导致错误的代码 }catch(error){ //在错误发生时如何处理 } error是一个包含着错误信息的对象,它有一个message属性,保存着错误消息:还有一个保存着错误类型的name属性(Opera9之前不支持这个属性) try{ //可能会导致错误的代码 }catch(error){ alert(error.message); } finally子句 try{ //可能会导致错误的代码 }catch(error){ //在错误发生时

dropEffect和effectAllowed 利用dataTransfer对象,传输数据.确定被拖动元素以及作为放置目标的元素能够接受什么操作,为此需要访问对象的两个属性dropEffect和effectAllowed 其中通过dropEffect属性可以知道被拖动元素能够执行哪种放置行为,有4个可能的值 “none”:不能把拖动的元素放到这里,这是除文本框以外所有元素的默认值 “move”:应该把拖动的元素移动到放置目标 “copy”:应该把拖动的元素复制到放置目标 “link”:表示放置

15章 使用Canvas绘图 略 16章 HTML5脚本编程 HTML5规范了新的HTML标记和JavaScript API,以便简化创建动态Web界面的工作 跨文档消息传递 简称XDM,指来自不同域的页面间传递消息(比如www.wrox.com域中页面与p2p.wrox.com) XDM的核心是postMessage()方法,目的是向另一个地方传递信息,“另一个地方”指的是包含在当前页面中的<iframe>元素或者当前页面弹出的窗口 postMessage()方法接收2个参数:一条消息和一个

表单序列化 首先了解一下浏览器如何将数据发送给服务器 对表单字段的名称和值进行URL编码,使用和号(&)分隔 不发送禁用的表单字段 只发送勾选的复选框和单选按钮 不发送type为“reset”和“button”的按钮 多选选择框中的每个选中的值单独一个条目 在单击提交按钮提交表单的情况下,也会发送提交按钮:否则,不发送提交按钮(包括type为“image”的<input>元素) <select>元素的值,就是选中的<option>元素的value特性的值,如果&

选择选项 对于只允许选择一项的选择框,访问选中项最简单的方式是selectedIndex属性 var selectedOption=selectbox.options["selectbox.selectedIndex"]; 对于可以多选的选择框selectedIndex属性会导致取消之前的所有选项,并选择指定的那一项,读取selectedIndex属性只会返回选中项中第一项的索引值 另一种选择选项的方式是取得某一项的引用,将其selected属性设置为true(将它设置为false对单

输入模式 HTML5为文本字段新增了pattern属性,这个属性的值是一个正则表达式,用于匹配文本框中的值 例如,只想在允许在文本字段中输入数值 <input type="text" pattern="\d+" name="count"> 注意,模式的开头和结尾不用加^和$符号(假定已经有了),这两个符号表示输入的值必须从头到尾与模式匹配 与其他输入类型相似,指定的pattern也不能阻止用户输入无效的文本,.这个模式应用给值,浏览器

过滤输入 对于一些浏览器,可以使用正则表达式里的text()测试用户按下的按键,Firefox和safari(3.1版本之前)会对向上向下.退格键和删除键触发keypress事件,在Firefox中,所有非字符键触发的keypress事件对应的字符编码为0,而在Safari3之前的版本,对应的字符编码全部为8,最后确保用户没有按下Ctrl键(不屏蔽ctrl+c.ctrl+v) EventUtil.addHandler(textbox,"keypress",function(event)

共有的表单字段方法 每个表单字段都有两个方法:focus()和blur(),其中focus()用于将浏览器焦点设置到表单字段,激活表单字段.可以侦听页面的load事件 EventUtil.addHandler(window,"load",function(event){ document.forms[0].elements[0].focus(); }); 要注意的是,如果第一个表单字段是隐藏的,使用以上代码会导致错误 HTML5为表单字段新增了一个autofocus属性,不用Javas

表单脚本 表单的基础知识 在HTML中,表单是由<form>元素表示的,在Javascript对应的是HTMLFormElement类型,它继承自HTMLElement,因此具有与其他HTML元素相同的默认属性,HTMLFormElement也有它自己独有的属性和方法 acceptCharset:服务器能够处理的字符集:等价于HTML中accept-charset特性 action:接受请求的URL:等价于HTML的action特性 elements:表单中所有控件的集合(HTMLCollec

(续上篇) 模拟鼠标事件 var btn=document.getElementById("myBtn"); //创建事件对象 var event=document.createEvent("MouseEvents"); //初始化事件对象 event.initMouseEvent("click",true,true,document.defaultView,0,0,0,0,0,false,false,false,false,0,null); /

hashchange事件 HTML5新增了hashchange事件,以便在URL的参数列表(及URL中“#”号后面的所有字符串)发生变化时通知开发人员,之所以新增这个事件,是因为在Ajax应用中,开发人员经常要利用URL参数列来保存状态或导航信息 将hashchange事件处理程序添加给window对象,然后URL参数列表只要变化就会调用它.此时的event对象额外包含两个属性:oldURL和newURL,分别保存着参数列表变化前后的完整URL EventUtil.addHandler(wind

触摸设备 iOS和Android设备的实现非常特别,因为这些设备没有鼠标,在面向iPhone和iPod中的Safari开发时,要记住以下几点 不支持dblclick事件,双击浏览器窗口会放大画面,没有办法改变该行为 轻击可单击元素会触发mousemove事件,如果此操作导致内容的变化,将不再有其他事件发生:如果屏幕没有发生变化,那么会依次发生mousedown.mouseup和click事件.轻击不可单击的元素不会触发任何事件(可单击元素指链接或指定了onclick事件处理程序的元素) mous

客户区坐标位置 clientX和clientY保存着鼠标指针在视口中的水平位置坐标和垂直位置坐标(显示出页面的部分叫做客户区,坐标信息不包括页面的滚动距离) var div=document.getElementById("myDiv"); EventUtil.addHandler(div,"click",function(event){ event=EventUtil.getEvent(event); alert("Client coordinates:

IE中的事件对象 要访问IE中的event对象有几种不同的方式,取决于指定事件处理程序的方法.在使用DOM0级方法添加事件处理程序时,event对象作为window对象的一个属性存在 wondow.event.type //IE中的type属性与DOM的type属性相同 在使用attachEvent()添加事件处理程序时,会有一个event对象作为参数被传入到事件处理程序函数中 btn.attachEvent("onclick",function(event){ alert(event

事件对象 在触发DOM上某个事件时,会产生一个事件对象event,这个对象中包含着所有与事件有关的信息. DOM中的事件对象 兼容DOM的浏览器会将event对象传入到事件处理程序中,无论指定事件处理程序时使用什么方法(DOM0级或DOM2级) btn.addEventListener("click",function(event){ alert(event.type); //"click" },false); 通过HTML特性指定事件处理程序时,变量event中保

DOM0级事件处理程序 就是将一个函数赋值给一个事件处理程序属性,具有简单.跨浏览器优势,首先必须取得一个操作对象的引用,每个元素(包括window和document)都有自己的事件处理程序属性,这些属性通常全部小写 var btn=document.getElementById("myBtn"); btn.onclick=function(){ alert("Clicked"); }; 使用DOM0级方法指定的事件处理程序被认为是元素的方法,这些事件处理程序在元素