一亩三分地论坛

 找回密码
 获取更多干货,去instant注册!

扫码关注一亩三分地公众号
查看: 256|回复: 1
收起左侧

鸭虎前台面经

[复制链接] |试试Instant~ |关注本帖
csushin1992 发表于 2016-11-10 08:12:34 | 显示全部楼层 |阅读模式

2016(10-12月) Other 硕士 全职@Yahoo - 内推 - 技术电面 |Otherfresh grad应届毕业生

注册一亩三分地论坛,查看更多干货!

您需要 登录 才可以下载或查看,没有帐号?获取更多干货,去instant注册!

x
问了问closure和performance issue.1point3acres缃
然后让写了个progress bar,一开始很悬,对setInterval和clearInterval不是很熟,于是与打开MDN看了看就写出来了。。
代码如下:
  1. // design a progress bar where the progress goes from 0 to 100% in 5 seconds with a 1% progress. 鐣欏鐢宠璁哄潧-涓浜╀笁鍒嗗湴
  2. <div id = 'bar'></div>
  3. <span id='number'></span>
  4. . 鐗涗汉浜戦泦,涓浜╀笁鍒嗗湴
  5. //css
  6. #bar{. 鐗涗汉浜戦泦,涓浜╀笁鍒嗗湴
  7.   height: 10px;
  8.   background-color: green;
  9.   width: 0px;
  10. }

  11. #number{
  12.   width: 100px;
  13.   height:100px;
  14. }

  15. //js
  16. var progress = 0;
  17. var incremental = window.setInterval(change, 500);
  18. function change(){
  19.     if(progress<10){
  20.         document.getElementById("bar").style.width = (progress * 20) + 'px';
  21.         progress ++;
  22.         document.getElementById("number").textContent = (progress * 20) + 'px';.1point3acres缃
  23.     }. 1point3acres.com/bbs
  24.     else{
  25.         window.clearInterval(incremental);
  26.     }
  27. }
复制代码

评分

1

查看全部评分

 楼主| csushin1992 发表于 2016-11-10 08:13:29 | 显示全部楼层
发现面试官和我一样有喜欢调Bug的时候碎碎念的习惯。。。
回复 支持 反对

使用道具 举报

本版积分规则

请点这里访问我们的新网站:一亩三分地Instant.

Instant搜索更强大,不扣积分,内容组织的更好更整洁!目前仍在beta版本,努力完善中!反馈请点这里

关闭

一亩三分地推荐上一条 /5 下一条

手机版|小黑屋|一亩三分地论坛声明 ( 沪ICP备11015994号 )

custom counter

GMT+8, 2016-12-11 18:19

Powered by Discuz! X3

© 2001-2013 Comsenz Inc. Design By HUXTeam

快速回复 返回顶部 返回列表