每个前端工程师都要掌握的 50 个最常用的 Javascript 操作，你会几个

V2EX = way to explore

V2EX 是一个关于分享和探索的地方

现在注册

已注册用户请登录

这是一个创建于 3415 天前的主题，其中的信息可能已经有所发展或是发生改变。

包含数组，函数，正则，对象，模块，逻辑，流程等50个常用Javascirpt的操作

由浅入深，从简单到一般复杂，戳

http://www.nowcoder.com/ta/js-assessment

前端最爱，新鲜出炉，火速收藏

第 1 条附言 · 2015-07-06 13:54:03 +08:00

附难度稍高一批的前端题目，祝大家玩的开心
http://www.nowcoder.com/ta/front-end

第 2 条附言 · 2015-07-08 10:22:09 +08:00

《剑指Offer》66个编程题在线练习
http://www.nowcoder.com/books/coding-interviews

《程序员面试金典》编程题在线练习
http://www.nowcoder.com/ta/cracking-the-coding-interview

BAT C/C++笔试面试题专题
http://www.nowcoder.com/ta/nine-chapter

前端

数组

由浅入深

90 条回复 • 2015-07-08 00:22:49 +08:00

ibolee

2015-07-06 10:02:13 +08:00

你也是不置顶就上不来了么?livid嫌内容质量差，对很多人的发帖时间排序进行了降级，但也还是阻挡不住水文月经贴犯懒，推荐MBP的事情，每个月都要被问好几遍，也是醉了。

当吐槽吧~

sumuye

2015-07-06 10:02:17 +08:00

有点意思

cancan

2015-07-06 10:05:23 +08:00

@ibolee 请说出内容质量哪差了？

Anybfans

2015-07-06 10:06:31 +08:00

@ibolee 我发现这个好影响使用啊。自己发个帖子一般都是2小时前的。需要再人工顶一下。。

loading

2015-07-06 10:09:54 +08:00 via Android

ceo 亲自来推广，也是碎了！

ibolee

2015-07-06 10:11:20 +08:00

@cancan

1.程序员应该用什么本子比较好？1楼 mbp 2楼 mbp
2.准备换电脑了，求推荐。1楼 mbp 2楼 mbp
3.玩**游戏买什么笔记本比较好。1楼 mbp 2楼 mbp 3楼不用***的话，mbp~

ps：不是黑mbp不好，我也是mb用户。只是那种酸爽，慢慢体会。。。

@Anybfans
我也发现好影响使用。。

nowcoder

2015-07-06 10:11:45 +08:00

@loading 这么好的内容也被人喷，作为CEO好苦

bramblex

2015-07-06 10:14:40 +08:00

你说的道理我都懂，但为什么鸽子那么大呢？

djyde

2015-07-06 10:20:26 +08:00

cool

loading

2015-07-06 10:21:17 +08:00 via Android

@ibolee 建议加钱上 rmbp…

djyde

2015-07-06 10:30:58 +08:00

@ibolee 我是来打脸的

1. 我也会给别人推荐 macbook
2. 我也会给别人推荐 macbook
3.

《求推荐一款游戏本，要能玩大型游戏、耐得住折腾，最好能有 ssd~~ 》https://www.v2ex.com/t/102412

《求推荐一款游戏本，价位在 8000-1W》 https://www.v2ex.com/t/154000

《求推荐一款游戏本，价格控制在 8k-10k.》 https://www.v2ex.com/t/140879

以上几个贴提到 "Mac" 只有3处，其中有一处是这样的

djyde

2015-07-06 10:31:23 +08:00

@loading 哈哈哈哈

nowcoder

2015-07-06 10:34:32 +08:00

@djyde 要友善要有爱。

djyde

2015-07-06 10:35:35 +08:00

@nowcoder 我是善意的打脸

Xingbao

2015-07-06 10:35:56 +08:00

楼主好拼 →_→

imlonghao

2015-07-06 10:37:15 +08:00 via Android

不明白歪楼的目的？

newghost

2015-07-06 10:40:32 +08:00

@loading
@ibolee
@sumuye

可以理解，创业不易

@nowcoder

为毛需要注册呀，注册很麻烦，不能先体验一下？

nowcoder

2015-07-06 10:42:09 +08:00

@newghost 不用注册就可以啊。直接进去提交代码就可以玩。不过游客不会进入排行榜

cancan

2015-07-06 10:45:29 +08:00

binjoo

2015-07-06 10:52:54 +08:00

人家有铜币，任性，喜欢置顶，看着不爽就B了呗。。

更何况这帖的质量又不差，到是1L是来歪楼的。。

newghost

2015-07-06 10:54:01 +08:00

@nowcoder

应该弄成整行可以点的，谁知道非得点中间那个？

newghost

2015-07-06 10:55:30 +08:00

@binjoo

学了一招，下回我也来置顶……

belin520

2015-07-06 11:00:38 +08:00

看来这么多楼，发生什么事了？？

nowcoder

2015-07-06 11:11:16 +08:00

@belin520 我也凌乱了，一楼这个带路党，不知道歪哪里去了

sinux

2015-07-06 11:15:57 +08:00

sethverlo

2015-07-06 11:21:23 +08:00

我也是没明白……一楼在吐槽什么……是发错了吧？

tobyxdd

2015-07-06 11:25:46 +08:00

一楼发错了吧

huanghuaxin

2015-07-06 11:45:51 +08:00

神奇的一楼…

sciooga

2015-07-06 11:47:22 +08:00

@sethverlo
@tobyxdd
一楼是说楼主也被降权了，但是楼主这样不怎么水的都被降权需要通过置顶来发主题，这么严格的降权手段任然也还是阻挡不住水文月经贴犯懒XXXXXXXX 后面都是一楼的吐槽...

crs0910

2015-07-06 11:49:48 +08:00 via iPhone

活跃度太低了……是不是太杂了。logo更是一直觉得好丑。

nowcoder

2015-07-06 11:51:12 +08:00

@crs0910 这批题目昨天才上线，活跃还行啦，多谢支持。 logo那几个字是太丑了，程序员设计的，我们后面会更新。

ikaros

2015-07-06 12:00:12 +08:00

@djyde 如果真要打脸你可以列举所有推荐笔记本主题,而且你发这两个连接里三个有两个主题说了是游戏
具体可以参考数据可以用这个搜索结果
https://www.google.com/search?newwindow=1&biw=1920&bih=969&q=site%3Av2ex.com%2Ft+%E6%8E%A8%E8%8D%90+%E7%AC%94%E8%AE%B0%E6%9C%AC&oq=site%3Av2ex.com%2Ft+%E6%8E%A8%E8%8D%90+%E7%AC%94%E8%AE%B0%E6%9C%AC&gs_l=serp.3...8579.9660.0.9866.2.2.0.0.0.0.314.314.3-1.1.0.ekpsrh...0...1.1.64.serp..2.0.0.1aH8r7sykCY

https://www.v2ex.com/t/182100
https://www.v2ex.com/t/162196

nowcoder

2015-07-06 12:07:54 +08:00

@sciooga 怎么看自己是不是降权了？

sciooga

2015-07-06 12:10:22 +08:00

@nowcoder 你发帖后时间不是当前时间就是被降权了（几分钟那种就可以忽略了..），刚刚申请的账号能发帖后马上发帖就是在2天前的发帖时间，其他降权情况发帖情况一般都是两天内的。

nowcoder

2015-07-06 12:19:17 +08:00

@sciooga 那我没被降权，时间还是和发帖当时差不多的。

Amit

2015-07-06 13:10:49 +08:00

打开这个页面后，切换到其他页面时，这个页面的标题会变化，这是怎么做到的，是js的什么事件？

ibolee

2015-07-06 13:18:20 +08:00

@sethverlo
@tobyxdd
@huanghuaxin
@binjoo

给大家解释一下啊，我是看lz的置顶帖点进来的（置顶的状态只有10分钟），以为lz是因为被降权才使用了置顶功能~

给lz以及大家造成的误解和歪楼现象不是故意的，表示歉意。

nowcoder

2015-07-06 13:27:08 +08:00

@ibolee

v2ex发帖回复都要花金币，金币的获取是很不容易的，花金币来置顶，我觉得这个机制挺合理的。

感谢对牛客网的支持～

funky

2015-07-06 13:34:48 +08:00

@nowcoder 出错没点提示，本地运行的是好的。在线提示没有测试通过，友好化的提示有点欠缺

nowcoder

2015-07-06 13:53:18 +08:00

@funky 这批题目很基础，我们出错不给出测试用例。
这里有批难一点的前端题目，我们会给出测试用例
http://www.nowcoder.com/ta/front-end

fbzl

2015-07-06 14:11:02 +08:00 via iPhone

@nowcoder
说程序员设计丑，有本事别找程序员设计啊。
本来就不是程序员的职责，费劲脑力设计出来，别人说不好看后，还要程序员出来背黑锅，鄙视！

nowcoder

2015-07-06 14:14:23 +08:00

@fbzl 这也跳。我只是在自黑而已啊。。大哥。我就是程序员啊。

funky

2015-07-06 14:28:15 +08:00

@nowcoder 基础和难度稍大的题目给人的体验不一样，私以为不友好啊。

nowcoder

2015-07-06 14:56:53 +08:00

@funky 嗯，后面我们考虑都放开测试用例。

br00k

2015-07-06 15:37:30 +08:00

很多题目基本没啥区别，重复的太厉害了。

FastMem

2015-07-06 15:45:34 +08:00

表示难度好小啊，不是干前端的我表示大多数都会，有的不知道咋回事我本地测试成功的，到你那就不通过了。

TakanashiAzusa

2015-07-06 15:49:10 +08:00

@Amit "visibilitychange"

我之前也给我的blog加了这个。。
仅供参考。

<code>
var OriginTitile=document.title;
var st;
document.addEventListener('visibilitychange',function(){
if(document.hidden){
document.title="(つェ⊂)我藏好了哦";
clearTimeout(st);
console.log('hide');
}else{
document.title='(*´∇｀*) 被你发现啦~ '+OriginTitile;
console.log('show');
st=setTimeout(function(){
document.title=OriginTitile;
},4000);
console.log('endChange=');
}
});

</code>

TakanashiAzusa

2015-07-06 15:50:54 +08:00

话说，回复到底用的啥语法规则啊。。我快崩溃了。。

nowcoder

2015-07-06 16:29:57 +08:00

@TakanashiAzusa 贱贱的文案哈哈哈

gaotongfei

2015-07-06 16:55:50 +08:00 via iPad

头像……

jsq2627

2015-07-06 16:59:15 +08:00

看到头像点进来的。。。

huangwenon

2015-07-06 17:17:31 +08:00

这头像。。。

Amit

2015-07-06 17:22:05 +08:00

@TakanashiAzusa 3Q
原来在一个游戏官网看到过这个效果，但是不知道用什么关键字查，看源码也没看懂-_-!

qq7790586

2015-07-06 17:22:16 +08:00

轮子哥的头像。。。

ZnZt

2015-07-06 17:31:38 +08:00

支持一下~
对了这头像是轮子哥么 =.=

TakanashiAzusa

2015-07-06 18:13:34 +08:00

@Amit 不过他们官网好像是用的onblur和onfocus。

g0thic

2015-07-06 19:22:44 +08:00

题目：
在数组 arr 开头添加元素 item。不要直接修改数组 arr，结果返回新的数组
输入例子:
prepend([1, 2, 3, 4], 10)

输出例子:
[10, 1, 2, 3, 4]

我在控制台写的：

function prepend(arr, item) {
arr.unshift(item);
return arr;
}

prepend([1, 2, 3, 4], 10) 也能输出 [10, 1, 2, 3, 4]。为啥你那里面说我的答案错了