前端面试题
iteye_2245
这个作者很懒,什么都没留下…
展开
-
从块级元素和内联元素浅谈标签的嵌套规则
从一个问题说起吧------------div能不能放在p标签里面??? 首先还是一个老概念: 块级元素---h1,h2,h3,h4,h5,h6,hr,div,fieldset,form,dl,address,ol,p,table,ul,pre等常见内联元素---a,b,br,em,i,img,input,strong,textarea,span,label等...2011-12-10 22:14:53 · 187 阅读 · 0 评论 -
瞅瞅面试题系列4
这篇主要是讨论一下Number强制转换的例子: 1、Number("") Number(" ") Number([]) Number("\n") ------ 转化为0 2、Number({}) ------ 转化成NaN 3、Number(null) -...原创 2012-10-15 21:03:41 · 99 阅读 · 0 评论 -
搞懂==
== 会执行类型转换,遵循的是下列规则: 如果一个运算数是Boolean,会将它转换成数字值,false为0,true是1如果一个运算数是字符串,另一个是数字,会尝试把字符串转成数字如果一个运算数是对象,另一个是字符串,会尝试把对象转换成字符串(toString)如果一个运算数是对象,另一个是数字,会尝试把对象转换成数字null == undefined 返回的是...原创 2012-10-16 21:05:12 · 100 阅读 · 0 评论 -
你知道什么是FOUC吗?
最近CSDN发布的一篇《常见前端开发面试题》比较火,没有关注的你就out啦! 里面有一个东东引起了比较多的关注: 什么是FOUC?如何避免FOUC? 一般的人基本第一个就挂了,木有听过啊! 简单记录学习一下吧 FOUC --------- Flash Of Unstyled Content (文档样式闪烁) 一般指IE在加载网页...2012-10-18 16:47:06 · 230 阅读 · 0 评论 -
如何获取文件的后缀
其实很多场合中我们都会有这种需求,对文件后缀进行判断,这边给出的设计是最原始的。 getType:function(source){ source.toLowerCase().substring(source.lastIndexOf('.')+1);} 这个设计的优势 采用String对象本身的lastIndexOf,性能不错...原创 2012-10-19 13:54:34 · 109 阅读 · 0 评论 -
面试基础题系列1
其实很多时候,我们都会遇到或者设想各种刁钻的题目来看一个人的深度,但是有的时候我们还是要回归本质。 1、js的3大组成部分? ECMAScript 由ECMA-262定义DOM(文档对象模型)BOM(浏览器对象模型)2、ff对应的js的版本?FF1 ------------ 1.5FF1.5 ---...2012-10-20 19:01:33 · 73 阅读 · 0 评论 -
Function与Object
先看一段代码: Function instanceof Object; //trueObject instanceof Function; //true Function和Object互为各自的实例 function Foo(){};var foo = new Foo();foo instanceof Foo; //tr...原创 2013-10-21 16:20:15 · 112 阅读 · 0 评论 -
a设置disabled属性
场景: 现在很多场景下的提交按钮,比如为了支持hover啊这些因素采用了a标签来做,同时也会有一些需求要设置按钮的disabled。 问题: 简单设置a标签的disabled属性就可以阻止事件(onclick)还有href吗? 锚标签本身不支持disabled,所以简单设置了disabled属性是没有任何效果的 2. ...2012-11-27 10:06:40 · 2475 阅读 · 0 评论 -
如何模拟ie6
问题:如何模拟ie6进行相关测试? 一般的答案:IETester 还有的答案:IE6.exe原创 2012-11-27 10:20:36 · 592 阅读 · 0 评论 -
IE下删除自定义属性的兼容性问题
很多时候我们会给某个dom元素赋予一些自定义的属性,当然我们也会有需求删除这些自定义的属性。 <div id="test"></div> 设置自定义的属性和值: document.getElementById("test")['zhang'] = 'yaochun'; 删除就得注意了: IE下不能直接采用delet...2012-12-17 10:02:58 · 428 阅读 · 0 评论 -
删除数组的偶数项
问题:要删除指定数组中偶数索引的item? -----------------------------------------------------------分割线------------------------------------------------- 开始思考: 数组中删除用什么? splice有木有!!!(不了解?忘记了参数?直接点...2013-01-06 17:04:45 · 4206 阅读 · 0 评论 -
介绍一下nofollow
问题: <a rel="nofollow" href='/user/login.action' >登录</a> 类似的本代码来自一些web站或者手机站。 告诉搜索引擎这个链接不需要抓取,对于seo而言,外部链接越少越好,注重页面权重扩展阅读: http://wenku.baidu.com/view/e856a1828762ca...原创 2013-01-16 15:22:27 · 172 阅读 · 0 评论 -
IE下stack overflow的可能原因
收集了一些网上出现这种问题的原因: 对系统事件进行重定义,比如onclick等保留事件名称出现死循环,都提示 Stack overflow at line:0IE缓存满了,无法写入,可以清空缓存文件重复引用了js文件...原创 2013-01-18 18:31:32 · 152 阅读 · 0 评论 -
关于function的length
问题:Function对象的length是干嘛的? ------------ 函数期望的参数个数。 举例: function test1(num){ //...}function test2(){ //...}console.log(test1.length); //1console.l...原创 2013-01-21 12:12:40 · 260 阅读 · 0 评论 -
前端面试题系列之length
举出含有length属性的对象?windowfunctionarraystring原创 2013-01-29 11:43:03 · 279 阅读 · 0 评论 -
一些不好的写法汇总
下面是一种比较多余的“高级”写法: //下面这场景var name = uname === "******" ? true : false; 其实很没有必要啊,===返回的就是波尔类型的,而且满足正好返回的是true,反之false...原创 2013-02-19 14:29:48 · 102 阅读 · 0 评论 -
坑爹的逗号运算符
先来看一个小题: //返回多少?x=2*3,x*4; 以前,要是我看到这样的代码,我认为是错误的,但是,我今天醒悟了!! 有一种运算符:逗号运算符! 逗号运算符是把若干表达式连接起来,优先级最低,自左向右//语法:表达式1,表达式@,表达式3,......,表达式n计算表达式1.。。。。。一直计算到表达式n...2013-03-29 17:58:26 · 149 阅读 · 0 评论 -
jquery的remove和detach的方法区别
前面写过一篇jQuery文档处理相关的文章,介绍了一下文档操作中删除相关的api。 那么remove与detach的区别最主要的是什么呢? 我们先做个测试,动动手比死的理论影响深刻。 <div id="test" style="width:200px;height:100px;">默认文字</div><input type=...2012-10-15 15:13:39 · 188 阅读 · 0 评论 -
搞懂&&
&& ------- 逻辑与 a && b 如果a 为true, 直接返回b,不管b是true还是false之类如果a 为false,直接返回a用例:1 && 2 && 3 //3----- 解释: 1 && 2 返回2 因为1为t...2012-10-13 15:33:47 · 78 阅读 · 0 评论 -
瞅瞅面试题系列2
前面瞅瞅面试题系列开篇也简单提了一个数组值越界的问题, 这篇我们再来看一道: var C = Math.pow(2,33);(C | C) == C; 首先:pow是返回x的y次幂 位运算只对2的32次方以内的数字有效。 答案:false 扩展阅读: 1、关...2012-10-12 11:38:53 · 105 阅读 · 0 评论 -
从”设为首页“浅谈window.external(ps各大网站首页处理的方式)
最近觉得还是谈一个老话题--------页面中调用window.external象的一些api进行例如“加入收藏”或者“设为主页”等操作 其实如果你够留意官方文档的话,你会发现这样一句话: Allows access to an additional object model provided by host applications of the Windows Intern...2011-09-25 18:09:16 · 305 阅读 · 0 评论 -
encodeURI和encodeURIComponent
写这个的原因不是想写它们的区别:因为很简单: 多是用于编码传送给浏览器的URI有效的URI是不能包含某些字符的如空格encodeURI用于处理完整的URI,不对特殊字符进行编码encodeURIComponent用于处理一个片段,对所有特殊字符进行编码那么我今天就把他们不能编码的符号亮出来encodeURI不编码字符有82个:!,#,$,&,',(,...2011-09-30 14:56:31 · 75 阅读 · 0 评论 -
js--null与undefined
简单记录一下: 1.null //检验一下null是对象,为空console.log(typeof null); //object//而且null是保留字//null做运算时自动转换0console.log(12+null); //12console.log(null instanceof Object); //false 2.undefi...原创 2011-10-01 21:32:52 · 95 阅读 · 0 评论 -
热门前端面试题之$(documen).ready()于window.onload区别
现在开始增加一个系列-------前端热门面试题。知己知彼,百战不怠。 开篇的这个话题选自我自己以前来**这面试的时候,**问我的。再次纪念整理学习。 先贴上图,来源于网络,不追源了,感谢源作者。 其实这个图已经很清晰地总结了。 执行时间上 window.onload必须等到页面内包括图片等所有元素加载完毕后才能执行。 $...2011-10-12 17:06:23 · 165 阅读 · 0 评论 -
各大著名公司的一道css面试题
前言: 其实这道题很久之前了,但是有同学最近再次遇到了就说说吧,简单记录一下。 虽然个人觉得过于考试化,但是还是很能看出你的css功底和广度(遇到查过记录过) 题目: 使用CSS实现未知尺寸的图片在已知容器中水平和垂直居中。 html <div class="container"> <img src=...2011-10-25 17:08:02 · 134 阅读 · 0 评论 -
空白边叠加引发的思考--ff和ie在解析div高度的时候的差异
最近老大面试中遇到了一个问题: <h2>在IE6,FF container的高度是多少</h2><div id="container" class="" style="padding:20px;border:solid 5px #ccc;" > <div id="" class=""2011-03-15 14:07:40 · 81 阅读 · 0 评论 -
面试题系列之不一样的P
以下代码: <html><head><meta charset="utf-8"/><title>测试代码</title></head><body></body><script>原创 2013-05-08 16:13:40 · 112 阅读 · 0 评论 -
防止网站页面被嵌套
本代码片段可以防止网站页面被iframe嵌套。 (function(window,document){ if(top != window){ top.location = location.href; } document.uniqueID != document.uniqueID && !!location....2012-09-07 14:32:15 · 136 阅读 · 0 评论 -
mouseover与mouseenter的区别
mouseover与mouseenter的区别: mouseenter是不冒泡的事件! mouseover对于元素本身或者子元素都触发mouseenter只有穿过本身才触发 扩展阅读: http://blog.csdn.net/ocean1010/article/details/7394599 ...原创 2013-06-05 14:29:31 · 200 阅读 · 0 评论 -
再谈面试题系列
收录一个不错的case: {}.toString();({}).toString(); 上面的两个结果一样吗? 答案: //第一个报错//第二个"[object Object]" ...原创 2013-06-18 11:18:43 · 73 阅读 · 0 评论 -
说说DTD(doctype)
其实在很多场合说过这个点了,但是没有系统的介绍一下,还是简单说说吧,面试的时候还是很多的。 先说说<!DOCTYPE>标签 声明位于文档中的最前面的位置,处于<html>标签之前。 告知浏览器文档使用哪种HTML或XHTML规范标签可以声明的DTD类型:严格过渡基于框架<!DOCTYPE htm...2012-09-24 21:01:17 · 100 阅读 · 0 评论 -
关于html的压缩
本文简单记录关于html压缩相关的问题: 其实很多的活动页面一般都会为了几K去压缩一下,但是压缩的时候必须考虑一下: pre里面的空格不能删除IE条件注释,是否有可能被删除是否已经开了gzip有用空格来撑大左右间距的可能会造成样式有差异 建议: 压缩之后多测试一下~ 扩展阅读:...原创 2013-07-19 20:49:27 · 139 阅读 · 0 评论 -
热门前端面试题之get和post的区别
这样的题目在各种面试里面一般都会提到,这边简单整理一下: 1、get是从服务器获取数据 -----"取" post是向服务器提交数据 -----“发” 2、form表单默认的method为"GET" 3、get将数据按照variable = value 的形式,加上URL的后面,中间用"?"连接,各个变量之间用"&"连接 post将数据不像g...2012-05-09 18:01:11 · 566 阅读 · 0 评论 -
热门前端面试题之link与import方式的区别
写css规范的文档的时候,很多人都会推荐css文件的引入方式尽量采用:<link>标签的方式,而不是@import的方式。 今天我们来简单地看看他们的差异到底在哪方面: 1、link属于html标签,@import是css提供的一种方式,当前link标签能做的不仅是导入css文件的功能 2、dom操作样式的时候控制不了@import 3、加载顺序上:@i...2012-05-11 13:58:59 · 211 阅读 · 0 评论 -
判断字符串最后一位是否是#
api的用途:判断字符串最后一位是否是# http://jsperf.com/get-the-last-character //方式一function test(s){ return s.charAt(s.length - 1) === '#';}//方式二function test(s){ return /#$/.te...原创 2012-10-09 21:24:23 · 3122 阅读 · 0 评论 -
瞅瞅面试题系列
1、typeof(new Date() + new Date()); string "+"会转成字符串类型2、typeof(new Date() - new Date()); number "-"会ToNumber 3、typeof(void null); undefined vo...2012-10-11 21:30:10 · 92 阅读 · 0 评论 -
css 面试题画三角
如何画三角? .test{ width:0; height:0; border:10px solid; border-color:red transparent transparent transparent;} 地址:http://jsbin.com/mabamefeqe/edit?html,css,output...原创 2017-02-27 16:12:02 · 432 阅读 · 0 评论