web前端工程师笔试题目及答案
进行web前端工程师笔试应该严格按照考试说明大纲复习，买本好的教辅和模拟试卷多做，平时多练程序题。今天小编整理了web前端工程师笔试题目及答案供大家参考，一起来看看吧!
web前端工程师笔试题目及答案
数组
js数组中不会改变原有数组的方法是
A. push
B. concat
C. sort
D. shift
下列哪种数组的方法不会修改数组本身
A. slice
B. splice
C. sort
D. unshift
Java中需要往数组末尾处添加一个元素，应该使用以下哪个方法：
A. push
B. pop
C. shift
D. unshift
以下js操作Array的方法中不能添加元素的是：
A. push
B. pop
C. unshift
D. splice
数组以下哪个方法会影响原数组？
A. concat
B. splice
C. slice
D. join
Java中，下列哪一个Array的方法的返回值类型和其他不同
A. concat
B. shift
C. filter
D. map
如下的Array.prototype上的方法中，那个方法不会改变原有的数组？
A. push
B. slice
C. splice
D. sort
对于一个数字组成的数组 nums，现在需要执行在不改动 nums 的基础上去重操作，返回一个新的无重复元素的数组，以下几段代码能完成这一操作的是
// (1)
const newNums = Array.from(new Set(nums))
// (2)
const newNums = nums.filter((n, i) => {
returnnums.indexOf(n) === i
})
// (3)
const newNums = nums.forEach((n, i) => {
returnnums.indexOf(n) === i
})
// (4)
const newNums = nums.reduce((acc, n, i) => {
return[].concat(acc, nums.indexOf(n) === i ? n : []
)
})
A. (1)、(2)、(3)、(4)
B. (1)、(3)、(4)
C. (1)、(2)、(4)
D. (1)、(4)
答案
BAABB
BBC
正则
正则表达式 ^d+[^d]+ 能匹配下列哪个字符串？
A. 123
B. 123a
C. d123
D. 123def
下面哪个不是RegExp对象的方法
A. test
B. match
C. exec
D. compile
以下哪项可以去除变量str中的所有空格
A. str.replace(`/\s__/g, ""`)
B. str.replace(`/^\s|\s$/g, ""`)
C. str.replace(`/^\s__/, ""`)
D. str.replace(`/(\s__$)/g, ""`)
答案
CBA
其他
下列函数哪个不是Java的全局函数
A. encodeURI
B. parseFloat
C. round
D. eval
编写高性能Java，以下描述错误的是
A. 遵循严格模式： "use strict"
B. 将js脚本放在页面顶部，加快渲染页面
C. 将js脚本成组打包，减少请求，尽量减少使用闭包
D. 使用非阻塞方式下载js脚本，最小化重绘(repaint)和回流(reflow)
有关Java中系统方法的描述，错误的是？
A. parseFloat方法：该方法将一个字符串转换成对应的小数
B. isNaN方法：该方法用于检测参数是否为数值型，如果是，返回 true，否则，返回 false。
C. escape方法： 该方法返回对一个字符串编码后的结果字符串
D. eval方法：该方法将某个参数字符串作为一个Java执行题
下面列出的浏览器，无webkit内核的是
A. chrome
B. Safari
C. 搜狗浏览器
D. Firefox
下列代码哪个能够实现获取形式为 2017-08-01 形式的日期( )？
// A
var formatDate=getDate
// B
var formatDate = new Date
// C
var formatDate = function(date) {
var y = date.getFullYear;
var m = date.getMonth + 1;
var d = date.getDate;
returny + '-'+ m + '-'+ d;
};
// D
var formatDate = function(date) {
var y = date.getFullYear;
var m = date.getMonth + 1;
m = m < 10 ? '0'+ m : m;
var d = date.getDate;
d = d < 10 ? ( '0'+ d) : d;
returny + '-'+ m + '-'+ d;
};
下面哪一项不能最小化重绘(repaint)和回流(reflow)
A. 需要对元素进行复杂的操作时，可以先隐藏(display: "none")，操作完成后再显示
B. 需要创建多个DOM节点时，使用DocumentFragment创建完后一次性的加入document
C. 尽量避免用table布局(table元素一旦触发回流就会导致table里所有的其它元素回流)
D. 尽量不要使用 css 属性简写，如：用border-width, border-style, border-color代替border
答案
CBBDDD
web前端入门必学的16个知识点
1、HTML常用标签
语言是什么、Web前端开发语言、HTML超文本标记语言、网页主体结构、常用标签、超链接(a标签)、Img图片标签
2、盒子模型
初探Div盒子模型、css样式、简单css样式、盒子模型Border边框讲解、盒子模型外边距盒子模型内边距、盒子模型占位计算、ul无序列表、ol有序列表、dl定义列表、补充知识(css)
3、样式初始化及display+外边距合并
样式初始化、元素类型转换、内联元素对于以下属性特殊化、块级元素和内联元素的具体应用控制元素水平方向居中、盒子模型外边距合并原则
4、元素选择符+背景
HTML命名规范、行业命名规范、选择器初级、background背景样式
5、css样式(Font+Text)+特殊符号
font字体样式、text文本样式、特殊符号、css样式查询表
6、选择器高级及a伪类
css选择器、a伪类
7、选择器高级应用&样式优先级常用css3
选择器优先级、样式的多种形式、样式优先级排序、常用css3
8、浮动
浮动概况、浮动的一般情况、浮动的特殊情况、浮动对文字的影响float浮动后的特征和inlink-block特征对比、清除浮动、清除浮动的多种办法、min-width的运用
9、定位
position定位概况、static、相对定位relative、绝对定位absolute、固定定位、z-index层的位置关系
10、vertical-align img特征cursor opacity
img特征、vertical-align垂直对齐方式、cursor指针样式、opacity透明度
11、表单
form表单、form中的控件
12、表格
table表格结构、table样式重置、table的默认特征、table单元格合并、display:table的特征
13、frameset框架
iframe内联框架、frameset框架集、frame子框架、自适应框架实例
14、阿里图标+css高级应用
CSS继承指的是、css重用、组件化开发：网页中不同功能模块，写入不同的css文件、ico网站logo、阿里图标
15、ps工具常用技巧
安装PS、菜单栏介绍、工具栏工具名称及快捷键、蒙版，链接图层，图层分组、图层右键菜单、混合模式、菜单栏详细讲解
16、终结篇
网站上线(空间，域名)如何购买空间和域名，网站上传工具ftp使用，最终实现网站上线。