传智播客javascript视频教程(杨中科)学习笔记
这套视频仅仅讲述了JS的调试,引用,array,和for循环的知识。非常的基础,很多其他内容没有涉及到。拿出一天来学习足以。
以下是这套视频的下载地址,共十八级:
http://www.itcast.cn/news/bd4612c7/a940/4585/9153/487bbcc7fcd3.shtml
由于没有下载到课件,便把视频中的知识点一一写了下来,如下:
第一集 javascript简介
1什么是javascript
Html没有计算和判断能力,有时要求能在浏览器进行一些简单的运算和判断。Javascript就是一种在浏览器端执行的语言。
2来源
和java没直接的联系,它只是吸收了java的一些特性。
3本质
Javascript是解释性语言,无需变异就可以随时运行,这样哪怕语法有错误,没有语法错误的部分还是能正确运行。
注:c#可以用csc.exe来进行编译。
第二集 JS入门1
1开发环境
VS2010中可以直接开发;VS2008需要安装VS2008SP1和VS90SP1-KB958502-X86
2关于“.”
JS并不像C#那么严谨,“.”不出来的也许能用,“.“出来的不一定能用
3<script type=”text/javascript”/>标签
将js语句放在次标签中。
4 alert()
相当于c#中的messagebox()
如alert(new Date().tolocalstring());
5 放到head中的<script>在body加载之前就被执行了。
第三集引用外部JS文件
1创建一个common.js文件
文件中直接写js代码
2引用
在html的head标签中写入
<script src=”common.js”type=”text/javascript”/>
第四集事件
1 超链接(HTML)
<a href=”javascript:alert(‘hello’)”>点一下</script>
点击此超链接时,自动执行了js的函数alert;注意alert输入是单引号,这样很方便书写。
注:thunder://迅雷、qq://腾讯、ftp”//是ftp、ed2k://电驴;我们也可以自己自定义一个头。
2超链接事件
<a href=”1.htm”οnclick=”alert(‘hello’)”>点一下</a>
3button事件
<input type=”button” value=”点”οnclick=”alert(‘点我’)”/>
第五集JS变量
1 JS既可以用双引号声明字符串,也可以用单引号
2 js中有null/undefined两种,都表示一个变量为空,初学者先不管两者区别。
3 JS是若类型语言,因此int i=0是错的;只能通过vari=0;指向int后,一会儿还可以给i指定为其他数据类型,嫁鸡随鸡嫁狗随狗;这区别于c#
第六集 JS的调试
1 js有错误后,ie左下角有黄色‘!’标志
2 将所在html页面设置为起始页,然后打断点;点击启动便可以调试了。
3注意在internet选项-高级-禁用脚本提示取消。
第七集JS判断变量初始化
1 var x;
If(x==null)…
2 if(typeof(x)==”undefined”)…
3 if(!x)….//如果x为空,则!X为true;如果x为false,则!X也为true
第八集函数的声明
1 格式:
Function 函数名(参数1,参数2)//不需要标记参数类型
{ 。。。}
如:function add(i1,i2){
return i1+i2;
}
推荐使用上面的格式,即大括号{与函数头在一行。
2 jS里不要求函数”所有路径都需要返回值“。
第九集匿名函数(类似c#中的匿名函数)
1用法:
Var f1=function(i1,i2){
Return i1+i2;
}
Alert(f1(1,2));
2类似于c#中的匿名函数
3 甚至可以这样用:
Alert(
function(i1,i2){
Return i1+i2;
}(1,2)
);
第十集JS面向对象初步
1JS没有定义类的语法
2用函数闭包模拟类。
3例如:
Function Person(name,age){
This.Name=name;//不必再定义一个Name变量了。
This.Age=age;
This.sayhello=function(){alert(this.Name)};
}
Var p1=new Person(“tom”,30);//在JS中,方法就可以当做“类“来使用了,JS是没有类的。
P1 .sayhello();
4 还可以在方法外面动态增加属性,如上例中的Person方法:
P1.Gender=”男”;
即实例化Person为P1后,可以为P1增加一个属性Gender;
第十一集 Array对象
1 JS中的数组是一个动态大小的,可以随时加成员
2 用法:
Var names=new Array();
Names[0]=”ss”;
Names[1]=”ee”;
3遍历数组
For(var i=0;i<arr.length;i++){
Alert(names[i]);
}
第十二集 Array联系1求最大值
Function GetMax(arr){
Var max=arr[0];
For(var i=0;i<var.length;i++){
If(arr[i]>max){
Max=arr[i];
}
}
Return max;
}
第十三集array练习2数组反转
将一个字符数组次序反转。注意不要使用JS中的反转函数。
Function MYreverse(arr){
For(int i=0;i<arr .length/2;i++){
Var temp=arr[i];
Arr[i]=arr[arr.length-i-1];
Arr[arr.length-i-1]=temp;
}
Return arr;
}
第十四集array练习3 数组变字符串用’|’隔开
Function myjoin(arr){
If(arr .length<=0){
Return ;
}
Var s=arr[0];
For(var i=1;i<arr.length;i++){
S=s+”|”+arr[i];
}
Return s;
}
第十五集练习4
1实践证明传递arr参数时传递的不是拷贝而是引用。
2在htm中<script>标签中执行JS时方法的定义和调用方法等语句都是并列的,并逐行执行!
第十六集array的字典用法
1 JS中的array既可以是数组,也可以是dictionary,还是一个stack。
2 字典用法:
Var dict=new Array();
Dict[“人”]=”ren”;
Dict[“口”]=”kou”;
Alert(dict[“口”]);
3 也可以当做栈来用。
4 其实数组也可以看做一个特殊的dictionary.
5 通过for来遍历array
For(var k in dict){
Alert(k);//k是dict的序号,而非值。值应该用dict[k]表示。
}
第十七集array的简化声明
1 var arr={3,4,5,6};
2 var arr={“tom”:30,”jim”:20};
3 正式声明方法:var arr=newarray();arr[“0”或者0]=“something”;
第十八集用for获取对象的成员
1 用for取array取到的是key的值。
2 在JS中,对象的成员是以对象的Key的形式出现的。因此获取对象的成员可以像获取array的key一样的语法:
For(var e in 对象)
{
Alert(e);
}
传智播客javascript视频教程(杨中科)学习笔记相关推荐
- 传智播客c/c++公开课学习笔记--Linux网络流媒体服务器的核心代码揭秘
Xinetd 从守护进程的概念可以看出,对于系统所要通过的每一种服务,都必须运行一个监听某个端口连接所发生的守护进程, 这通常意味着资源浪费. 为了解决这个问题,Linux引进了"网络守护进 ...
- 传智播客python2018_Python视频教程下载-2018传智播客Python视频教程下载-西西软件下载...
2018传智播客Python视频教程带给大家一款非常全面的Python视频教程,这里有课件和源码,还有海量基础课视频教程,汇聚了众多实践案例和面向对象的编程实践操作,无论你是零基础学员,或者资深Pyt ...
- 传智播客 python_传智播客python视频教程下载
传智播客python视频教程下载 Python 简介: Python 是一个高层次的结合了解释性.编译性.互动性和面向对象的脚本语言. Python 的设计具有很强的可读性,相比其他语言经常使用英文关 ...
- 传智播客Android视频教程——第三天
传智播客Android视频教程--第三天 2012-03-29 查看应用输出的错误信息与如何部署应用到真实手机 软件安装或者运行错误,错误信息会打印在LogCat中. 可以筛选信息,pid.tag. ...
- 传智播客JDBC视频教程
视频介绍: 一些视频教程通过浅显案例来让初学者感到轻松,但是课程中编写的代码不能直接应用于项目中:而本套视频教程正好相反,视频讲解者李勇老师以技术见长,性格朴实无华.不善于幽默搞笑,李勇老师编写的代码 ...
- 08_传智播客iOS视频教程_Foundation框架
比如产生随机数.这个功能要你写吗?不用,因为苹果已经写好了.后面想开发一个ios程序,往界面上放一个按钮,实际上这个按钮不用你写别人已经写好了,你就拿过来拖一下就可以了. 框架是1个功能集 苹果或者第 ...
- php xml视频教程,传智播客PHP2015-XML视频教程
├0813-XML-01-xml介绍.wmv ├0813-XML-02-xml语法规范.wmv ├0813-XML-03-无广告视频介绍.wmv ├0813-XML-04-无广告视频获取实现.wmv ...
- php smarty 视频教程,传智播客PHP2015-smarty视频教程
├20141103-Smarty-01-介绍.wmv ├20141103-Smarty-02-迷你模板引擎开发.wmv ├20141103-Smarty-03-变量信息的处理.wmv ├2014110 ...
- 笔记之 02_传智播客AJAX视频教程_使用IntelliJ开发Web项目
这节课,讲述的在intelliJ的坏境下,新建一个web工程的手顺.整个过程用文字描述清楚的话过于复杂,所以我将这个过程做成截图,作为附件上传到csdn上.资源的名字:intelliJ上建立tomca ...
- 传智播客--JavaScript DOM加强(佟刚)
上了一天的课,很累,不过真的很充实.比自己学的效率要高很多,对技术的理解也提高了不少.对自己又充满了信心,感觉自己两个半月后一定能找到一个五千块 以上的工作.哈哈!今天是佟刚老师讲的 JavaScri ...
最新文章
- 十进制转化为十六进制分割高低位
- Informatica ETL workflow 定时运行功能介绍 scheduler
- DL之CG:Computational Graph计算图的简介、入门、使用之详细攻略
- Python:tkinter滚动抽奖器
- ASP.Net分页组件1.0开发下载了...
- Linux带给了我什么?
- 一种同于计算机键盘的测试装置,一种计算机键盘按键测试装置
- java linkedhashset_java之LinkedHashSet
- 监督学习 | SVM 之支持向量机Sklearn实现
- 课程目标 java 1615308884
- frp + nginx 配置多人共用的http 内网穿透服务
- ElasticSearch.js源码走一个大概
- 开源协议的几种类型认识
- 交织技术及其在GSM系统中的应用
- p6spy mysql8_P6Spy配置使用
- R语言survival包的coxph函数构建生存分析回归模型、survfit函数处理cox模型、输出样本个数、事件数、生存时间中位数及其95%置信区间
- 切面条/猜字母/大衍数列/奇怪的分式
- 游戏保护_CRC32检测
- Shadertoy 多个buffers 转成Threejs代码
- 必备的 Linux 技能,请收好!
热门文章
- c语言程序设计教程二进制是什么,C语言程序设计教程
- html5创新创业模板,大学生创新创业计划书模板完整版.doc
- GIS基础软件技术体系发展及展望
- 64位操作系统安装PLSQL Developer
- 获取建模美赛O奖的方法和经验!文末资料放送
- 地质图例符号大全_不得不知的搜索引擎技巧大全
- 基于Astar算法实现飞行轨迹的三维规划附Matlab代码
- Matlab图像分割---使用主动轮廓 (snake) 方法进行图像分割
- ubuntu oracle 工具,ubuntu上安装Oracle InstantClient
- hp 官方没有针对 mac 的显示器驱动