2019年最新web前端笔试题

1.编写js代码实现冒泡排序

2.编写js代码实现数组去重（考虑性能）

3.编写css代码实现div水平垂直居中

4.编写js代码实现在一个数组中删除另一个数组存在的值

var arr = [1, 2, 3, 4, '1', 0, 1, 2, 'a', 'b'];

var brr = [1, 2, 'a'];

结果：[3, 4, "1", 0, "b"]

5.下面代码输出的是什么，并简单解释一下

var name = 'World!';

(function () {

if (typeof name === 'undefined') {

var name = 'Jack'

console.log('Goodbye ' + name)

} else {

console.log('Hello ' + name)

}

})()

6.React性能优化，渲染20000多条checkbox组件，点击选择checkbox组件的时候特别卡，如何解决

import React, { Component } from 'react'

import { Checkbox } from 'antd'

class App extends Component {

constructor(props) {

super(props)

this.state = {

checked: []

}

render() {

let list = this.list()

return (

<div>

{list}

</div>

);

}

Object.assign(App.prototype, {

componentDidMount() {

let arr = []

for (let i = 0; i < 20000; i++) {

arr.push(i)

}

this.setState({

checked: arr

})

list() {

let { checked } = this.state

let arr = []

for (let i = 0; i < 20000; i++) {

arr.push(<Checkbox key={i} checked={checked.indexOf(i) >= 0} onChange={this.handleChange.bind(this, i)}>{i}</Checkbox>)

}

return arr

handleChange(index, e) {

let { checked } = this.state

let tempIndex = checked.indexOf(index)

if (e.target.checked) {

if (tempIndex < 0) {

checked.push(index)

}

} else {

if (tempIndex >= 0) {

checked.splice(tempIndex, 1)

}

this.setState({

checked: checked

})

}

})

export default App

7.如何实现React父组件控制子组件执行不同的方法进行渲染

2019年最新web前端笔试题相关推荐

也许你需要点实用的-Web前端笔试题
之前发的一篇博客里没有附上答案,现在有空整理了下发出来,希望能帮助到正在找工作的你,还是那句话:技术只有自己真正理解了才是自己的东西,共勉. Web前端笔试题 Html+css 1.对WEB标准以及w ...
web前端笔试题整理
java 1, 判断字符串是否是这样组成的,第一个必须是字母,后面可以是字母.数字.下划线,总长度为5-20 1 var reg = /^[a-zA-Z][a-zA-Z_0-9]{4,19}$/; ...
WEB前端笔试题（4）
1.CSS hack的技巧 !important除IE6外都识别,通用: background-color:blue; /*所有浏览器*/ background-color:red\9;/*所有的ie ...
腾讯web前端笔试题及个人答案
每道题都有答案,大多数答案亲测正确. 简答题 1.js中"5"+4=? 答案:54 2.js中void(0)=? 答案:undefined 3.js中NaN*4=? 答案:NaN ...
2014年最新web前端开发面试题
2014年最新web前端开发面试题本文是一份非常不错的2014年web前端开发工程师的面试题集锦,并附有参考答案,推荐大家参考下. 试题目录: HTML 部分 CSS 部分 JavaScript 部 ...
2018最新Web前端经典面试试题及答案
本篇收录了一些面试中经常会遇到的经典面试题以及自己面试过程中遇到的一些问题,并且都给出了我在网上收集的答案.马上就要过春节了,开年就是崭新的一年,相信很多的前端开发者会有一些跳槽的悸动,通过对本篇知识 ...
html5 笔试题选择题,2019拼多多前端笔试题
选择.填空题: 1.IP地址,子网掩码的计算 2.Internet网络层重要协议 3.http请求方法 4.HTML中a标签的伪类 5.alert(undefined==null)的输出结果 6.ht ...
2012九月十月腾讯，网易游戏，百度最新校园招聘笔试题
十月下旬腾讯,网易游戏,百度最新校园招聘笔试题集锦(第271-330题) 引言此文十月百度,阿里巴巴,迅雷搜狗最新面试十一题已经整理了最新的面试题70道,本文依次整理腾讯,网易游戏,百度等各大公司最 ...
前端笔试题面试题记录（上）
前言过完元宵,就到上海找了波工作,现在已经入职好了,蹭波热点,写一波面试记录,内容包含笔试题和面试题,还有一些没有写进来,准备再开一篇,许久没写了,写的确实有些慢.如果喜欢的话可以点波赞,或者关注一 ...
前端笔试题小结（一）
前端笔试题小结(一) 2020-03-13 题目一: 将一个js数组去重. 样例: 输入:[ 1, "apple", 3, "a", 3, 1, 5, 6, & ...

2019年最新web前端笔试题

2019年最新web前端笔试题相关推荐

最新文章

热门文章