欢迎使用优快云-markdown编辑器

最新推荐文章于 2021-01-07 23:01:28 发布
原创最新推荐文章于 2021-01-07 23:01:28 发布 · 209 阅读
0 ·
CC 4.0 BY-SA版权
本文探讨了前端开发中的关键技巧，包括CSS属性管理、JavaScript跨域数据获取、Flash与JavaScript交互等，同时介绍了如何利用CSS Sprites优化网页性能。
摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >
                        
                    
                    # 牛客网日常错题1

1.css属性overflow属性定义溢出元素内容区的内容会如何处理。如果值为 scroll，不论是否需要，用户代理都会提供一种滚动机制。（TRUE）
解析：参数是scroll时候，必会出现滚动条。
参数是auto时候，子元素内容大于父元素时出现滚动条。
参数是visible时候，溢出的内容出现在父元素之外。
参数是hidden时候，溢出隐藏。
2.flash和js通过ExternalInterface类实现交互。
解析：Flash提供了ExternalInterface接口与JavaScript通信
两个方法：call和addCallback
作用：call让Flash调用js里的方法，addCallback是用来注册flash函数让js调用。
3.下面有关浏览器中使用js跨域获取数据的描述，说法错误的是？
A .域名、端口相同，协议不同，属于相同的域
B.js可以使用jsonp进行跨域
C.通过修改document.domain来跨子域
D.使用window.name来进行跨域
解析：只要 协议 、 域名 、 端口 有任何一个 不同, 都被当作是 不同 的域；
将页面的document.domain设置为相同的值，页面间可以互相访问对方的JavaScript对象。
var script=document.createElement(“script”);
script.src=”url?callback=handleResponse”;
document.body.insertBefore(script,document.body.firstChild);
JSONP由两部分组成：回调函数和数据
回调函数是接收到响应时应该在页面中调用的函数，其名字一般在请求中指定。
数据是传入回调函数中的JSON数据。
优点：
能够直接访问响应文本，可用于浏览器与服务器间的双向通信。
缺点：
JSONP从其他域中加载代码执行，其他域可能不安全；
难以确定JSONP请求是否失败。
4.`function foo(){
var i=0;
return function(){
console.log(i++);}
}
var f1=foo();
var f2=foo();
f1();
f1();
f2();`
解析： 过程：
   第一次f1()  :f1=Foo()中，先执行Foo(): i = 0,return值返回给f1
 (f1指向子函数   f1()=function(){…..},因为子函数没有 定义i，所以向上找到父函数定义的 i:  )并执行子函数 输出i=0,再自加 i =1(覆盖了父函数Foo 的 i值);
  第二次f1() : 执行的是子函数 Function(){  ..},输出的是父函数 的 i=1,再自加 i =2;
  第一次f2():同第一次f1(),不同的是 f2指向堆中一个新的对象 function(){ …},所有此i非彼i,输出i=0;如果次f2(),那么和第二次f1(),一样输出i=1; 
  5.`
var bb = 1;
function aa(bb) {
    bb = 2;
    alert(bb);
};
aa(bb);
alert(bb);

`
解析：在aa函数中，bb是以传值的方式传入的，在函数中，会重新定义一个bb变量，并将其值覆为2，并不影响函数体外的bb变量，所以其值仍然为1.
6.parseFloat方法：该方法将一个字符串转换成对应的小数；
escape方法： 该方法返回对一个字符串编码后的结果字符串；
eval方法：该方法将某个参数字符串作为一个JavaScript执行。
7.1. 声明位于文档中的最前面，处于  标签之前。告知浏览器的解析器，用什么文档类型 规范来解析这个文档。
2.严格模式的排版和 JS 运作模式是 以该浏览器支持的最高标准运行。在混杂模式中，页面以宽松的向后兼容的方式显示。模拟老式浏览器的行为以防止站点无法工作。
3.DOCTYPE不存在或格式不正确会导致文档以混杂模式呈现。
8.
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 
9.（1）CSS Sprites能很好地减少网页的http请求，从而大大的提高页面的性能，这是CSS Sprites最大的优点，也是其被广泛传播和应用的主要原因；
（2）CSS Sprites能减少图片的字节；
（3）CSS Sprites解决了网页设计师在图片命名上的困扰，只需对一张集合的图片命名，不需要对每一个小图片进行命名，从而提高了网页制作效率。
（4）CSS Sprites只需要修改一张或少张图片的颜色或样式来改变整个网页的风格。
10.Wekbit是一个开源的Web浏览器引擎，也就是浏览器的内核。Apple的Safari, Google的Chrome, Nokia S60平台的默认浏览器，Apple手机的默认浏览器，Android手机的默认浏览器均采用的Webkit作为器浏览器内核。Webkit的采用程度由 此可见一斑，理所当然的成为了当今主流的三大浏览器内核之一。另外两个分别是Gecko和Trident，大名鼎鼎的Firefox便是使用的Gecko 内核，而微软的IE系列则使用的是Trident内核。
另外，搜狗浏览器是双核的，双核并不是指一个页面由2个内核同时处理,而是所有网页（通常是标准通用标记语言的应用超文本标记语言）由webkit内核处理,只有银行网站用IE内核。
浏览器 的内核引擎，基本上是四分天下：1）Trident: IE 以Trident 作为内核引擎；2)Gecko: Firefox 是基于 Gecko 开发；3）WebKit: Safari, Google Chrome,傲游3,猎豹浏览器,百度浏览器 opera浏览器；4）Presto: Opera的内核，但由于市场选择问题，主要应用在手机平台–Opera mini。
11.当margin-top、padding-top的值是百分比时，分别是如何计算的？
解析：相对最近父级块级元素的width，相对最近父级块级元素的width。
12.给定下面的 HTML 代码：
…
…