part1 项目中遇到问题以及解决方法

css部分

1、正方形自适应

通过设置元素中的padding百分比值来实现，padding值根据当时的宽度值来设置

例如正方形li{ width:30%; padding-top:30%;}orli{ width:30%; padding-bottom:30%;}，两者可以达到同样的效果

非正方形设置时也是通过调整padding百分比值，设置好后随着宽度变化，高宽比始终如一，从而实现自适应

js部分

1、如何防止按钮被重复点击

方法1、添加公共变量，点击后为false，响应完成后改成true；

方法2、点击完成后，去掉当前元素的点击事件；

2、获取随机颜色值

"#"+("00000"+((Math.random()*16777215+0.5)>>0).toString(16)).slice(-6)

1)16777215为16进制的颜色ffffff转成10进制的数字

2)>>数字取整

3)转成16进制不足6位的以0来补充

4)slice()函数传参为负数,则是表示从结尾开始的位置,如slice(-6)为倒数第六个数开始取

3、Math对象

floor()方法向下取整

random()方法返回0-1之间的随机数

4、setTimeout和setInterval方法

setTimeout只执行一次

setInterval会一直执行

part2 相关基础知识

1、js有哪些数据类型？

object/array/number/string/boolean/null/undefined

2、window是什么，document是什么

window指浏览器窗口，顶层对象

document指显示于窗口或框架内的一个文档，是window对象和iframes对象的一个属性

3、事件是什么？

指的是文档或者浏览器窗口中发生的一些特定交互瞬间。我们可以通过侦听器（或者处理程序）来预定事件，以便事件发生的时候执行相应的代码。

4、事件方面性能优化

1）每个函数都是对象，都会占用内存。内存中对象越多，性能也就越差。

2）必须事先指定所有事件处理程序而导致的DOM访问次数，会延迟整个页面的交互就绪时间。