应用介绍

 CSS

1. 弹性布局 flex的详细用法

2. rem和em的区别

 3. BFC深入

 4. 如何去除浮动？请写出最保险最常用的。

 5. 实现三列布局，side1 和 side2 左右两列宽度固定（200px）,main 中间宽度自适应（不能用弹性盒）

 6. 实现固定宽度（200 x 400） 的弹层，在窗口中（上下左右）居中显示。

 7. CSS 属性 box-sizing 的值有哪些？ 分别有什么含义？

 8. rem 是什么含义？如何实现页面宽度适配为375 rem 的设计稿？

 9. 使用 CSS3 设计一个立起的原型，并围绕自身中轴线做 360° 持续旋转

 10. 用 CSS 分别实现单行截断和多行截断字符串，最后以...为结尾

 11. CSS选择器优先级怎么算的？

 12. rem的使用，还有其他哪些适配的技术：meta device-width

 13. 设备像素比

 14. BFC

15. 请根据下面的 HTML 和 CSS 代码，画出布局示意图,宽度不必精确到像素，示意即可。

```html

<div id="page">

    <div class="main">

        <div class="sub"></div>

    </div>

    <div class="nav"></div>

</div>

<style type="text/css">

    #page { width: 520px; }

    .nav { width: 200px; float: right }

    .main { width:200px; float: left; padding-left: 110px; }

    .sub { width: 100px; float: left; margin: 10px 0 10px -100px; }

    .main { border: 1px solid #000; }

    .nav, .sub{ border: 1px; dashed #000; height: 300px }

    .sub { height: 280px }

</style>

编程题

1. JS 字符串使用堆栈处理 "(a,b,(c,d),f,g)"

 2. 二维数组操作

 3. 用最简单的方式，求一个数组中最大的元素，例如 arr=[5,7,9,42,18,29]

 4. 正则表达式，验证手机号码，验证规则：11位数字，以1位开头

 5. 以下代码求结果

```js

function SuperClass() {

    this.name = "women";

    this.bra = ["a", "b"];

}

SuperClass.prototype.sayWhat = function() {

    console.log("hello")

}

function SubClass() {

    this.subname = "you sister";

    SuperClass.call(this);

}

var sub = new SubClass();

console.log(sub.sayWhat());

```

。。。。。。想了解详情请下载附件。