哔哩哔哩2018校招前端笔试
前言
前几日,哔哩哔哩在电子科大清水河校区举行了校招宣讲会。B站不用多说,中国最大的同性交友网站,不去工作也能去看看。
当晚便进行了部分笔试,下面是我参加的前端笔试试题和我自己的解答,分享给大家。
博文地址:哔哩哔哩2018校招前端笔试
第一题
给定一个整数数组,找到具有最大和的子数组,返回最大和。
比较常见,直接给我的解答:
// es6
function (arr) {//全为负数的情况,要注意if (arr.every(x => x < 0)) {return arr.sort()[0];}var max = 0;var sum = 0;for (let i of arr) {sum += i;if (max < sum)max = sum;if (sum < 0)sum = 0;}return max;
第二题
要求:
1. 构建一个n*n的格子(n从输入框填写) ,默认背景色都是白色,鼠标指针指上去的格子底色要变
成红色,鼠标移出时复原
2. 鼠标点击格子时背景色固定为蓝色,指针hover时也不变红。再次点击时复原成未点击的状态
3. 格子大小可用css控制,底色变化用js实现
个人思路如下:
1. 创建n*n的表格
<!-- html部分 -->
<input id="in" type="text" placeholder="输入n">
<button onclick="createTable()">确认n</button>
<br><br><!-- css -->
<style>
td{width:20px;height:20px;border:1px solid;
}
</style><!-- js -->
<script>
// 创建n*n表格
function createTable(){var n=document.getElementById("in").value;//创建n*n的"table"var str="<tbody>";for(var i=0;i<n;i++){str+="<tr>";for(var j=0;j<n;j++){str+="<td></td>";}str+="</tr>";}str += "</tbody>";var table = document.createElement("table");table.innerHTML = str;table.setAttribute("cellspacing", 0);//消除表格间的间距document.body.appendChild(table);//调用事件函数,传入表格colorEvent(table);
}
</script>
2. 颜色变化效果
使用事件委托。
<script>
//mouseover与mouseout
//不论鼠标指针穿过被选元素或其子元素,都会触发与mouseout。//mouseenter与mouseleave
//只有在鼠标指针离开被选元素时,才会触发与mouseout。function colorEvent(table) { //指针hover,out以及click监听table.addEventListener("mouseover", colorHover, false);table.addEventListener("mouseout", colorOut, false);table.addEventListener("click", colorClick, false);function colorHover(ev) {var e = ev || window.event;var target = e.target || e.srcElement;if (target.tagName == "TD" && target.style.background != "blue") {target.style.background = "red"; //注意"tagName"为大写,写小写"td"会失败}}function colorOut(ev) {var e = ev || window.event;var target = e.target || e.srcElement;if (target.tagName == "TD" && target.style.background != "blue") {target.style.background = "white";}}function colorClick(ev) {var e = ev || window.event;var target = e.target || e.srcElement;if (target.tagName == "TD") {target.style.background = (target.style.background == "blue" ? "white" : "blue");}}
}
</script>
其实此题如果使用jQuery
会比较方便,其大致思路如下:
$(document).ready(function(){$("#t").hover(function(){$("#t").css("background-color","red");},function(){$("#t").css("background-color","white");});
});
3. 源代码
哔哩哔哩笔试第三题.html
第三题
此题为还原一张图上的设计,此处无图就不叙述了。
第四题
题目:高铁的玻璃需要有一定的防撞击强度,可以通过不同时速的铝弹撞击玻璃实际测试,可测出不会被击穿的最大时速。现在有两块强度未知的玻璃需要实验验证防撞击最大时速,假设不会被击穿时玻璃都完好无损可以继续实验使用, 一旦被击穿则不能继续使用。如何通过这两块玻璃,用尽量少的实验次数验证出防撞击的最大时速。(可以有微小误差,两块玻璃都可以被击穿)
题有点长,我的思路是使用类似于计算机网络拥塞控制的方法,使用先指数增后线性增长
的方法。
(使用1,2,3表示时速等级,等级越高,时速越快)
- 使用
2^n
级时速依次测试玻璃1(n=0,1,2...)。 - 假设
2^m
级时速时穿过玻璃1,记录下当前的时速间隔:( 2^(m-1),2^m )。 - 从
2^(m-1)
开始依次加1级测试玻璃2,直至测出最大时速。
哔哩哔哩2018校招前端笔试相关推荐
- 美图2018校招前端笔试编程题数组去重
题目只能记个大概了,里面比较重要的就是数组去重 重点:用空间换取时间,一层循环实现了数组的去重,时间复杂度o(n). 1. 先对arr_copy排序(注意啊arr_copy是有序数组了) 2. arr ...
- 2018年前端笔试高频题精选(二)
今天继续来发几道2018年前端笔试高频题,这些题都是小编下载了今年BATJ.美团.小米等一线互联网公司前端笔试真题精选出来的,大家一定要好好学学,以备进军名企之用. 1.规避javascript多人开 ...
- 2020哔哩哔哩校招前端笔试编程题
具体题目要求可参照 题目及测试 1. 找出有序数组(从小到大排列)中和为sum的两个数,要求复杂度为O(n),找到一组即可 const readline = require('readline') c ...
- 校招前端笔试面试回顾
一.背景 2014年秋季参加各大互联网校园招聘,在北京进行线上.线下笔试,参加面试,一场难忘的经历. 二.校招职位和所选公司 校招职位:web前端 所选公司:BAT,美团,去哪儿,网易,京东,新浪,4 ...
- 2019校招前端笔试面试题
程序员学习书籍推荐:(点击查看) 大厂面试题 (点击查看) 前期概要: 01你做的页面在哪些流览器测试过?这些浏览器的内核分别是什么? 答案 IE: trident内核 Firefox:gecko内核 ...
- 京东校招java笔试题_京东2018校招技术笔试编程题汇总
1.回文 分析 暴力枚举一下check回文,可以确定出最后答案的一半,就可以得到答案了. 参考代码 #include using namespace std; bool isPalindrome(st ...
- 三七互娱2018校招前端笔试题
1.正则表达式考察题 1)格式为: 2016-12-12类型的日期格式校验正则表达式: 2)字符串解析:将格式诸如"[img:(src...)]"的字符串解析替换为"&l ...
- 字节跳动2018校招前端方向(第三批)题目3
题意:现在有一排房间每个房间里有若干的人,现在会将某个房间i里的人重新分配,分配的方法是首先让i房间里的人都出来,之后按照i+1,i+2....的顺序每个房间分一个人,n号房间的下一个房间为1号房间, ...
- 思科2018校招硬件测试笔试试题及答案
(1/40) Which is the Thevenin equivalent for the circuit below? A VO=49+8I B VO=49-8I C VO=25-8I D ...
最新文章
- JS 面向对象编程之原型(prototype)
- 单链表-单链表拆分为两个线性表(尾插法+尾插法)
- HDOJ2203 亲和数
- Git 取消上一次commit操作,但保留add操作
- php组件化开发composer,PHP组件化开发 - JimmyJaw的个人空间 - OSCHINA - 中文开源技术交流社区...
- Boost::context模块fiber的斐波那契测试程序
- HttpHandler
- python缺点这么多、为什么还流行_Python这么火,为什么说它不是未来的编程语言?...
- JAVA的节点流和处理流
- 静态成员变量以及静态成员函数
- windows ftp服务器_ftp是什么意思,在windows系统安装ftp只需3步
- ace admin ajax加载页面,循环加载首页的解决办法
- linux 切换 amd 显卡,ubuntu 14.10 (64位)下载amd显卡,实现双显卡切换
- linux at任务不运行,linux中at的使用-计划任务
- 深信服 VDS设备烤机
- 用链接法实现散列表构造和查找
- 掌舵9年,艾伦研究所创始CEO 光荣退休!他曾预言中国AI将领跑世界
- 正则表达式 第一次碰到某个特定字符就返回
- 独孤思维:赚钱的黄金法则
- 数据治理-1. 数据集成-总体方案