小文同学练习题 - 阶段1

HTML (每题5分，共20分)

1. 写出至少 5 个 块级（block）元素标签，5 个行内（inline）元素标签。

2. 谈谈 xhtml 和 html5 的区别

3. 如何优化 SEO

4. 谈谈你对 html 语义化的理解

CSS (每题5分，共20分)

1. css3 有哪些新属性，尽量多写

2. 谈谈对 盒子模型 的理解

3. 水平垂直居中有哪几种实现方式。用代码写出来。

4. flex：1 是哪几个属性的简写

JavaScript (每题10分，共 60 分)

1. JS 中的基本数据类型包括哪些？ 说下 函数声明 和 函数表达式 的区别？

2. 请写出以下代码的输出结果

console.log(a); 
var a = 1; 

console.log(typeof b); 
var b = 2; 
function b() {} 
console.log(typeof b);

3. 请写出以下代码的输出结果。再把以下代码改成 每隔 1s 输出对应的 i。

for (var i = 0; i < 4; i++) {
  setTimeout(function () {
    console.log(i);
  }, 1000);
}

4. 利用以下 html 结构，只给 ul 绑定一个事件，点击 li 时，输出 li 里的文本内容。

<ul id="ul">
  <li>1111</li>
  <li>2222</li>
  <li>3333</li>
  <li>4444</li>
  <li>5555</li>
</ul>

5. 用 JS 写一个 浅拷贝 函数 和 深拷贝 函数。

6. new 操作符，内部发生了什么？ 可用 文字或伪代码 描述。

附加题 (每题 10 分，共 50 分)

1. 用 CSS 写一个三角形，提示：可以利用 border 属性

2. 常见的 http 状态码有哪些，分别有什么含义。 越多越好。

3. 说说为什么出现跨域，以及你知道的解决跨域的方式，越多越好。

4. 谈谈浏览器渲染流程。再谈谈 浏览器的重绘和重排。

5. 基于 XMLHttpRequest 封装一个 ajax 请求方法。再使用 promise 解决回调问题。