基础笔记6

1、详细说下Css的浮动概念

2、什么是伪类?什么是伪元素?详细说明，并且举例

3、用纯css创建一个三角形(箭头朝下)

4、写一个方法，把对象转化为数组(只保留值)

6、 详细说下js作用域的概念和变量提升

7、什么是事件委托?

8、jQuery 对象和DOM对象是怎么转化的?

9、写一个计算今年还剩多少天的方法(不能用文字描述)

10、用CSS3写一个鼠标滑上之后，div 宽高是原来的2倍，顺时针旋转180度

 

 

 

1、浮动的框可以向左或向右移动，直到它的外边缘碰到包含框 或另一个浮动框的边框为止。

由于浮动框不在文档的普通流中，所以文档的普通流中的块框表现得就像浮动框不存在一样

2、CSS 伪类用于向某些选择器添加特殊的效果。

CSS 伪元素用于将特殊的效果添加到某些选择器。

伪元素： ：after ：before first-line

伪类: ：active ：hover ：link ：focus

3、width: 0;

height: 0;

border-top: 100px solid red;

border-right: 100px solid transparent;

border-left: 100px solid transparent;

border-bottom: 50px solid transparent;

4、var arr = []

for (var i in object) {

arr.push(object[i]); //属性

}

console.log(arr);

5、

6、外部变量即全局变量，可以直接访问到

内部变量量即局部变量，只能在函数体内访问，其他地方访问不到。

7、把一个或者一组元素的事件委托到它的父层或者更外层元素7y678上，真正绑定事件的 是外层元素，当事件响应到需要绑定的元素上时，会通过事件冒泡机制从而触发它的外层元素的绑定事件上，然后在外层元素上去执行函数。

8、jQuery 转DOM jQuery[0] jQuery.get(0)

DOM转jQuery $(document.getElementsByClassName("box"))

9、function counter(){

var date = new Date();

var year = date.getFullYear();

var date2 = new Date(year,11,30);.

var time = (date2 - date)/1000;

var day = Math.floor(time/(24*60*60));

console.log(day)

}

counter();

10、<div class="el">转换的元素</div>

.el{

background: #ccc;

width: 100px;

height: 100px;

text-align: center;

line-height: 100px;

box-shadow: 0 3px 10px red;

transition: all 2s;

}

.el:hover{

transform: scale(2) rotate(180deg);

}