[原]常用的规则

标签： | 发表时间：2011-08-23 11:59 | 作者：chajn

出处：http://blog.csdn.net/chajn

闭包：指的是一个拥有许多变量和绑定了这些变量的环境的表达式（通常是一个函数），因而这些变量也是该表达式的一部分。
封装主要用意在于将实现细节隐藏，提供给客户端的只是定义良好的接口。var 和 this
继承：
extend = function (D, F) {
for (var E in F) {
D[E] = F[E];
}
return D;
};
如何将广告始终定位到网页右下角
body{margin:0;border:0;height:100%;overflow-y:auto;}
#test{display:block; bottom:3px; right:3px; width:130px; position:fixed;}
/* 以下是写给IE6的 */
* html #test{position:absolute;right:18px}
* html{overflow-x:auto; overflow-y:hidden;}

1.Doctype? 严格模式与混杂模式-如何触发这两种模式，区分它们有何意义?

<!DOCTYPE> 声明位于文档中的最前面的位置，处于 <html> 标签之前。此标签可告知浏览器文档使用哪种 HTML 或 XHTML 规范。
该标签可声明三种 DTD 类型，分别表示严格版本、过渡版本以及基于框架的 HTML 文档。

当浏览器厂商开始创建与标准兼容的浏览器时，他们希望确保向后兼容性。为了实现这一点，他们创建了两种呈现模式：标准模式和混杂模式（quirks mode）。在标准模式中，浏览器根据规范呈现页面；在混杂模式中，页面以一种比较宽松的向后兼容的方式显示。混杂模式通常模拟老式浏览器（比如Microsoft IE 4和Netscape Navigator 4）的行为以防止老站点无法工作。

浏览器根据DOCTYPE是否存在以及使用的哪种DTD来选择要使用的呈现方法。如果XHTML文档包含形式完整的DOCTYPE，那么它一般以标准模式呈现。对于HTML 4.01文档，包含严格DTD的DOCTYPE常常导致页面以标准模式呈现。包含过渡DTD和URI的DOCTYPE也导致页面以标准模式呈现，但是有过渡DTD而没有URI会导致页面以混杂模式呈现。DOCTYPE不存在或形式不正确会导致HTML和XHTML文档以混杂模式呈现。

2：行内元素有哪些？块级元素有哪些？CSS的盒模型？

行内元素有：span a var em input img textarea var em strong select
块级元素有：div p h1-h3 ul ol dl li dd dt table td tr
盒模型：margin border padding width
CSS的盒模型：CSS布局中的每一个元素，在浏览器的解析中，都被当做一个盒状物。

3.CSS引入的方式有哪些? link和@import的区别是?

将样式规则写在.css的样式文件中，再以<link>标签引入。
<link rel=stylesheet type="text/css" href="example.css">

使用STYLE标签
将样式规则写在<STYLE>...</STYLE>标签之中。
<STYLE TYPE="text/css">

</STYLE>

使用STYLE属性
将STYLE属性直接加在个别的元件标签里，<元件(标签) STYLE="性质(属性)1: 设定值1; 性质(属性)2: 设定值2; ...}

加载顺序的差别。当一个页面被加载的时候，link引用的CSS会同时被加载，而@import引用的CSS会等到页面全部被下载完再被加载。@import可以在css中再次引入其他样式表，比如可以创建一个主样式表，在主样式表中再引入其他的样式表，如：

main.css
———————-
@import“sub1.css”;
@import“sub2.css”;
这样做有一个缺点，会对网站服务器产生过多的HTTP请求，以前是一个文件，而现在却是两个或更多文件了，服务器的压力增大，浏览量大的网站还是谨慎使用。

4.CSS选择符有哪些？哪些属性可以继承？优先级算法如何计算？内联和important哪个优先级高？

td { font-size:14px; width:120px; }
h[title] { color: blue; }/* 所有具有title属性的h对象 */
span[class=demo] { color: red; }
div[speed="fast"][dorun="no"] { color: red; }
a[rel~="copyright"] { color:black; }
table td { font-size:14px; }
div ul>li p { font-size:14px; }

可以继承的有：font-size font-family color
不可继承的一般有：border padding margin background-color width height等

使用!important可以改变优先级别为最高，其次是style对象，然后是id> class >tag ，另外在同级样式按照申明的顺序后出现的样式具有高优先级。

5:前端页面有哪三层构成，分别是什么？作用是什么？

网页分成三个层次，即：结构层、表示层、行为层。
网页的结构层（structurallayer）由HTML 或XHTML 之类的标记语言负责创建。标签，也就是那些出现在尖括号里的单词，对网页内容的语义含义做出了描述，但这些标签不包含任何关于如何显示有关内容的信息。例如，P标签表达了这样一种语义：“这是一个文本段。”
网页的表示层（presentationlayer）由CSS 负责创建。CSS 对“如何显示有关内容”的问题做出了回答。
网页的行为层（behaviorlayer）负责回答“内容应该如何对事件做出反应”这一问题。这是Javascript 语言和DOM 主宰的领域。

结构层；主要指DOM节点；HTML/XHTML 样式层；主要是指页面渲染；CSS 脚本层：主要指页面动画效果；JS/AS

6:css的基本语句构成是？

选择器{属性1:值1;属性2:值2;……}

8：你做的页面在哪些流览器测试过？这些浏览器的内核分别是什么?经常遇到的浏览器的兼容性有哪些？怎么会出现？解决方法是什么？

IE内核浏览器：IE7\8\6 傲游，搜狗，世界之窗，腾讯TT,360
非IE内核浏览器：firefox safari chrome opera
Trident,Gecko,Webkit,Presto

经常遇到的浏览器兼容问题：

1.在有的浏览器中，默认字体大小为12px,所以在设字体大小的时候，最小设为12px，如果在做的过程中，发现字体小于12，可直接作为图片使用

2.a标签对里不能嵌套a标签对

3.若给a标签内的内容样式加上样式，需要设置display:block;（在IE中如果设置宽高会自动变成块，在FF中则不会），但如果设置了float属性，就不需要设置display:block。

4.ul，ol在FF默认情况下，有list-style-type样式和padding值，dl在IE和FF默认情况下，有padding值，所以应该事先声明ul,li,ol,dl,dd,dd{margin:0;padding:0}。

5.作为外部 wrapper 的 div 不要定死高度, 最好还加上 overflow: hidden.以达到高度自适应

6.关于手形光标. cursor: pointer. 而hand 只适用于 IE.

7.css布局中的居中问题:在父级元素定义TEXT-ALIGN: center;这个的意思就是在父级元素内的内容居中；对于IE这样设定就已经可以了。但在mozilla中不能居中。解决办法就是在子元素定义时候设定时再加上“margin-right: auto;margin-left: auto; ”需要说明的是，如果你想用这个方法使整个页面要居中，建议不要套在一个DIV里，你可以依次拆出多个div，只要在每个拆出的div里定义margin-right: auto;margin-left: auto; 就可以了。

8.浮动ie产生的双倍距离 #box{ float:left; width:100px; margin:0 0 0 100px; //这种情况之下IE会产生200px的距离，这时需要设置display:inline; //使浮动忽略}

9.如何居中一个浮动元素?
TEXT-ALIGN: center;
对其设置margin:x auto;

10.有没有关注HTML5和CSS3?如有请简单说一些您对它们的了解情况！

HTML5标签的改变：<header>,<footer>, <dialog>, <aside>, <figure>, <section> 等
IE9以上开始支持
CSS3实现圆角，阴影，对文字加特效，增加了更多的CSS选择器。

13:如果让你来制作一个访问量很高的大型网站，你会如何来管理所有CSS文件、JS与图片？
14：你对前端界面工程师这个职位是怎么样理解的？它的前景会怎么样？

[Javascript]
1：js是什么，js和html 的开发如何结合？

js是一种基于对象和事件驱动，并具有安全性的脚本语言。可以html的三个地方编写js脚本语言：一是在网页文件的<script></script>标签对中直接编写脚本程序代码；二是将脚本程序代码放置在一个单独的文件中，在网页文件中引用这个脚本程序语言；三是将脚本程序代码作为某个元素的事件属性值或超链接的href属性值

2.怎样添加、移除、移动、复制、创建和查找节点
3.怎样使用事件以及IE和DOM事件模型之间存在哪些主要差别
4.面向对象编程:b怎么继承a
5.看看下面alert的结果是什么
view sourceprint?1.function b(x, y, a) {
.arguments[2] = 10;
.alert(a);
}
b(1, 2, 3);
如果函数体改成下面，结果又会是什么？
a = 10;
alert(arguments[2] );

6.请编写一个JavaScript函数 parseQueryString，它的用途是把URL参数解析为一个对象
var obj = parseQueryString(url);
alert(obj.key0) // 输出0

7.ajax是什么? ajax的交互模型? 同步和异步的区别? 如何解决跨域问题?

8.什么是闭包？下面这个ul，如何点击每一列的时候alert其index?
<ul id=”test”>
<li>这是第一条</li><li>这是第二条</li><li>这是第三条</li>
</ul>

9.最近看的一篇Javascript的文章是？

10.常使用的库有哪些？常用的前端开发工具？开发过什么应用或组件？

11.说说YSlow(可以详细一点)

秋元，我对这个人没有一点的记忆，只恍惚在

作者：chajn 发表于2011-8-23 11:59:55 原文链接

阅读：68 评论：0 查看评论

[原]常用的规则

相关 [规则] 推荐：

html嵌套规则

wireshark过滤规则

Reid Hoffman：创业十规则

我的code review规则

车牌里的潜规则

创业者的“钱”规则

[翻译]反射的规则

网页命名规则

[原]常用的规则

规则引擎的初探

相关文章

订阅