文章列表
<script type="text/javascript">
function getObj(id) {
return document.getElementById(id);
}
function toEnd (){
var obj = event.srcElement ? event.srcElement : event.target;
if (obj.createTextRange) {//IE浏览器
var range = obj.createTextRange();
range.mov ...
铁路部门提醒广大旅客，12月31日前，网络、电话订票预售期为11天（含当日），车站窗口、代售点预售期为10天（含当日）。明年1月1日起，电话订
票、互联网售票预售期为12天（含当天，下同），车站售票窗口和代售点预售期为8天。明年1月15日起，电话订票与互联网售票预售期仍为12天，车站与代
售处窗口预售期调整为10天。
完成以下布局：
1. 三列布局， 自适应整个屏幕；
2. 其中左右固定宽度，中列自适应其余宽度；
3. 无论三列内容多少，三列高度等高；
如下图所示，请写出代码。
[attach]100[/attach]
下面我跟大家一起来完成这道面试题：
1. 根据结构、表现和行为的顺序，我们先来完成结构部分——HTML代码，如下：
<body>
<div class="wrap">
<div class="left">
<h ...
本文和大家重点讨论一下DIV高度自适应的三种有效解决方法，它们分别是一是JS法、二是背景图填充法、三是“补丁大法”（比较变态）。
DIV高度自适应的三种有效解决方法
DIV＋CSS设计俨然已成网页设计界的标准了。这种设计的好处大家都是知道的，但有些小问题确实很棘手，例如令人头痛的“DIV高度自适应”问题。
现在有三种解决DIV高度自适应行之有效的办法，一是JS法、二是背景图填充法、三是“补丁大法”（比较变态）。
1、JS法
代码如下。原理：用JS判断左右DIV的高度，若不一致则设为一致。
2、背景图填充法
第二种解决DIV高度自适应的方法是背景图填充法，这是大站用得 ...
利用 CSS 来实现对象的垂直居中有许多不同的方法，比较难的是选择那个正确的方法。我下面说明一下我看到的好的方法和怎么来创建一个好的居中网站。
使用 CSS 实现垂直居中并不容易。有些方法在一些浏览器中无效。下面我们看一下使对象垂直集中的5种不同方法，以及它们各自的优缺点。(可以看看测试页面
，有简短解释。)
方法一
这个方法把一些 div 的显示方式设置为表格，因此我们可以使用表格的 vertical-align property 属性。
<div
id
=
"wrapper"
>
<div
...
我想相对于其他技术职位来说，前端算是最不挨踢的IT职位
了。
我注意到很多校招进来的“页面重构师”、“前端开发工程师”等等都是非计算机相关专业的（像我，木材科学….
扯蛋~）。这当然是因为互联网行业吸引 ...
CSSer与其他IT职位一样，在找工作的时候，都会面临着面试官提出的问题，或者给出的试卷。今天52CSS.com收集了常见的8条面试题目，希望对您有所帮助。
一、超链接点击过后hover样式就不出现的问题？
被点击访问过的超链接样式不再具有hover和active样式了,解决方法是改变CSS属性的排列顺序: L-V-H-A
二、IE6的margin双倍边距bug问题
例如：
<style type="text/css">
body {margin:0;}
...
很多校招题是没有严格的标准答案的，只有知识点，只要几个关键点能答上来，不管程序是否真的能跑通，都可以拿分的。比如最常见的一道题：
试题：
有这样一个数组，成员都是数字，例如
var a = [1,2,3,4,5,2,3,4,6,7,8];
请实现a.distinct()方法，用来给数组a去掉重复值，要求对Array的原型进行扩展方法，并尽可能做到效率最优。
考察点：
1，考察应试者是否理解原型链
2，考察应试者是否由意识的控制算法的时间复杂度，了解应试者对专业课知识的掌握程度
3，考察应试者对js数组函数的了解程度
答案1：
Array.p ...
jQuery最佳实践
- 博客分类：
- jQuery
上一篇文章jQuery设计思想
是一篇入门教程，从设计思想的角度，讲解"
怎么使用jQuery"
。这篇文章则是更进一步，讲解"
如何用好jQuery"
。
本文主要参考了Addy Osmani的PPT《提高jQuery性能的诀窍》
（jQuery Pro ...
关于clearfix清除浮动
- 博客分类：
- css
起源：
.clearfix:after {
visibility: hidden;
display: block;
font-size: 0;
content: " ";
clear: both;
height: 0;
}
.clearfix { display: inline-table; }
/* Hides from IE-mac \*/
* html .clearfix { height: 1%; }
.clearfix { display: block; }
/* End hide from IE-mac */
说 ...
IE6下的背景图片用的时候都会再次发送请求，就连一个hover效果同样的背景图片只是位置不同，ie6都会再次请求，这个令人崩溃的事情需要解决掉：
css写法：
html
{
filter
:
expression(document.execCommand("BackgroundImageCache", false, true))
;
}
注意：
expression严重影响效率，
强烈建议不要用。
js写法：
(function(){
try{
var userAgent = navi ...
主流浏览器所使用的内核分类
- 博客分类：
- css
主流浏览器所使用的内核分类
Trident内核：IE,MaxThon,TT,The World,360,搜狗浏览器等
Gecko内核：Netscape6及以上版本，FF,MozillaSuite/SeaMonkey等
Presto内核：Opera7及以上
Webkit内核：Safari,Chrome等
典型的双核浏览器包括：
搜狗2.0：Trident内核和WebKit内核
傲游3.0Beta：Trident和WebKit内核
QQ浏览器5：Trident内核和WebKit内核
使用双核浏览器时，可以自动/手动切换内核来浏览网页。
Web前端开发笔试题集锦（HTML/CSS篇）
- 博客分类：
- css
Web前端开发笔试题集锦（HTML/CSS篇）
转自 ：http://witmax.cn/web-dev-test-html.html
1, 判断字符串是否是这样组成的，第一个必须是字母，后面可以是字母、数字、下划线，总长度为5-20
var reg = /^[a-zA-Z][a-zA-Z_0-9]{4,19}$/;
reg.test("a1a__a1a__a1a__a1a__");
2，截取字符串abcdefg的efg
var str = "abcdefg";
if (/efg/.test(str)) {
var efg = str.substr(str.indexOf("efg"), 3);
alert(efg);
}
3，判 ...
关于闭包和this的理解
- 博客分类：
- 原生javascript
/*closure*/
var myObject= {
num: 2,
add: function(){
this.num=3;
(function(){
alert(this.num); // undefined
this.num=4;
})();
alert(this.num) // 3
}
}
/*this.num=3;这个this 是myObject这个对 ...