牛客网前端工程师评估笔试题总结

1.css的overflow属性,如果为scroll值时,不管是否需要,用户代理都会提供一种滚动机制,也就是说,不管是否溢出,都会显示滚动条,而使用auto则会自动进行判断是否需要滚动条


2.falsh和js之间的交互通过ExternalInterface接口进行交互,ExternalInterface接口有两个方法:call和addCallBack,其中call的作用是让Flash调用js里面的方法,而addCallBack的作用是用来注册flash函数让js调用


3.CSS的position属性有四个可选值:static/absolute/relative/fixed
position: static;无定位,是所有元素定位的默认值,在一般情况下我们不需要去显示声明他,不过当有时候遇到定位继承时我们又不想要它继承父类的定位方式的情况下,可以显示设置该属性值l取消继承,还原成元素默认的定位方式,也就是无定位
position: relative;相对定位,相对在没有设置定位方式的时候本来应该处在的那个位置进行的定位,通过设置top/bottom/left/right四个属性值来移动到相应的位置;相对定位的一个特点是,不管移动到哪个位置去,他的原始位置的空间依然不会清除,仍旧占着
position: absolute;绝对定位,如果它的直接父元素是body,则它就相对于当前窗口的左上角进行绝对定位;如果它的直接父元素不是body,则它会相对于第一个除了static无定位之外的父元素的左上角进行定位;和相对定位一样通过top/bottom/left/right四个属性值来移动到相应的位置,而它和相对定位不同的是它脱离了文档流,最初的位置将不再存在,从占据空间来看,绝对定位的元素是不存在的
position: fixed;固定定位,他也是一种绝对定位,它的定位父元素也和绝对定位一样进行寻找,通过top/bottom/left/right四个属性值来移动到相应的位置,并且不会随着页面的滚动而改变位置


4.下面一段代码弹出的结果为:
<SCRIPT LANGUAGE="JavaScript">
var bb = 1;
function aa(bb) {
    bb = 2;
    alert(bb);
};
aa(bb);
alert(bb);
</SCRIPT>
正确的结果为2 1,因为在aa函数中的bb是局部变量,和java是一样的,方法里面的局部变量的改变不会影响到同名的全局变量
ECMA中的所有函数的参数传递都是值传递,没有引用传递


5.HTML的Doctype和严格模式与混杂模式的描述
HTML中的doctype声明位置文档的最前面,用于告知浏览器的解析器采用什么文档类型规范来解析这个文档
严格模式的排版和js的运作模式都是以该浏览器所支持的最高标准运行,而混杂模式下的页面会以较为宽松的向后兼容的方式来呈现,模拟老式浏览器的行为以防止站点无法工作
Doctype不存在或者声明格式不正确都会导致文档以混杂模式呈现


6.js的call和apply方法
call与apply都属于Function.prototype的一个方法,所以每个function实例都有call、apply属性
call()方法和apply()方法的作用相同,他们的区别在于接收参数的方式不同。对于call(),第一个参数是this值没有变化,变化的是其余参数都直接传递给函数。(在使用call()方法时,传递给函数的参数必须逐个列举出来。使用apply()时,传递给函数的是参数数组)如下代码做出解释:
function add(c, d){ 
return this.a + this.b + c + d; 
} 
var o = {a:1, b:3}; 
add.call(o, 5, 7); // 1 + 3 + 5 + 7 = 16 
add.apply(o, [10, 20]); // 1 + 3 + 10 + 20 = 34 


6.border:none;表示边框的样式无,而border: 0表示边框的宽度为0,这两者在效果上是一样的,但是在实现上是不同的;同时需要注意的是,在设置了border-width时,还需要设置border-style,否则border不会显示出来的


7.CSS的sprite雪碧图
优点
CSS Sprites能很好地减少网页的http请求,从而大大的提高页面的性能,这是CSS Sprites最大的优点,也是其被广泛传播和应用的主要原因;
允许你将一个页面涉及到的所有零星图片都包含到一张大图中去并利用CSS的“background-image”,“background-repeat”,“background-position”的组合进行背景定位
CSS Sprites整理起来更为方便,同一个按钮不同状态的图片也不需要一个个切割出来并个别命名
缺点
图片合并麻烦:图片合并时,需要把多张图片有序的合理的合并成一张图片,并留好足够的空间防止版块出现不必要的背景
图片适应性差:在高分辨的屏幕下自适应页面,若图片不够宽会出现背景断裂。
图片定位繁琐:开发时需要通过工具测量计算每个背景单元的精确位置。
可维护性差:页面背景需要少许改动,可能要修改部分或整张已合并的图片,进而要改动css。在避免改动图片的前提下,又只能(最好)往下追加图片,但这样增加了图片字节。


  • 0
    点赞
  • 4
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值