10.11前端笔试

用户681288150871
136 阅读5分钟

10.11

www.nowcoder.com/exam/test/7…

www.cnblogs.com/mehjb/p/607…

  1. 在HTML中，（ ）可以在网页上通过链接直接打开邮件客户端发送邮件。
    发送邮件
  1. 标准盒子模型中：盒子的总宽度 ＝ 左右margin + 左右border + 左右padding + width

IE盒模型中：内容的宽度 = 设置的宽度 - padding - border

box-sizing : content-box将盒子设置为标准盒子模型。

box-sizing : border-box将盒子设置为怪异盒子模型。

  1. text-transform:capitalize是首字母大写

text-transfrom:uppercase是全部字母为大写

  1. 现在有两堆石子，小今与小条玩游戏，2个人都足够聪明，两个人规定:每次每人只能从其中一堆中取走1个或2个或3个石子，后将石子全部取完的人胜利。现在两堆石子的个数为8和9，请问如何安排才能让小今必胜?

让小今先取

此类博弈问题可寻找守恒关系，每次能取走1，2，3，则守恒关系为4（1-3，2-2，3-1），现有两堆石子，8可以被4整除，9除以4余1， 则小今需要先从数量为9的堆里拿走一个，之后不管对手拿n个，小今只需要拿走4-n个就一定会胜利。

  1. y和z的最终结果为:
<script> 
    var m= 1, j = k = 0; 
    function add(n) { 
        return n = n+1; 
　 } 
    y = add(m); 
    function add(n) { 
        return n = n + 3; 
    } 
z = add(m); 
</script>

4,4

js里面没有函数重载的概念，在其他语言中（如java）java中，可以存在同名函数， 只要传入的参数数量或者类型不同即可。在js中，定义了两个同名函数后， 后面的函数会覆盖前面定义的函数。结合这道题来说，由于函数声明提升， 所以函数声明会提前，由于存在同名函数，后面的add函数将覆盖第一个add函数， 所以两次调用add()返回的值是相同的。也就是y,z都为4.

  1. 这段代码运行后的输出是:
(function() {
      var a = b = 5;
  })();   
console.log(b);
console.log(a);

5，Uncaught ReferenceError: a is not defined

var=a=b=5;其中var a表示a为当前作用域的全局变量，b=5并没有定义为当前作用域的全局变量，它会申明提前在全局作用域中。

可表示如下：

var b=5;

(function() {

var a = b ;

})();

  1. document.getElementById('button1').style.backgroundColor="red";
  1. 下面哪些是HTML5 新增的表单元素？

区别visibility:hidden会保留元素的空间

repaint(重绘) ，repaint发生更改时，元素的外观被改变，且在没有改变布局的情况下发生，如改变outline,visibility,background color，不会影响到dom结构渲染。

reflow(渲染、回流)，与repaint区别就是他会影响到dom的结构渲染，同时他会触发repaint，他会改变他本身与所有父辈元素(祖先)，这种开销是非常昂贵的，导致性能下降是必然的，页面元素越多效果越明显。

所以display:none才会产生reflow visibility:hidden只会出发repaint

  1. 使用CSS来格式化网页，共有三种方式，以下哪一种不是：

  2. 在HEAD中引用(内链)

  3. 作为标记来引用(行内)

  4. 在BODY中引用

  5. 作为文件来引用(外链)

iframe的使用场景有？

  • 与第三方域名下的页面共享cookie
  • 上传图片，避免当前页刷新
  • 左边固定右边自适应的布局
  • 资源加载
  1. html 表格

<h4>合并行单元格：</h4>
<table border="1">
<caption>通讯录</caption>
<tr>
  <th>姓名</th>
  <th colspan="2">邮箱</th>
</tr>
<tr>
  <td>zhang kai</td>
  <td>123456@qq.com</td>
  <td>123456@163.com</td>
</tr>
</table>


<h4>合并列单元格：</h4>
<table border="1">
<tr>
  <th>姓名</th>
  <td>Bill Gates</td>
</tr>
<tr>
  <th rowspan="3">邮箱</th>
  <td>123456@qq.com</td>
</tr>
<tr>
  <td>123456@163.com</td>
</tr>
<tr>
  <td>123456@sina.com</td>
</tr>
</table>

rowspan="3"

  <table border="10">
      <tr>
        <td colspan="2" align="center">员工号</td>
      </tr>
      <tr>
        <td rowspan="2" align="center">学历</td>
        <td align="center">专业</td>
      </tr>
      <tr>
        <td colspan="2" align="center">毕业学校</td>
      </tr>
    </table>

  1. 对ul li的样式设成无，应该是用什么属性_____list-style: none_________。
  1. 合理的页面布局中常听过结构与表现分离，那么结构是___html_____，表现是___css_____。

  1. AJAX的全称是：Asynchronous Javascript And XML”（异步JavaScript和XML）

主要包含了以下几种技术：
Ajax（Asynchronous JavaScript + XML）的定义
基于web标准（standards-based presentation）XHTML+CSS的表示；
使用 DOM（Document Object Model）进行动态显示及交互；
使用 XML 和 XSLT 进行数据交换及相关操作；
使用 XMLHttpRequest 进行异步数据查询、检索；
使用 JavaScript 将所有的东西绑定在一起。

  1. 请介绍一下XMLhttprequest对象。

XMLHttpRequest 对象用于在后台与服务器交换数据。

XMLHttpRequest 对象是开发者的梦想，因为您能够：

  • 在不重新加载页面的情况下更新网页
  • 在页面已加载后从服务器请求数据
  • 在页面已加载后从服务器接收数据
  • 在后台向服务器发送数据

所有现代浏览器（IE7+、Firefox、Chrome、Safari 和 Opera）都有内建的 XMLHttpRequest 对象。

  1. 请列举五个常用的Javascript DOM方法。

getElementsByTagName() 通过标签名字，获取节点对象的数组

getAttribute() 获取对象的某个属性

setAttribute() 设置对象的某个属性

一些常用的 HTML DOM 方法：

  • getElementById(id) - 获取带有指定 id 的节点（元素）
  • appendChild(node) - 插入新的子节点（元素）
  • removeChild(node) - 删除子节点（元素）

一些常用的 HTML DOM 属性：

  • innerHTML - 节点（元素）的文本值
  • parentNode - 节点（元素）的父节点
  • childNodes - 节点（元素）的子节点
  • attributes - 节点（元素）的属性节点
avatar
文章
阅读
粉丝