Skip to content

Commit

Permalink
update items
Browse files Browse the repository at this point in the history
update
  • Loading branch information
wschool committed Jan 26, 2016
1 parent c01771c commit d570d63
Show file tree
Hide file tree
Showing 2 changed files with 44 additions and 1 deletion.
35 changes: 34 additions & 1 deletion html_dbody.md
Original file line number Diff line number Diff line change
Expand Up @@ -11,4 +11,37 @@ tags: "some tags here"
在前端开发中,我们经常需要获取网页中滚动条滚过的长度,获取该值的方式一般通过scrollTop属性,如:document.body.scrollTop,是不是还经常看见document.documentElement.scrollTop,这两者都是经常用来获取文档滚动条滚过长度值的方式,他们又有什么区别呢?待下文,细细道来:

## DTD
DTD告诉浏览器当前文档用的是什么标记语言,然后浏览器才能正确的根据W3C标准解析文档代码。

- Strict DTD:严格的文档类型定义


不能包含已过时的元素(或属性)和框架元素。

- Transitional DTD:过渡的文档类型定义

能包含已过时的元素和属性但不能包含框架元素。

- Frameset DTD: 框架集文档类型定义

能包含已过时的元素和框架元素。

如下,是一个过渡DTDhtml文档:

```
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html>
<head>
<title></title>
</head>
<body>
</body>
</html>
```

## document.documentElement与document.body
document代表的是整个文档(对于一个网页来说包括整个网页结构),document.documentElement是整个文档节点树的根节点,在网页中即html标签;document.body是整个文档DOM节点树里的body节点,网页中即为body标签元素。

10 changes: 10 additions & 0 deletions jq_framework.md
Original file line number Diff line number Diff line change
@@ -0,0 +1,10 @@
# jQuery

jQuery是继prototype之后又一个优秀的Javascript框架。它是轻量级的js库,jQuery使用户能更方便地处理HTML(标准通用标记语言下的一个应用)、events、实现动画效果,并且方便地为网站提供AJAX交互。

## jQuery整体架构

![jQuery整体架构图](http://blog-resource.bj.bcebos.com/photos/2016_01/jQuery.jpg)
*注:此图来自慕课。*

jQuery从其功能实现上大致可分为五部分:选择器,DOM操作,事件处理,Ajax交互,动画。

0 comments on commit d570d63

Please sign in to comment.