阿里巴巴秋季校园招聘前端在线笔试题部分题目分享

阿里巴巴秋季校园招聘前端在线笔试题

博主昨日方知，因错过报名时机，阿里巴巴的秋季校园招聘活动早已启动。

我原本以为无法参与阿里巴巴秋季的校园招聘前端在线笔试，然而，在昨晚匆忙中提交了一份简历，今天竟然获得了考试资格，这让我感到有些兴奋，不禁笑出了声。

由于今日亲临现场，时间紧迫，部分题目博主自身亦难以回忆，亦或是由于能力所限，自己未能掌握，故此仅呈现博主在考试中完成的试题。

1.找出下面优先级相同的选择器

图片缩略图的伪元素后继部分，针对具有"data-job"属性值为"frontend"的元素，选取其首字母。

C. 选择器针对主元素的前置伪元素进行限制 D. 选中状态下的复选框 E. 指定ID为shop-list的列表元素

要解决这个题目，我们得先弄清楚如何确定选择器的权重，《CSS实战手册》中曾经介绍过，CSS为选择器的权重设定了一个计算公式：，

(1): 一个标签选择器值1分

(2):一个类选择器值10分

(3):属性选择器值10分

(3):一个ID选择器值100分

(4):一个内建样式值1000分

伪元素，比如first-line，往往被视作类选择器来使用，此类用法可得一分。

(6):伪类则被当做类对待，值10分

根据上面的规则，我们一个个来分析：

图片编号为1，缩略图得分为10分，之后评价又获得1分，三者相加，总分达到12分。

若[data-job]属性值为"frontend"，则该得分项的首字母为"1"，额外加1分，加上基础10分，总分达到11分。

当主元素得分为100分时，其伪元素样式设置为1分，此时总分达到100分并加1，最终计为101分。

当[type="checkbox"]的值为10分且选中时，即10分：选中，加上总分10分，总计达到20分。

当ul等于1分，且#shop-list等于100分时，总分达到100分，再加上1分，最终得分变为101分。

所以这道题的答案应该是：C E

2. 常用的git操作有

执行以下操作：添加A，推送B，创建C目录，获取D资源，移动E文件，合并F文件，标记G内容。

关于此处所说的“常用”这一核心概念，并没有一个明确的分界线。若你频繁使用，那么它便被认定为常用。具体来说，以下将进行详细剖析：，

在当前工作目录里，对文件进行的修改或新增，都需要被纳入Git的索引之中。一旦文件被加入到索引中，就意味着它们已被记录在版本历史里，这是在提交前必须完成的一个环节。

执行push操作可以将本地已提交的代码同步至远端版本库，比如通过“git push origin”这一命令，即可将本地的代码同步至名为origin的远端版本库。

C：mkdir：应该不属于git常用操作的范围。

D：获取代码：通过与服务器的交互，从其存储库中下载最新的代码版本。

E: mv： 重命名一个文件、目录或者链接。

F：将服务器端下载的代码与本地代码进行整合，亦或是执行分支间的合并操作。

G：可以执行标签对象的创建、展示、移除或核实操作，并支持使用GPG签名进行验证。

所以这一题应该是选：A B C E F G

以下情况中，使用JavaScript的typeof操作符可能会得到哪些返回值？

A.stringB.arrayC.objectD.null

这道题目主要考查记忆力，因为熟悉typeof的人都知道，这个操作符在JavaScript中基本上是没有什么实际作用的。关于typeof操作符的功能，在JavaScript的相关资料中有着详尽的说明：

"underfined"--如果这个值未定义

“boolean”--如果这个值是布尔值

“string”--如果这个值是字符串

“number”--如果这个值是数值

“object”--如果这个值是对象或者null

"function"--如果这个值是函数

显而易见的，答案是A C

4. 请写出个人github地址

在异步加载的JavaScript代码中，若使用document.write，可能会引发以下问题：首先，document.write会直接在当前文档中插入内容，这可能导致页面布局混乱；其次，由于异步加载的特性，document.write执行时页面可能尚未完全加载，从而造成内容显示异常；再者，频繁使用document.write可能会影响页面性能，增加加载时间；最后，若在异步加载的脚本中使用document.write，可能会覆盖掉后续加载的脚本中的内容。

异步加载JavaScript的含义是指在页面加载过程中不执行JavaScript代码，换句话说，是在页面完全加载完毕后再进行JavaScript的加载。然而，如果JavaScript文件中包含了document.write语句，那么就会遇到一个问题：页面内容会被document.write中的信息所覆盖。

6.

存在如上所示的DOM结构，请利用原生JavaScript代码（不得使用jQuery）来完成以下要求：

对鼠标在mod-spm区域内停留的时间进行测量，若data-spm的值有所区别，则视为不同的区域。

(b)尽量减少性能损耗

(c)重复进入计时累加

这题是最浪费时间的，直接上代码：

定义一个名为ShowStayTime的函数，其参数为obj。

2 this.obj = obj;

3 this.totalTime = 0;

4 this.enterTime = null;

此代码段中，我创建了新的div元素，并将其赋值给变量this.divTime。

6 }

7 ShowStayTime.prototype = {

8 constructor:ShowStayTime,

9 init: function() {

10 this.showStayTime();

此对象将时间显示区域添加为其子元素。

12 this.beginTime();

13 this.leaveTime();

14 },

15 showStayTime: function() {

16 var message = "";

消息内容为：“停留时长”加上当前总时长，单位为毫秒。

18 this.divTime.textContent = 信息内容；

19 },

20 beginTime: function() {

21 此对象注册了“鼠标进入”事件监听器，触发一个函数执行。

本对象的进入时间被设定为当前日期。

23 })

24 },

25 leaveTime: function() {

26 var temp = this;

27 该对象注册了“鼠标离开”事件监听器，触发一个函数执行。

29 temp.showStayTime();

30 })

31 }

32 }

获取所有具有'mod-spm'类名的div元素，并将它们存储在变量divs中。

创建了一个新的ShowStayTime对象，其参数为divs数组的第一个元素，并将其赋值给变量show1。

创建了一个新的ShowStayTime对象，该对象关联到divs数组中的第二个元素，并命名为show2。

创建了一个新的ShowStayTime对象，该对象关联到divs数组的第三个元素，并命名为show3。

37 show1.init();

38 show2.init();

39 show3.init();

实现数据打点的函数，

资料共享平台《阿里巴巴秋季校园招聘前端在线笔试题》()。

1 function adddot(num) {

2 var temp = new Array();

3 for (var i = 0;i < num.length;i++) {

4 temp.push(num[i]);

5 }

6 if (num.length < 4) {

7 return num;

8 }

使用循环，变量i从字符串num的倒数第四个字符开始，每次递减3，直到i小于等于0。

10 if (i > 0) {

11 temp.splice(i,0,'.');

12 }

13 }

14 return temp.join("");

15 }

10. 设定一个字符串变量var str，其值为"abc345efgabcab"，接下来请编写三条JavaScript语句，分别完成以下三个操作：

将字符串中的字符a、b、c移除后，所得的新字符串为：“345efg”。

将字符串中的数字以括号形式呈现，结果将变为“abc[3][4][5]efgabcab”。

将字符串内的每一个数字数值加倍，从而得到新的序列：“abc13620efgabcab”。

这题很显然是考察正则表达式：

定义变量s1，通过将字符串str中的所有'a'、'b'和'c'字符替换为空字符串，从而实现去除这些字符的目的。

2 var s2 = str经过替换操作，移除了所有数字，每个数字都被方括号括起来，形成新的字符串。

定义变量s3，通过将字符串str中的所有数字字符替换为其两倍数值，实现这一操作。具体做法是使用正则表达式[d]，匹配任意一个数字，然后通过匿名函数将其乘以2，得到新的字符串。

11从前端工程师的角度如何提高客户体验.

最后，我要郑重强调，我目前只是就读于本科二年级，我所提供的答案仅供参考，若有任何不妥之处，敬请各位不吝赐教，欢迎提出宝贵意见。

《阿里巴巴秋季校园招聘前端在线笔试题.doc》

将本文的Word文档下载到电脑，方便收藏和打印

推荐度：

点击下载文档