2018秋招前端笔试题（58同城）

填空题

号码段为131到139的11位手机号码正则校验：/^13[1-9][0-9]{8}$/
移动端，如何在html中通过链接调起拨打电话：’<a href="tel:10086">10086</a>'
一下代码的输出结果：

{
var t='teacher';
let s='student'
}
console.log(t);
console.log(s);

HTTP协议的状态码200，400，500分别代表什么？请求成功、（错误请求）服务器不理解请求的语法，（服务器内部错误）服务器遇到错误，无法完成请求
JavaScript算术运算：‘10’+ 1结果为‘101’ ‘10’-1结果为‘9’
var ting = 1, shi=3, wei=2;用ES6字符串模板的方式输出：1室3厅2卫。${ting}室${shi}厅${wei}卫
用ES6解构的方式，将下面代码中的obj.name赋值给n，obj.age赋值给a：let {name: n, age: a} = obj; let obj = {name:’韩梅梅’, age:’20’};let n, a;
HTTP协议默认的端口号‘80__HTTPS协议的端口号443
名词解释：MVCmodel-view-controller 、MVPmodel-view-presenter 、MVVMmodel-view-viewmodel
Flex布局实现容器box内部元素item垂直居中对齐。. box {display: flex; align-items: center }

简答题

CSS3的box-sizing的取值及各值的说明。
content-box CSS2.1 规定的宽度和高度的行为。在宽度和高度之外绘制元素的内边距和边框。
border-box通过从已设定的宽度和高度分别减去边框和内边距才能得到内容的宽度和高度。
inherit规定应从父元素继承 box-sizing 属性的值。
请写出下列代码的执行结果：

function switchCase(value) {switch(value) {case '0':console.log('case 0');case '1':console.log('case 1');break;case undefined:console.log('undefined');break;default:console.log('default');}}// 写出下列输出结果 switchCase(0);switchCase('0');switchCase();

switchCase(0);default
switchCase(‘0’);“case 0”,”case 1”
switchCase();undefined

列举出通过CSS样式隐藏元素的方法，并说明其区别
（1）:Opacity设置为0
（2）visibility设置为hidden
（3）display设为 none
（4）position 设为 absolute 然后将位置设到不可见区域。
（5）Clip-path

方法	添加的任何动画效果交互效果	是否对网页布局起作用	是否占据之前的位置	对子元素和元素内容	备注
Opacity	起作用	是	是	背景和元素内容会跟着变化
visibility	不会响应任何用户交互	是	是	有影响，想要显示的子元素添加visibility：visible
display	不起作用	否	否	它的子元素也会一同从盒子模型中消失
Clip-path	鼠标悬停或者点击在剪裁区域之外也不可能生效	是	是		在IE中是完全不支持的
Position	起作用	否	否		主要是通过控制方向，达到一定的值，离开当前可视界面

- 请写出下面代码的执行结果

var s = {   s: ‘student’,     getS: function(){     console.log(this.s); } }; var t = {     s: ‘teaher’ };  var getS = s.getS; var getS1 = getS.bind(s);   // 写出以下输出结果 s.getS(); s.getS.apply(t);     getS(); getS1.call(t);

列出移动端开发中适配各种屏幕尺寸的解决方案(至少3种)
（1）响应式布局简而言之，就是页面元素的位置随着屏幕尺寸的变化而变化，通常会用百分比来定位，而在设计上需要预留一些可被“压缩”的空间。
（2）Cover布局就跟background-size的cover属性一样，保持页面的宽高比，取宽或高之中的较小者占满屏幕，超出的内容会被隐藏。此布局适用于主要内容集中在中部，边沿无重要内容的设计
（3）Contain布局同样，也跟background-size的contain属性那样，保持页面的宽高比，取宽或高之中的较大者占满屏幕，不足的部分会用背景填充。个人比较推荐用这种方式，但在设计上需要背景为单色，或者是可平铺的背景。
（4）样式缩放最省事的适配方法，直接用px为单位按视觉进行开发，然后通过计算屏幕与网页的宽高比，用transform:scale来对网页进行全局缩放。不过此方法会有一个小问题，就是如果网页内有动画的话，缩放后会稍微降低页面性能，在低配的安卓机器上表现的比较明显，iOS上没发现有性能问题。
（5）Rem缩放
Rem是个好东西呀，谁用谁知道，这里就不多做解释了。原理跟上面的样式缩放相通，只不过是通过Rem为单位来进行视觉开发，然后通过计算后改变html的front-size来对页面进行缩放。关于以Rem为单位进行开发，目前比较流行Font-size=62.5%，而后1rem=10px的这种方法，有试过直接换成px也是可以的，就看个人的计算习惯吧。
用js实现一个随机打乱数组顺序的函数，要求可以设定数组种任意1个元素的位置不变，其他位置的元素位置随机变化。s
用js实现一个比较APP版本号的大小的函数，版本号各市由数字和.组成。例如：1.1.0、1.10、1.2.3等。

2018秋招前端笔试题（58同城）相关推荐

java笔试题_公司真题 | 用友2018秋招Java笔试题（四）
公司真题 | 用友2018秋招Java笔试题(三)答案: 1.正确答案 A B 2.正确答案 A 3.正确答案 D 4.正确答案 B 5.正确答案 A E 6.正确答案 B 7.正确答案 C D 8. ...
艺龙java面试题_艺龙2018秋招Java笔试题
在牛客做了那么多题,终于轮到我分享了~~这是我做过的艺龙的Java笔试题哦~~ 单选题 1.设有以下递归函数: int f(int m,int n) { if(m==0) { return n+1; ...
58同城2018秋招前端笔试试题
一.填空题(10题) 1. 号码段为131到139的11位手机号码正则校验: /^13[1-9][0-9]{8}$/ 2. 移动端,如何在html中通过链接调起拨打电话<a href=" ...
上海汉得公司2018年秋招前端笔试题
一.选择题(含多选) 1.以下哪一项不属于浏览器Response Headers字段(B) A.Contection B.Referer C.Content-Type D.Server 2 ...
美图笔试题java后台_美图2018秋招Java笔试题
单选题 1.关于垃圾回收算法G1,哪个说法是错误的( B ). A. 并行和并发,具有多线程操作能力 B. 不适用堆空间太大的场景 C. G1停顿时间更加可预测 D. 不会对系统吞吐量产生较 ...
用友2018秋招Java笔试题（三）
常识: 对于GBK编码标准,英文占用1个字节,中文占用2个字节对于UTF-8编码标准,英文占用1个字节,中文占用3个字节对于Unicode编码标准,英文中文都是2个字节.这也是为什么叫做unico ...
【面试真题】腾讯2018秋招前端正式试题（含答案）
参考答案关注公众号,回复"腾讯答案"获取 01 不定向多选 1. 往下面的5阶B树中插入关键吗80后,该B树第二层的节点数为( ). A. 6 B. 7 C. 8 ...
小米2019秋招前端笔试题
链接:https://www.nowcoder.com/questionTerminal/d15363742fe94a0ea4030e5124713fac 来源:牛客网 1.米兔从兔米那里了解到有一个 ...
2022秋招前端笔试题汇总
第一题: 给定一个整数数组 nums 和一个整数目标值 target,请你在该数组中找出和为目标值 target 的那两个整数,并返回它们的数组下标. JavaScript解法: var tw ...

2018秋招前端笔试题（58同城）

填空题

简答题

2018秋招前端笔试题（58同城）相关推荐

最新文章

热门文章