- JavaScript 总结 11-25
- 初识JavaScript 11-25
- JavaScript回调函数和递归函数 11-25
- Javascript 事件处理 11-25
- JavaScript 用法 11-25
- JavaScript之继承 11-25
- javascript面向对象基础 11-25
- JavaScript的“并发模型” 11-25
- Sublime Text 的插件推荐 11-25
- JavaScript的循环 11-25
JavaScript 总结
发布者: superzhang | 发布时间:2017-11-25我向您讲授了如何向 html 页面添加 JavaScript,使得网站的动态性和交互性更强。
你已经学习了如何创建对事件的响应,验证表单,以及如何根据不同的情况运行不同的脚本。
你也学到了如何创建和使用对象,以及如何使用 JavaScript 的内置对象。
现在已经你已经学习了 JavaScript,接下来该学习什么呢?
下一步应该学习 HTML DOM 和 DHTML。
如果你希望学习关于服务器端脚本的知识,那么下一步应该学习 ASP,PHP, .Net。
HTML DOM
HTML DOM 定义了访问和操作 HTML 文档的标准方法。 HTML DOM 独立于平台和语言,可被任何编程语言使用,比如 Java、JavaScript 和 VBscript。 假如希望了解更多关于 DOM 的知识,请访问我们的 HTML DOM 教程。
jQuery
jQuery 是一个 JavaScript 库。
jQ
初识JavaScript
发布者: superzhang | 发布时间:2017-11-251 程序书写的位置
在页面中,<script type=”text/JavaScript”></script>标签对儿,里面就是书写javascript程序的地方。
1 <script type="text/javascript">
2
3 </script>
text表示什么?纯文本。没错,JavaScript也是一个纯文本的语言。
2 alert语句
学习第一个语句,就是alert语句。
1 <script type="text/javascript">
2 alert("今天天气真好");
3 </script>
alert就是英语里面的“警报”的意思。用途就是弹出“警告框”:
如果我们想弹出两次警告框,那么就要写两条语句:
1 alert("今天天气真好");
2 alert(
JavaScript回调函数和递归函数
发布者: superzhang | 发布时间:2017-11-25一、回调函数--通过函数的指针来调用函数
把一个函数的指针作为另一个函数的参数,当调用这个参数的时候,这个函数就叫做回调函数
在链式运动上会用到回调函数,之后运动会见到
A、通过指针来调用函数
B、通过匿名函数来调用
C、定义和执行同时进行
二、递归函数--在函数内部直接或间接调用自己
Javascript 事件处理
发布者: superzhang | 发布时间:2017-11-25Javascript 事件处理
1. HTML事件处理
就是嵌入到html元素中的事件处理,如:
<button type="button" id="btn" onclick="alert('Hello World!')">按钮</button>
这种事件处理的可扩展性是不好的,且无法为同一DOM元素绑定多个事件。
2. DOM0级事件处理
即可以写在script标签中,也可以写在js文件中的事件处理方法,如:
<script>
var btn = document.getElementById('btn');
// 添加事件
btn.onclick = function() {
alert('Hello World!');
}
// 删除事件
btn.onclick = null;
</script>
3.DOM2级事件处理
即使用事件监听的方式,为DOM元素绑定事件,如:
<script>
var btn = document.getElementById('btn');
//
JavaScript 用法
发布者: superzhang | 发布时间:2017-11-25HTML 中的脚本必须位于 <script> 与 </script> 标签之间。
脚本可被放置在 HTML 页面的 <body> 和 <head> 部分中。
<script> 标签
如需在 HTML 页面中插入 JavaScript,请使用 <script> 标签。
<script> 和 </script> 会告诉 JavaScript 在何处开始和结束。
<script> 和 </script> 之间的代码行包含了 JavaScript:
<script>
alert("我的第一个 JavaScript");
</script>
您无需理解上面的代码。只需明白,浏览器会解释并执行位于 <script> 和 </script>之间的 Ja
JavaScript之继承
发布者: superzhang | 发布时间:2017-11-25继承是面向对象中一个比较核心的概念。 其他正统面向对象语言都会用两种方式实现继承:一个是接口实现,一个是继承。而 ECMAScript 只支持继承,不支持接口实现,而实现继承的方式依靠原型链完成。
在 JavaScript 里,被继承的函数称为超类型(父类,基类也行,其他语言叫法),继承的函数称为子类型(子类,派生类)。继承也有之前问题,比如字面量重写原型会中断关系,使用引用类型的原型,并且子类型还无法给超类型传递参数。为了解决引用共享和超类型无法传参的问题,我们采用一种叫借用构造函数的技术, 或者成为对象冒充(伪造对象、经典继承)的技术来解决这两种问题。
先简单研究一下,面向对象和面向过程的区别,再来研究一下javascript面向对象的相关知识。
面向过程:面向过程的设计方法中最经典的一句话是“自顶向下,逐步细化”
面向对象的特性
封装:此特性可隐藏对象内部的实现细节,对外提供一致的访问接口 。
聚合:将多个对象组合起来,实现更复杂的功能。
继承:简单的代码复用机制,使子类拥有父类的特性。
多态
JavaScript的“并发模型”
发布者: superzhang | 发布时间:2017-11-25说到并发应该很多人会想到多线程或多进程,很遗憾JavaScript是单线程的,但是JavaScript也有一个很有趣的东西,可以让你产生在使用多线程的感受,事件循环(Event Loop)提供了一些很有意思的东西,今天我想和大家一起讨论讨论。
"Event Loop是一个程序结构,用于等待和发送消息和事件。(a programming construct that waits for and dispatches events or mes
简单的来说Event Loop就是在程序中跑了两个线程(参考iOS的Event Loop),一个线程负责自身的运行(主线程),一个线程负责主线程与其它线程通信。这样来描述其实很好理解,换到JavaScript的语境中,当你在使用setTimeout时,添加一个任务(task functon),这个任务交给了你看不见的一个线程在处理,同时主线程继续保持自身的运行,当主线程运行结束后,它就会去Event Loop中拿之前你添加的任务,继续执行。
<Sublime Text 的插件推荐
发布者: superzhang | 发布时间:2017-11-25Sublime Text 是一个代码编辑器(Sublime Text 2是收费软件,但可以无限期试用),也是HTML和散文先进的文本编辑器。Sublime Text是由程序员Jon Skinner于2008年1月份所开发出来,它最初被设计为一个具有丰富扩展功能的Vim。
Sublime Text具有漂亮的用户界面和强大的功能,例如代码缩略图,Python的插件,代码段等。还可自定义键绑定,菜单和工具栏。Sublime Text 的主要功能包括:拼写检查,书签,完整的 Python API , Goto 功能,即时项目切换,多选择,多窗口等等。Sublime Text 是一个跨平台的编辑器,同时支持Windows、Linux、Mac OS X等操作系统。
1 Emmet
功能:编码快捷键,前端必备
简介:Emmet作为zen coding的升级版,对于前端来说,可是必备插件,如果你对它还不太熟悉,可以在其官网上看下具体的演示视频。
使用教程: http:
JavaScript的循环
发布者: superzhang | 发布时间:2017-11-25通过if-else和switch语句,我们可以在代码中采取不同的执行路径。当我们出于某种十字路口是,就可以根据某个具体的条件来选择自己的走向。然而循环就完全是另外一回事了,我们可以利用它使代码在返回主路径之前先去执行某些重复操作。至于重复的次数,则完全取决于我们设定的每次迭代之前的条件值。
