发表于: 2017-06-07 12:55:15
2 1170
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访问次数,会延迟整个页面的交互就绪时间。
评论