首页 > 代码库 > 前端基础知识积累

前端基础知识积累

1、

标签之前。
在 HTML 4.01 中,HTML5 不基于 SGML,所以不需要引用 DTD。
提示:请始终向 HTML 文档添加

2、行内元素和块级元素都有哪些?(可以参考下面的link,回答的比较全面)
http://blog.sina.com.cn/s/blog_72c8c1150100q76q.html

摘抄积累一下:
记住对行内元素
设置宽度width 无效。
设置高度height 无效,可以通过line-height来设置。
设置margin 只有左右margin有效,上下无效。
设置padding 只有左右padding有效,上下则无效。注意元素范围是增大了,但是对元素周围的内容是没影响的,看图上效果就知道了

text-align属性是两者表现的又有不同之处

3、这个针对不同的浏览器写不同的CSS code的过程,就叫CSS hack!
IE8 最新css hack:
“\9” 例:“border:1px \9;“.这里的”\9"可以区别所有IE和FireFox.(只针对IE9 Hack)
“\0” IE8识别,IE6、IE7不能.
“*” IE6、IE7可以识别.IE8、FireFox不能.
” IE6可以识别”“,IE7、IE8、FireFox不能.

百度百科里面说明的很清楚了:http://baike.baidu.com/view/1119452.htm

4、css的层叠
(1)、权重 (2)、继承

作者样式
作者可以在他的HTML文件中确定一个外来的、独立的CSS文件
作者可以将CSS信息包含在HTML文件内
作者可以在一个HTML指令内结合CSS指令,这样做一般是为了在一个特殊情况下将总体的CSS指令抵消掉

读者样式
读者可以在他的浏览器内设立一个地区性的CSS文件。这个CSS文件可以用在所有的HTML文件上。假如作者的CSS文件与读者的相冲突,那么读者可以确定他想使用哪个

浏览器的样式
假如外部没有特别指定一个样式的话,一般浏览器自己有一个内在的样式

上面是一些答案,w3cshool里面的说明是:
层叠次序
当同一个 HTML 元素被不止一个样式定义时,会使用哪个样式呢?
一般而言,所有的样式会根据下面的规则层叠于一个新的虚拟样式表中,其中数字 4 拥有最高的优先权。
1、浏览器缺省设置
2、外部样式表
3、内部样式表(位于 标签内部)
4、内联样式(在 HTML 元素内部)

抽时间写个例子,测测这些标记的有啥不同。

5、
position值都有哪些,CSS3都有哪些新内容.

6、了解浏览器的内核:
浏览器最重要或者说核心的部分是“Rendering Engine”,可大概译为“解释引擎”,不过我们一般习惯将之称为“浏览器内核”。负责对网页语法的解释(如HTML、JavaScript)并渲染(显示)网页。 所以,通常所谓的浏览器内核也就是浏览器所采用的渲染引擎,渲染引擎决定了浏览器如何显示网页的内容以及页面的格式信息。不同的浏览器内核对网页编写语法的解释也有不同,因此同一网页在不同的内核的浏览器里的渲染(显示)效果也可能不同,这也是网页编写者需要在不同内核的浏览器中测试网页显示效果的原因。 浏览器内核很多,如果加上所有的几乎没有什么人在用的非商业的免费内核,那么可能大约有10款以上甚至更多,不过通常我们比较常见的大约只四种。

7、正则表达式:
[1][358][0-9]{9}$ 电话号码的匹配
[\w-]+(.[\w-]+)*@[\w-]+(.[\w-]+)+$ 邮箱的匹配 (还没验证,只是找到的一个参考答案,还会抽空验证一下的)

8、关于cookie的基础:

Cookie对象的属性如下所示:
1、Name:获取或设置Cookie的名称。
2、Value:获取或设置Cookie的Value。
3、Expires:获取或设置Cookie的过期的日期和事件。
4、Version:获取或设置Cookie的符合HTTP维护状态的版本。

Cookie对象的方法如下所示:
1、Add:增加Cookie变量。
2、Clear:清除Cookie集合内的变量。
3、Get:通过变量名称或索引得到Cookie的变量值。
4、Remove:通过Cookie变量名称或索引删除Cookie对象。

9、关于节点的操作:http://blog.sina.com.cn/s/blog_a564ddcd0101dws9.html
这个blog介绍的很详细,可以参考。

10、Sizzle是一个纯javascript CSS选择器引擎。(有空看看源码http://www.oschina.net/p/sizzle/)
Sizzle是一个纯javascript CSS选择器引擎。
一般选择器的匹配模式(包括jq1.2之前),都是一个顺序的思维方式,在需要递进式匹配时,比如$(‘div span’) 这样的匹配时,执行的操作都是先匹配页面中div然后再匹配它的节点下的span标签,之后返回结果。
Sizzle则采取了相反Right To Left的实现方式,先搜寻页面中所有的span标签,再其后的操作中才去判断它的父节点(包括父节点以上)是否为div,是则压入数组,否则pass,进入下一判断,最后返回该操作序列。

11、关于javascript的非常基础的知识积累:
(1). HTTP协议的状态消息都有哪些?(如200、302对应的描述)

(2). AJAX是什么? AJAX的交互模型(流程)? AJAX跨域的解决办法?
ajax是什么?
AJAX = Asynchronous JavaScript and XML(异步的 JavaScript 和 XML)。
AJAX 不是新的编程语言,而是一种使用现有标准的新方法。
AJAX 是与服务器交换数据并更新部分网页的艺术,在不重新加载整个页面的情况下。

(流程是什么)参考的答案(可以试试一下):

1--启动  获取XMlHttpRequest对象
         2--open 打开url通道,并设置异步传输 
         3--send 发送数据到服务器
         4--服务器接受数据并处理,处理完成后返回结果 
         5--客户端接收服务器端返回

应该可以判断状态的

跨域的解决办法现在还有一点看不懂,因为最基础的还没熟悉

(3). 同步和异步的区别?

前端基础知识积累