慕课网,学习计划.doc

慕课网,学习计划篇一：JavaScript(入门)慕课网学习笔记如何插入JS . 1引用JS外部文件 . 1JS在页面中的位置 . 2认识语句和符号. 3注释很重要. 3什么是变量. 4判断语句（if.else） . 5什么是函数. 5输出内容（document.write） . 6JS中如何输出空格 . 7警告（alert 消息对话框） . 7确认（confirm 消息对话框） . 8提问（prompt 消息对话框） . 8打开新窗口（window.open） . 9关闭窗口（window.close） . 10认识DOM . 10通过ID获取元素 . 12innerHTML 属性 . 13改变 HTML 样式 . 14显示和隐藏（display属性） . 15应该区分一下js和css属性是不一样的。 . 16Js中的单引号与双引号问题 . 21如何插入JS我们来看看如何写入JS代码？你只需一步操作,使用script标签在HTML网页中插入JavaScript代码。注意， script标签要成对出现，并把JavaScript代码写在script/script之间。script type="text/javascript”表示在script/script之间的是文本类型(text),javascript是为了告诉浏览器里面的文本是属于JavaScript语言。引用JS外部文件通过前面知识学习，我们知道使用script标签在HTML文件中添加JavaScript代码，如图:JavaScript代码只能写在HTML文件中吗?当然不是，我们可以把HTML文件和JS代码分开,并单独创建一个JavaScript文件(简称JS文件),其文件后缀通常为.js，然后将JS代码直接写在JS文件中。注意:在JS文件中，不需要script标签,直接编写JavaScript代码就可以了。JS文件不能直接运行，需嵌入到HTML文件中执行，我们需在HTML中添加如下代码，就可将JS文件嵌入HTML文件中。script src=“script.js”/scriptJS在页面中的位置我们可以将JavaScript代码放在html文件中任何位置，但是我们一般放在网页的head或者body部分。放在head部分最常用的方式是在页面中head部分放置script元素，浏览器解析head部分就会执行这个代码，然后才解析页面的其余部分。放在body部分JavaScript代码在网页读取到该语句的时候就会执行。注意: javascript作为一种脚本语言可以放在html页面中任何位置，但是浏览器解释html时是按先后顺序的，所以前面的script就先被执行。比如进行页面显示初始化的js必须放在head里面，因为初始化都要求提前进行（如给页面body设置css等）；而如果是通过事件调用执行的function那么对位置没什么要求的。认识语句和符号JavaScript语句是发给浏览器的命令。这些命令的作用是告诉浏览器要做的事情。 每一句JavaScript代码格式: 语句;先来看看下面代码script type=“text/javascript”alert(“hello!”);/script例子中的alert(“hello!”);就是一个JavaScript语句。一行的结束就被认定为语句的结束，通常在结尾加上一个分号”;”来表示语句的结束。 看看下面这段代码,有三条语句，每句结束后都有”;”，按顺序执行语句。script type=“text/javascript”document.write(“I”);document.write(“love”);document.write(“JavaScript”);/script注意:1. “;”分号要在英文状态下输入，同样，JS中的代码和符号都要在英文状态下输入。2. 虽然分号“;”也可以不写，但我们要养成编程的好习惯，记得在语句末尾写上分号。 注释很重要注释的作用是提高代码的可读性，帮助自己和别人阅读和理解你所编写的JavaScript代码，注释的内容不会在网页中显示。注释可分为单行注释与多行注释两种。我们为了方便阅读，注释内容一般放到需要解释语句的结尾处或周围。单行注释，在注释内容前加符号 “/”。script type=“text/javascript”document.write(“单行注释使用/”); / 我是注释，该语句功能在网页中输出内容 /script多行注释以”/*”开始，以”*/”结束。script type=“text/javascript”document.write(“多行注释使用/*注释内容*/”);/*多行注释养成书写注释的良好习惯*/script什么是变量什么是变量? 从字面上看，变量是可变的量；从编程角度讲，变量是用于存储某种/某些数值的存储器。我们可以把变量看做一个盒子，为了区分盒子，可以用BOX1,BOX2等名称代表不同盒子，BOX1就是盒子的名字（也就是变量的名字）。定义变量使用关键字var,语法如下：var 变量名变量名可以任意取名，但要遵循命名规则:1.变量必须使用字母、下划线(_)或者美元符($)开始。2.然后可以使用任意多个英文字母、数字、下划线(_)或者美元符($)组成。3.不能使用JavaScript关键词与JavaScript保留字。变量要先声明再赋值，如下：var mychar;mychar=“javascript”;var mynum = 6;变量可以重复赋值，如下：var mychar;mychar=“javascript”;mychar=“hello”;注意:1. 在JS中区分大小写，如变量mychar与myChar是不一样的，表示是两个变量。2. 变量虽然也可以不声明，直接使用，但不规范，需要先声明，后使用。判断语句（if.else）if.else语句是在指定的条件成立时执行代码，在条件不成立时执行else后的代码。 语法:if(条件) 条件成立时执行的代码 else 条件不成立时执行的代码 假设我们通过年龄来判断是否为成年人，如年龄大于等于18岁，是成年人，否则不是成年人。代码表示如下:script type=“text/javascript”var myage = 18;if(myage=18) /myage=18是判断条件 document.write(“你是成年人。”);else /否则年龄小于18 document.write(“未满18岁，你不是成年人。”);/script什么是函数函数是完成某个特定功能的一组语句。如没有函数，完成任务可能需要五行、十行、甚至更多的代码。这时我们就可以把完成特定功能的代码块放到一个函数里，直接调用这个函数，就省重复输入大量代码的麻烦。如何定义一个函数呢？基本语法如下:function 函数名()函数代码;说明:1. function定义函数的关键字。2. “函数名”你为函数取的名字。3. “函数代码”替换为完成特定功能的代码。我们来编写一个实现两数相加的简单函数,并给函数起个有意义的名字：“add2”，代码如下：function add2()var sum = 3 + 2;alert(sum);函数调用:函数定义好后，是不能自动执行的，所以需调用它,只需直接在需要的位置写函数就ok了,代码如下:篇二：jQuery基础(慕课网学习笔记)环境搭建 . 2jQuery初体验. 2#id 选择器(使用身份证号来找人) . 3element 选择器(寻找铅笔) . 4.class 选择器(寻找红色铅笔) . 4* 选择器(取走全部铅笔) . 5sele1,sele2,seleN选择器 . 6ance desc选择器 . 7parent child选择器 . 7prev + next选择器 . 8prev siblings选择器 . 9:first过滤选择器 . 10:eq(index)过滤选择器 . 11:contains(text)过滤选择器 . 12:has(selector)过滤选择器 . 13:hidden过滤选择器 . 14:visible过滤选择器 . 15attribute=value属性选择器 . 16attribute!=value属性选择器 . 17attribute*=value属性选择器 . 18:first-child子元素过滤选择器 . 19:last-child子元素过滤选择器 . 20:input表单选择器 . 21:text表单文本选择器 . 22:password表单密码选择器. 23:radio单选按钮选择器 . 24:checkbox复选框选择器 . 25:submit提交按钮选择器 . 26:image图像域选择器 . 27:button表单按钮选择器 . 28:checked选中状态选择器. 29:selected选中状态选择器 . 30使用attr()方法控制元素的属性 . 31操作元素的内容 . 32操作元素的样式 . 33移除属性和样式 . 34使用append()方法向元素内追加内容 . 35使用appendTo()方法向被选元素内插入内容. 36使用before()和after()在元素前后插入内容 . 36使用clone()方法复制元素 . 37替换内容 . 38使用wrap()和wrapInner()方法包裹元素和内容 . 39使用each()方法遍历元素 . 39使用remove()和empty()方法删除元素. 40页面加载时触发ready()事件 . 41使用bind()方法绑定元素的事件 . 42使用hover()方法切换事件 . 43使用toggle()方法绑定多个函数 . 43使用unbind()方法移除元素绑定的事件 . 44使用one()方法绑定元素的一次性事件 . 45调用trigger()方法手动触发指定的事件. 46文本框的focus和blur事件 . 47下拉列表框的change事件 . 48调用live()方法绑定元素的事件 . 49调用show()和hide()方法显示和隐藏元素 . 50动画效果的show()和hide()方法 . 51调用toggle()方法实现动画切换效果 . 52使用slideUp()和slideDown()方法的滑动效果 . 53环境搭建搭建一个jQuery的开发环境非常方便，可以通过下列几个步骤进行。1.下载jQuery文件库在jQuery的官方网站（）中，下载最新版本的jQuery文件库。在网站中找到最新版本文件的下载按钮，将jQuery框架文件下载到本地即可，本教案使用的版本为稳定版：1.9.0版。2.引入jQuery文件库下载完jQuery框架文件后，并不需要任何的安装，仅需要使用script文件导入标记，将jQuery框架文件导入页面中即可，假设该文件下载后保存在项目文件夹Jscript中，那么，在页面的head/head中加入如下代码：script language=“javascript” type=“text/javascript” src=“1.9.0/jquery.js”/script在页面的头部分，加入上述代码后，便完成了jQuery框架开发环境的搭建，就可以开始我们的jQuery学习了。jQuery初体验如果你了解JavaScript语言，那将对你掌握jQuery如虎添翼，因为jQuery本身就是JavaScript，只不过是把JavaScript代码包装成拿过来就能实现特定功能的代码库！例如，我们想改变页面中所有段落标签中的文本内容：javaScript代码：jQuery代码：以上两段代码完成的功能是一样的。由此可以看出，jQuery更加的简洁方便，我们在处理DOM时不必关心功能的实现细节。 $()就是jQuery中的函数，它的功能是获得（）中指定的标签元素。如示例中$(“p”)会得到一组P标签元素,其中“p”表示CSS中的标签选择器。$()中的()不一定是指定元素，也可能是函数。在jQuery中 $()方法等价于jQuery()方法,前者比较常用，是后者的简写。一般只有在$()与其它语言冲突时才会使用jQuery()方法。#id 选择器(使用身份证号来找人)jquery能使用CSS选择器来操作网页中的标签元素。如果你想要通过一个id号去查找一个元素，就可以使用如下格式的选择器：$(“#my_id”)其中#my_id表示根据id选择器获取页面中指定的标签元素，且返回唯一一个元素。 例如：在浏览器中显示的效果：从图中可以看出，通过#id选择器的方式获取元素，并在元素中调用html()方法为id=“divtest”的div元素设置了文字显示在页面中。此外，html()方法的功能是设置或获取元素中显示的内容，针对该方法我们在后面的章节中会有详细介绍。element 选择器(寻找铅笔)在文具盒中，有铅笔、钢笔和水彩笔，类似于页面中的div、span各个元素，虽然同属于一个容器，但有各自的功能，jQuery中可以根据元素名查找元素，格式如下： $(“element”)其中element就是元素的名称，也就是工具盒中的笔的名称，找到水彩笔，我们就可画画了，通过元素名找到元素就可以对它进行操作了。如下图所示：在页面中，根据元素名找到了一个元素，并将它显示的字体加粗。在浏览器中显示的效果：从上面图中可以看出，根据元素的名称可以查找到该元素，并调用css()方法将设置该元素内容中文字显示的样式。此外，css()方法的功能是设置或获取元素的某项样式属性，它的更多功能我们将在后续的章节中有详细的介绍。attr()方法的功能是设置或获取元素的某项属性值。Eg: $(“button”).attr(“disabled”,”true”);获取button属性，并将其设为不可见。.class 选择器(寻找红色铅笔)我们在上一小节介绍了通过使用元素名称查询元素的方法，其实，还可以通过元素的类别属性查找元素，就好比在文具盒中要找一个”红色”铅笔一样，根据元素的某个特征进行查找，它的调用格式如下：$(“.class”)其中.class参数表示元素的CSS类别(类选择器)名称。例如，在页面中，通过class选择器获取某个元素，并显示该元素的class类别名称，如下图所示：在浏览器中显示的效果：从图中可以看出，通过class选择器的方式获取元素，并调用元素的attr()方法获取元素的类别名称，并将名称显示在页面中。* 选择器(取走全部铅笔)有一个非常“牛”的选择器，“*”号选择器，它的功能是获取页面中的全部元素，“全部”啊!包括head、body、script这些元素，相当于可以取走你文具盒中的所有铅笔,格式为： $(“*”)选择器中的参数就一个“*”，既没有“#”号，也没有“.”号。 由于该选择器的特殊性，它常与其他元素组合使用，表示获取其他元素中的全部子元素。如下图所示： 使用*选择器，获取div中的所有子元素并设置三个子元素显示相同的内容。在浏览器中显示的效果：篇三：阔知学堂应用之公共教育学公共教育学案例分析移动教学平台应用实施方案当前，新技术的发展为教育带来了前所未有的机遇和挑战，特别是以计算机和网络技术为主的信息技术，对教育理念、教育方式、教育手段、师生关系等各个层面带来深刻的影响。在符合个性化、需求多元化的教育时代，“移动学习技术”能够创设符合学习者需要、兴趣和特点的学习环境和平台，提供学生主动去选择学习内容、学习方式、学习媒体等以满足不同层级个体的学习和发展，因而成为学术界、政府和企业关注的焦点。一、 应用背景安徽师范大学国家精品课程公共教育学建设历史悠久，基础雄厚，多年以来，一批学术水平高、治学态度严谨的教师活跃在公共教育学教改第一线，不仅承担该门课程的教学任务，而且还承担该门课程的教学研究和课程开发任务，为高师院校公共教育学课程发展奠定了坚实的基础。然而公共教育学的教学现状堪忧，教材陈旧、教法落后、效果不佳、师生互动少等问题一直困扰着师生。案例教学法以其生动性和启发性能在公共教育学的改革中发挥较大的价值。但是案例分析教学在实践中面临着诸如班级人数、教学时间、物理环境等方面的限制，难以得到普遍成功的应用。为解决这一难题，安徽师范大学教育科学学院依托EduSoho网络课堂为平台开发了整合我院特色课程体系和教学资源的教师教育慕课网（http:/9/）并且在手机客户端通过APP阔知学堂同步强化用户的移动学习体验。我院国家精品课程公共教育学案例分析及相关教学资源将同步整合在网站和手机客户端上，从而进一步推动并完善我院系列精品课程在我院移动教学平台上的实践及应用。二、 建设目标1、以研究生教学改革为起点，以移动学习资源建设为核心。打破时间和空间的限制，将课堂内外知识传播和交流融为一体。师生通过网站和手机客户端同步发布的课程资源，可以进行碎片化学习和远程学习从而获得全新移动学习的体验和便利的知识资源。2、将“翻转课堂”与“移动教学平台”有效结合，创新研究生课程教学手段和考核方式，将“课堂授课”变成“微知识学习”，改“课堂教师主讲”为“课前学生自学为主