计算机笔试真题汇总:前端篇
web前端笔试题及答案
web前端笔试题及答案一、选择题1. 下列哪个不是JavaScript的数据类型?A. NumberB. StringC. UndefinedD. Array答案:D2. CSS中,以下哪个属性用于设置元素的宽度?A. widthB. heightC. marginD. padding答案:A3. HTML5中,用于定义文档的元数据的标签是:A. <html>B. <head>C. <meta>D. <title>答案:B二、简答题1. 请简述什么是BEM命名方法,并说明其优点。
答案:BEM是Block Element Modifier的缩写,是一种CSS类名命名方法。
它通过将CSS类名分为三个部分:块(Block)、元素(Element)和修饰符(Modifier),来提高CSS的可读性和可维护性。
优点包括:提高代码的可读性,方便团队协作;通过块和元素的命名,可以避免CSS选择器的冲突;修饰符的使用可以方便地覆盖或扩展样式。
2. 请解释什么是跨域资源共享(CORS)以及它是如何解决跨域请求问题的。
答案:跨域资源共享(CORS)是一种安全机制,允许Web页面上的脚本发起跨域HTTP请求。
它通过在HTTP响应头中添加特定的字段来告知浏览器,哪些源可以访问该资源。
CORS通过设置Access-Control-Allow-Origin等响应头,允许或限制来自不同源的请求,从而解决了由于浏览器同源策略导致的跨域请求问题。
三、编程题1. 编写一个JavaScript函数,实现数组中所有数字的累加。
示例代码:```javascriptfunction sumArray(numbers) {let sum = 0;for (let i = 0; i < numbers.length; i++) {sum += numbers[i];}return sum;}```2. 请使用HTML和CSS创建一个简单的登录表单,并包含用户名和密码输入框。
前端开发笔试题及答案
前端开发笔试题及答案一、选择题1. HTML5 中新增的语义化标签是以下哪一个?A. `<div>`B. `<section>`C. `<span>`D. `<img>`答案:B2. 以下哪个JavaScript方法可以用来获取元素的属性值?A. `getAttribute()`B. `setAttribute()`C. `removeAttribute()`D. `createElement()`答案:A3. CSS3 中,以下哪个属性用于设置元素的圆角?A. `border-radius`B. `border-color`C. `border-style`D. `border-width`答案:A二、简答题1. 请简述什么是响应式网页设计,并说明其重要性。
答案:响应式网页设计是一种使网站能够适应不同屏幕尺寸和设备的设计方法。
它通过使用流体网格布局、灵活的图片和媒体查询等技术,确保网页在各种设备上都能提供良好的用户体验。
响应式设计的重要性在于,随着移动设备的普及,用户越来越多地通过手机和平板电脑访问网站,因此,网站需要能够适应这些设备,以提供一致的用户体验。
2. 请解释什么是跨站脚本攻击(XSS)以及如何预防。
答案:跨站脚本攻击(XSS)是一种网络安全漏洞,攻击者通过在网页中注入恶意脚本,当其他用户浏览该页面时,恶意脚本会在用户的浏览器中执行,可能导致用户信息泄露、会话劫持等安全问题。
预防XSS的方法包括:对用户输入进行严格的验证和过滤,使用HTTP-only cookies,对输出进行编码,以及使用内容安全策略(CSP)等。
三、编程题1. 编写一个JavaScript函数,实现数组的去重功能。
```javascriptfunction uniqueArray(arr) {return [...new Set(arr)];}```2. 请使用CSS实现一个简单的响应式导航栏。
最新前端笔试题及答案
最新前端笔试题及答案一、单选题1. HTML5 中,用于绘制图形的元素是:A. `<canvas>`B. `<svg>`C. `<iframe>`D. `<video>`答案:A2. 下列哪个选项不是 CSS3 新增的特性?A. 圆角B. 多列布局C. 伪类 :hoverD. 渐变答案:C3. JavaScript 中,用于获取当前时间的函数是:A. `new Date()`B. `Date.now()`C. `getNow()`D. `getCurrentTime()`答案:A4. 下列哪个选项是 ES6 新增的字符串方法?A. `trim()`B. `includes()`C. `indexOf()`D. `replace()`答案:B5. 在 React 中,用于创建组件的函数是:A. `React.createClass()`B. `ponent`C. `createReactClass()`D. `React.createElement()`答案:B二、多选题1. 下列哪些是 CSS Flexbox 的属性?A. `flex-direction`B. `justify-content`C. `align-items`D. `float`答案:A, B, C2. 在 JavaScript 中,哪些方法可以用来实现深拷贝?A. `JSON.parse(JSON.stringify(object))`B. `Object.assign()`C. `Object.create()`D. `Object.clone()`答案:A三、判断题1. 在 HTML5 中,`<audio>` 和 `<video>` 标签只能在 Firefox 浏览器中播放。
答案:错误2. 使用 `const` 关键字声明的变量是不可修改的。
答案:错误3. 在 React 中,组件的生命周期方法 `componentDidMount()` 会在组件的更新阶段被调用。
前端应届生笔试题
前端应届生笔试题以下是一些前端应届生笔试题,共计20题:1. 请简述HTML、CSS、JavaScript的作用和区别。
2. 请解释什么是盒模型(Box Model),并说明其组成部分。
3. 请解释什么是CSS优先级,并介绍如何计算CSS优先级。
4. 请简述Flex布局的概念及其特点。
5. 请使用JavaScript编写一个函数,将一个字符串中的每个单词的首字母转换为大写字母。
6. 请描述你对响应式设计的理解,并介绍如何实现响应式设计。
7. 请列举至少两种常见的HTTP请求方法,并简述它们的作用。
8. 请解释什么是跨域请求,以及如何解决跨域请求问题。
9. 请介绍你对Vue.js框架的理解,并简述其中常用的指令和组件。
10. 请使用HTML和CSS实现一个三栏布局,左右两栏固定宽度,中间自适应宽度。
11. 请简述JavaScript中的原型链(Prototype Chain)机制。
12. 请介绍你对React框架的理解,并简述其中常用的组件和生命周期函数。
13. 请解释什么是闭包(Closure),并说明闭包的作用和优缺点。
14. 请使用CSS实现一个动画效果,使一个div元素在鼠标悬浮时变为红色。
15. 请介绍你对Webpack打包工具的理解,并简述其中常用的配置项和插件。
16. 请解释什么是RESTful API,并介绍其设计原则和优点。
17. 请使用JavaScript编写一个函数,判断一个字符串是否为回文字符串。
18. 请描述你对前端性能优化的理解,并介绍一些常见的优化方法。
19. 请介绍你对Angular框架的理解,并简述其中常用的指令和服务。
20. 请使用HTML、CSS和JavaScript实现一个图片轮播效果。
以上是前端应届生笔试题,希望能对你有所帮助。
当然,在实际应聘过程中,还需要针对不同公司和职位的要求进行针对性准备。
2023年前端笔试题
2023年前端笔试题好的,这是一份2023年前端开发笔试题。
一、选择题(请选择一个最佳答案)
1. HTML5 中用于创建单选按钮的元素是?
A. `<input type="text">`
B. `<input type="password">`
C. `<input type="radio">`
D. `<input type="button">`
2. JavaScript 中用于处理异步操作的常用方法有哪些?
A. async/await
B. for循环
C. while循环
D. if条件语句
3. CSS 中用于设置元素字体大小的最常用属性是?
A. font-family
B. font-size
C. font-weight
D. font-style
二、填空题(请填写缺失的代码)
1. 写出获取页面上所有段落元素的 JavaScript 代码:
```javascript
var paragraphs = ("________");
```
2. 在 CSS 中,要使元素居中显示,可以使用以下属性:```css
margin: auto; _______: _______。
```
三、简答题(请简要回答下列问题)
1. 请简述什么是事件冒泡,并给出其应用场景。
2. 请简述什么是前端框架,并列举三个常用的前端框架。
Web前端笔试115道题(带答案及解析)
Web前端笔试115道题(带答案及解析)1、html5为什么只需要写<!doctype html>?答:html5不是基于sgml(标准通用标记语言),不需要对dtd文件进行引用,但是需要doctype来规范浏览器的行为,否则浏览器将开启怪异模式,而html4.01基于sgml,需要引入dtd,才能告知浏览器文档使用的文档类型2、行内元素有哪些?块级元素有哪些?空(void)元素有哪些?行内元素有:a b span img input select strong (强调的语气)块级元素有:div ul ol li dl dt dd h1 h2 h3 h4…p知名的空元素:<br> <hr> <img> <input><link> <meta>鲜为人知的是:<area> <base> <col> <command> <embed> <keygen> <param><source> <track> <wbr>3、页面导入样式时,使用link和@import有什么区别?两者都是外部引用CSS的方式,但是存在一定的区别:区别1:link是XHTML标签,除了加载CSS外,还可以定义RSS等其他事务;@import属于CSS范畴,只能加载CSS。
区别2:link引用CSS时,在页面载入时同时加载;@import需要页面网页完全载入以后加载。
计算机笔试真题汇总:前端篇
计算机笔试真题汇总:前端篇一、基础知识专项练习(一) JavaScript1、AngularJS1中指定控制器的是哪个指令( )(点击查察答案 >>>>>>>>)A、ng-routeB、ng-templateC、ng-modelD、ng-controller2、要在 10 秒后调用checkState,以下哪个是正确的()(点击查察答案>>)A、(checkState, 10);B、(checkState, 10000);C、(checkState(), 10);D、(checkState(), 10000);3、在 jquery 中指定一个类,假如存在就履行删除功能,假如不存在就履行增添功能,下边哪一个是能够直接达成该功能的(点击查察答案 >>>>>>>>)A、removeClass()B、deleteClass()C、toggleClass(class)D、addClass()4、下边对于块内申明函数的做法哪些是正确的(点击查察答案>>>>>>>>)A、if (x) {function foo() {}}B、if (x) { var foo = function() {}}C、if (x) { foo = function() {}}D、ECMAScript明确的规范了块内函数,javascript 实现了这个规范5、angularjs1 中的服务本质上是()(点击查察答案>>>>>>>>)A、网络服务B、单例对象C、接口对象D、函数调用6、假如需要般配包含文本的元素,用下边哪一种来实现()(点击查察答案 >>>>>>>>)A、text()B、contains()C、input ()D、attr ( name)7、在 jquery 中,假如想要获得目前窗口的宽度值,下边哪个是实现该功能的()(点击查察答案 >>>>>>>>)A、width ()B、width ( val)C、widthD、innerWidth ()8、angularjs1 中使用指令,绑定监听是在什么时候()(点击查察答案 >>>>>>>>)A、compiles 时B、link 时C、require 时D、生成 DOM 时9、下边切合一个有效的javascript 变量定义规则的是()(点击查察答案 >>>>>>>>)A、_$te$t2B、withC、a bcD、2a10、下边对于promise的说法中,错误的选项)(点击查察答案>>>>>>>>)是(A、resolve()和reject都是直接生成一个进入相应状态的promise 对象,其参数就是进入相应状态时传达过去的参数,能够在达成回调的参数中获得B、(value),( reason)是 Promise 结构器上还直接供给了一组静态方法C、在调用 then 方法或许 catch 方法时都是异步进行的,但是履行速度比较快D、Promise 结构器的 prototype 上还有两个方法,分别是 then 和 catch。
web前端开发笔试题及答案
web前端开发笔试题及答案一、选择题(每题2分,共10分)1. HTML5新增的表单元素不包括以下哪个选项?A. emailB. urlC. datetimeD. password答案:C2. 下列哪个选项不是CSS3的新特性?A. 多列布局B. 圆角C. 透明度D. 表格边框合并答案:D3. JavaScript中,以下哪个方法用于获取元素的属性值?A. getAttribute()B. getElementsByTagName()C. getElementsByClassName()D. getElementById()答案:A4. 在JavaScript中,下列哪个不是合法的变量名称?A. _nameB. $nameC. 2nameD. name5. 下列哪个选项不是JavaScript中的保留关键字?A. varB. functionC. classD. return答案:C二、填空题(每题2分,共10分)1. 在HTML中,用于定义最重要的标题的标签是________。
答案:h12. CSS中,用于设置文本颜色的属性是________。
答案:color3. JavaScript中,用于获取当前日期的函数是________。
答案:new Date()4. 在JavaScript中,用于获取页面URL的属性是________。
答案:window.location.href5. 在HTML5中,用于定义导航链接的语义标签是________。
答案:nav三、简答题(每题5分,共20分)1. 请简述HTML5相对于HTML4的新特性。
答案:HTML5相对于HTML4的新特性包括但不限于:语义化标签(如header、footer、section、article等)、表单控件(如email、url、date等)、新的API(如Web Storage、Web Workers、Geolocation 等)、多媒体支持(如audio、video标签)和图形绘制(如canvas2. 请列举至少三种CSS选择器。
前端笔试题2024
1.CSS中,box-sizing属性的默认值是什么?
A.content-box(答案)
B.border-box
C.padding-box
D.margin-box
2.JavaScript中,typeof运算符用于检测变量的什么?
A.长度
B.数据类型(答案)
C.是否存在
D.引用类型还是基本类型
3.Vue.js中,用于创建Vue实例的方法是?
A.Vue.create()
B.new Vue()(答案)
C.Vue.init()
D.Vue.start()
4.在React中,哪个生命周期方法用于组件挂载到DOM之后立即调用?
ponentDidMount(答案)
ponentWillMount
ponentDidUpdate
ponentWillUnmount
5.CSS3中,实现元素过渡效果的属性是?
A.transition(答案)
B.transform
C.animation
D.keyframes
6.以下哪个不是前端性能优化的常见手段?
A.图片懒加载
B.使用CDN加速资源加载
C.频繁进行DOM操作(答案)
D.代码压缩与合并
7.在前端开发中,CORS(跨源资源共享)策略主要由什么来控制?
A.浏览器(答案)
B.服务器
C.代理服务器
D.开发者工具。
Web前端笔试115道题(带答案及解析)
Web前端笔试115道题(带答案及解析)1、html5为什么只需要写<!doctype html>?答:html5不是基于sgml(标准通用标记语言),不需要对dtd文件进行引用,但是需要doctype来规范浏览器的行为,否则浏览器将开启怪异模式,而html4.01基于sgml,需要引入dtd,才能告知浏览器文档使用的文档类型2、行内元素有哪些?块级元素有哪些?空(void)元素有哪些?行内元素有:a b span img input select strong (强调的语气)块级元素有:div ul ol li dl dt dd h1 h2 h3 h4…p知名的空元素:<br> <hr> <img> <input><link> <meta>鲜为人知的是:<area> <base> <col> <command> <embed> <keygen> <param><source> <track> <wbr>3、页面导入样式时,使用link和@import有什么区别?两者都是外部引用CSS的方式,但是存在一定的区别:区别1:link是XHTML标签,除了加载CSS外,还可以定义RSS等其他事务;@import属于CSS范畴,只能加载CSS。
区别2:link引用CSS时,在页面载入时同时加载;@import需要页面网页完全载入以后加载。
web前端笔试题及答案
web前端笔试题及答案一、选择题1.下列哪个标签可用于定义HTML文档的主体内容?A) <head>B) <section>C) <body>D) <div>答案:C) <body>2.CSS中,以下哪个属性可以控制元素的背景颜色?A) colorB) borderC) background-colorD) font-size答案:C) background-color3.哪个标签是用于定义JavaScript脚本的引用?A) <link>B) <script>C) <style>D) <meta>答案:B) <script>二、填空题1.HTML中用于定义大标题的标签是______。
答案:h1(或H1)2.在CSS中,用于选择所有p元素的选择器是______。
答案:p(或P)3.JavaScript中用于声明变量的关键字是______。
答案:var(或VAR)三、简答题1.请简要解释HTML、CSS和JavaScript分别是什么。
答:HTML(超文本标记语言)是一种标记语言,用于描述网页结构和内容。
CSS(层叠样式表)是一种样式表语言,用于定义网页元素的样式和布局。
JavaScript是一种脚本语言,用于为网页添加交互功能和动态效果。
2.请列举三个常用的HTML标签,并简要说明它们的作用。
答:常用的HTML标签有:- <p>标签用于定义段落的内容。
- <a>标签用于创建超链接,指向其他页面或资源。
- <img>标签用于插入图像,显示在网页上。
3.请简述CSS选择器的优先级规则。
答:CSS选择器的优先级规则是:- 对于同一元素,内联样式具有最高优先级。
- 若有多个样式规则应用于同一元素,将根据选择器的特殊性(Specificity)来判断优先级。
web前端笔试题及答案
web前端笔试题及答案一、HTML部分1. 什么是HTML?HTML(超文本标记语言)是一种用于创建网页的标准标记语言,它结合了文本、图像和其他内容,以及用于规定布局和样式的标签和属性。
2. HTML5中新增了哪些元素和功能?HTML5引入了很多新的元素和功能,包括但不限于以下几个:- 新的语义化标签,如`<header>`、`<footer>`、`<nav>`等,用于更好地描述页面内容的结构。
- 音频和视频元素`<audio>`和`<video>`,以及对应的控制API,使得在网页中嵌入和控制多媒体内容更加方便。
- 表单部分的增强,包括新增的输入类型(如日期、时间、邮箱等)和表单验证功能。
- WebGL、Canvas和SVG的支持,实现更丰富的图形和动画效果。
- 本地存储,如LocalStorage和SessionStorage,提供了在浏览器端存储数据的能力。
- 增强的地理定位、拖拽、离线应用等功能。
3. 请描述一下HTML中的块级元素和内联元素的区别。
- 块级元素:块级元素会独占一行或多行空间,可以设置宽度、高度、外边距和内边距等样式属性。
常见的块级元素包括`<div>`、`<p>`、`<h1>`-`<h6>`等。
- 内联元素:内联元素与其他元素在一行上并排显示,宽度和高度由内容决定,无法设置上述的样式属性。
常见的内联元素包括`<span>`、`<a>`、`<strong>`、`<em>`等。
4. 如何在HTML中嵌入图像?可以使用`<img>`元素来在HTML中嵌入图像,需要设置`src`属性为图像文件的URL,如:```<img src="image.jpg" alt="描述性文本">```其中,`alt`属性指定了在图像无法加载时的替代文本,可以提高可访问性。
前端笔试题及答案
前端笔试题及答案1. HTML/CSS 题目1.1 请解释HTML5中的语义化标签有哪些,并给出至少3个例子。
答案:HTML5中的语义化标签用于定义文档的结构,常见的语义化标签包括`<header>`、`<footer>`、`<article>`、`<section>`、`<nav>`、`<aside>`等。
其中,`<header>`用于定义文档或区段的页眉;`<footer>`用于定义文档或区段的页脚;`<article>`用于定义独立的内容区块。
1.2 CSS选择器有哪些类型?答案:CSS选择器主要有以下类型:- 标签选择器:如`div`、`p`、`span`等。
- 类选择器:如`.className`。
- ID选择器:如`#idName`。
- 属性选择器:如`[type="text"]`。
- 伪类选择器:如`:hover`、`:active`、`:nth-child(n)`等。
- 伪元素选择器:如`::before`、`::after`等。
2. JavaScript 题目2.1 解释JavaScript中的闭包是什么,并给出一个示例。
答案:闭包是一个函数和声明该函数的词法环境的组合。
闭包允许函数访问其定义时的作用域链,即使在其外部调用时。
示例如下:```javascriptfunction outerFunction() {var outerVariable = 'I am outer';function innerFunction() {console.log(outerVariable);}return innerFunction;}var inner = outerFunction();inner(); // 输出:I am outer```2.2 如何在JavaScript中实现深拷贝?答案:实现深拷贝的方法有多种,可以使用递归函数、JSON方法、结构赋值(Object.assign)等。
前端笔试题及答案
前端笔试题及答案一、HTML题目1. 将以下代码填入空白处,使其可以正确引入外部CSS文件。
```html<!DOCTYPE html><html><head><link rel="________" href="styles.css"></head><body><h1>Hello, World!</h1></body></html>```答案:stylesheet2. 根据表格中提供的数据,补全以下HTML代码,显示一个具有行列合并的表格。
```html<table border="1"><th>姓名</th><th>年龄</th><th>国家</th></tr><tr><td rowspan="2">小明</td> <td>20</td><td rowspan="2">中国</td> </tr><tr><td>22</td></tr><tr><td>小红</td><td>19</td><td>美国</td></tr>```答案:```html<table border="1"><tr><th>姓名</th><th>年龄</th><th>国家</th></tr><tr><td rowspan="2">小明</td> <td>20</td><td rowspan="2">中国</td> </tr><tr><td>22</td></tr><td>小红</td><td>19</td><td>美国</td></tr></table>```二、CSS题目1. 请写出一个CSS选择器,选中class 为 "highlight" 的所有 `<p>` 元素,并将它们的字体颜色设置为红色。
前端Js笔试题及答案
前端Js笔试题及答案一、选择题1. 在JavaScript中,以下哪个选项是正确的?A. 变量声明时必须初始化B. 函数声明和函数表达式都可以提升C. 只有全局变量可以提升D. 函数声明可以提升,函数表达式不可以答案:B2. 下列哪个选项不是JavaScript的原始数据类型?A. NumberB. StringC. ObjectD. Boolean答案:C3. 以下哪个方法可以用来获取一个数组中的最大值?A. max()B. sort()C. indexOf()D. reduce()答案:D二、填空题1. 在JavaScript中,使用________关键字可以创建一个全局变量。
答案:var2. 使用________方法可以将一个数组的所有元素连接成一个字符串。
答案:join3. JavaScript中的________对象用于存储和操作日期。
答案:Date三、简答题1. 请解释JavaScript中的闭包是什么?答案:闭包是指一个函数能够访问其定义时的作用域链,即使在其定义的作用域外执行时仍然可以访问。
2. 请描述JavaScript中的原型继承机制。
答案:JavaScript中的原型继承机制是基于原型链的。
每个对象都有一个原型对象,对象可以通过原型链访问其原型对象的属性和方法。
四、编程题1. 编写一个JavaScript函数,接收一个数组作为参数,返回数组中所有偶数的和。
答案:```javascriptfunction sumEvenNumbers(arr) {return arr.reduce((accumulator, currentValue) => {return currentValue % 2 === 0 ? accumulator + currentValue : accumulator;}, 0);}```2. 编写一个JavaScript函数,实现一个简单的深拷贝功能。
计算机笔试真题汇总:前端篇
计算机笔试真题汇总:前端篇一、基础知识专项练习(一)JavaScript1、AngularJS1中指定控制器的是哪个指令?()(点击查看答案>>>>>>>>)A、ng-routeB、ng-templateC、ng-modelD、ng-controller2、要在10秒后调用checkState,下列哪个是正确的()(点击查看答案>>)A、window.setTimeout(checkState, 10);B、window.setTimeout(checkState, 10000);C、window.setTimeout(checkState(), 10);D、window.setTimeout(checkState(), 10000);3、在jquery中指定一个类,如果存在就执行删除功能,如果不存在就执行添加功能,下面哪一个是可以直接完成该功能的?(点击查看答案>>>>>>>>)A、removeClass()B、deleteClass()C、toggleClass(class)D、addClass()4、下面关于块内声明函数的做法哪些是正确的?(点击查看答案>>>>>>>>)A、if (x) { function foo() {}}B、if (x) { var foo = function() {}}C、if (x) { foo = function() {}}D、ECMAScript明确的规范了块内函数,javascript实现了这个规范5、angularjs1中的服务实质上是()(点击查看答案>>>>>>>>)A、网络服务B、单例对象C、接口对象D、函数调用6、如果需要匹配包含文本的元素,用下面哪种来实现?()(点击查看答案>>>>>>>>)A、text()B、contains()C、input()D、attr(name)7、在jquery中,如果想要获取当前窗口的宽度值,下面哪个是实现该功能的?()(点击查看答案>>>>>>>>)A、width()B、width(val)C、widthD、innerWidth()8、angularjs1中使用指令,绑定监听是在什么时候?()(点击查看答案>>>>>>>>)A、compiles时B、link时C、require时D、生成DOM时9、下面符合一个有效的javascript变量定义规则的是?()(点击查看答案>>>>>>>>)A、_$te$t2B、withC、a bcD、2a10、下面关于promise的说法中,错误的是()(点击查看答案>>>>>>>>)A、resolve()和reject都是直接生成一个进入相应状态的promise对象,其参数就是进入相应状态时传递过去的参数,可以在完成回调的参数中得到B、Promise.resolve(value),Promise.reject(reason)是Promise构造器上还直接提供了一组静态方法C、在调用then方法或者catch方法时都是异步进行的,但是执行速度比较快D、Promise构造器的prototype上还有两个方法,分别是then和catch。
web前端开发笔试题及答案
web前端开发笔试题及答案一、单选题(每题2分,共20分)1. HTML5中,用于定义文档类型和字符编码的标签是:A. <!DOCTYPE html>B. <html>C. <head>D. <meta charset="UTF-8">2. 下列哪个属性用于控制图片的宽度?A. srcB. altC. widthD. height3. CSS中,下列哪个属性用于设置元素的背景颜色?A. colorB. backgroundC. background-colorD. fill4. JavaScript中,用于获取当前日期的函数是:A. Date()B. new Date()C. getDate()D. getToday()5. 在JavaScript中,用于实现循环遍历数组的常用方法是:A. forB. whileC. forEachD. map二、多选题(每题3分,共15分)6. 下列哪些是HTML5的新特性?A. 语义化标签B. 表单控件C. 媒体播放D. 画布(Canvas)7. CSS中,哪些属性可以设置元素的边框样式?A. borderB. border-styleC. border-widthD. border-color8. JavaScript中,哪些是常用的数据类型?A. NumberB. StringC. BooleanD. Undefined9. 在JavaScript中,哪些方法可以用于数组元素的添加?A. push()B. unshift()C. splice()D. concat()10. 下列哪些是前端性能优化的方法?A. 压缩CSS和JavaScript文件B. 合并CSS和JavaScript文件C. 使用CDN加速静态资源加载D. 延迟加载非首屏资源三、简答题(每题5分,共10分)11. 请简述HTML和XHTML的主要区别。
前端笔试题整理(附答案)
单选题1.下面哪个不是javascript关键字BA withB parentC classD void2.html中的元素可分为块级(block)元素和行内(inline)元素,下列哪些元素都是块级元素()。
AA.div、ul、p、form、bB.a、p、div、strong、emC.span、ul、li、b、strongD.span、div、ul、li、a3.浮动会导致页面的非正常显示,以下几种清除浮动的方法,哪个是不推荐使用?(C)A.在浮动元素末尾添加一个空的标签例如<div style=”clear:bot h”></div>B.通过设置父元素overflow值为hidden;C.父元素也设置浮动D.给父元素添加clearfix类4.当用户打开一个网页时,想一直停留在当前打开的页面,禁止页面前进和后退,以下正确的是(AD)A.window.history.forward(1);B.window.history.back(1);C.window.history.go(-1);D.window.history.forward(-1);5.Var str1=new RegExp("e");document.write(str1.exec("hello"));以上代码输出结果为(A)A..eB.nullC.1D.其他几项都不对6.使用CSS的flexbox布局,不能实现以下哪一个效果:DA.三列布局,随容器宽度等宽弹性伸缩B.多列布局,每列的高度按内容最高的一列等高C.三列布局,左列宽度像素数确定,中、右列随容器宽度等宽弹性伸缩D.多个宽高不等的元素,实现无缝瀑布流布局6.以下关于canvas 说法正确的是:DA、clearRect(width, height,left, top)清除宽为width、高为height,左上角顶点在(left, 点的矩形区域内的所有内容。
前端笔试题整理(附答案)
单选题1.下面哪个不是javascript关键字BA withB parentC classD void2.html中的元素可分为块级(block)元素和行内(inline)元素,下列哪些元素都是块级元素()。
AA.div、ul、p、form、bB.a、p、div、strong、emC.span、ul、li、b、strongD.span、div、ul、li、a3.浮动会导致页面的非正常显示,以下几种清除浮动的方法,哪个是不推荐使用?(C)A.在浮动元素末尾添加一个空的标签例如<div style=”clear:bot h”></div>B.通过设置父元素overflow值为hidden;C.父元素也设置浮动D.给父元素添加clearfix类4.当用户打开一个网页时,想一直停留在当前打开的页面,禁止页面前进和后退,以下正确的是(AD)A.window.history.forward(1);B.window.history.back(1);C.window.history.go(-1);D.window.history.forward(-1);5.Var str1=new RegExp("e");document.write(str1.exec("hello"));以上代码输出结果为(A)A..eB.nullC.1D.其他几项都不对6.使用CSS的flexbox布局,不能实现以下哪一个效果:DA.三列布局,随容器宽度等宽弹性伸缩B.多列布局,每列的高度按内容最高的一列等高C.三列布局,左列宽度像素数确定,中、右列随容器宽度等宽弹性伸缩D.多个宽高不等的元素,实现无缝瀑布流布局6.以下关于canvas 说法正确的是:DA、clearRect(width, height,left, top)清除宽为width、高为height,左上角顶点在(left, 点的矩形区域内的所有内容。
- 1、下载文档前请自行甄别文档内容的完整性,平台不提供额外的编辑、内容补充、找答案等附加服务。
- 2、"仅部分预览"的文档,不可在线预览部分如存在完整性等问题,可反馈申请退款(可完整预览的文档不适用该条件!)。
- 3、如文档侵犯您的权益,请联系客服反馈,我们会尽快为您处理(人工客服工作时间:9:00-18:30)。
计算机笔试真题汇总:前端篇一、基础知识专项练习(一)JavaScript1、AngularJS1中指定控制器的是哪个指令( )(点击查看答案>>>>>>>>)A、ng-routeB、ng-templateC、ng-modelD、ng-controller2、要在10秒后调用checkState,下列哪个是正确的()(点击查看答案>>)A、(checkState, 10);B、(checkState, 10000);C、(checkState(), 10);D、(checkState(), 10000);3、在jquery中指定一个类,如果存在就执行删除功能,如果不存在就执行添加功能,下面哪一个是可以直接完成该功能的(点击查看答案>>>>>>>>)A、removeClass()B、deleteClass()C、toggleClass(class)D、addClass()4、下面关于块内声明函数的做法哪些是正确的(点击查看答案>>>>>>>>)A、if (x) { function foo() {}}B、if (x) { var foo = function() {}}C、if (x) { foo = function() {}}D、ECMAScript明确的规范了块内函数,javascript实现了这个规范5、angularjs1中的服务实质上是()(点击查看答案>>>>>>>>)A、网络服务B、单例对象C、接口对象D、函数调用6、如果需要匹配包含文本的元素,用下面哪种来实现()(点击查看答案>>>>>>>>)A、text()B、contains()C、input()D、attr(name)7、在jquery中,如果想要获取当前窗口的宽度值,下面哪个是实现该功能的()(点击查看答案>>>>>>>>)A、width()B、width(val)C、widthD、innerWidth()8、angularjs1中使用指令,绑定监听是在什么时候()(点击查看答案>>>>>>>>)A、compiles时B、link时C、require时D、生成DOM时9、下面符合一个有效的javascript变量定义规则的是()(点击查看答案>>>>>>>>)A、_$te$t2B、withC、a bcD、2a10、下面关于promise的说法中,错误的是()(点击查看答案>>>>>>>>)A、resolve()和reject都是直接生成一个进入相应状态的promise对象,其参数就是进入相应状态时传递过去的参数,可以在完成回调的参数中得到B、(value),(reason)是Promise构造器上还直接提供了一组静态方法C、在调用then方法或者catch方法时都是异步进行的,但是执行速度比较快D、Promise构造器的prototype上还有两个方法,分别是then和catch。
这两个方法的参数也是回调函数,这些函数会在Promise实例进入不同状态后被调用。
Then对应到resolve,catch对应到reject(二)HTML/CSS1、CSS 样式,边距: 10px 20px 40px 30px ;()是底边距(点击查看答案>>>>>>>>)A、10pxB、20pxC、40pxD、30px2、下列哪个样式定义后,内联(非块状)元素可以定义宽度和高度()(点击查看答案>>>>>>>>)A、display:inlineB、display:noneC、display:blockD、display:inherit3、<svg> 标签的目的是什么()(点击查看答案>>>>>>>>)A、用来结构化网页B、用可伸缩矢量图来画图或文本C、用css来预格式化图片或文本D、用来插入JavaScript4、下列定义的 css 中,哪个权重是最低的()(点击查看答案>>>>>>>>)A、#gameB、#game .nameC、#game divD、#game .name span5、网页开发中,一般需判断浏览器类型,需通过userAgent中获取浏览器内核来判断,下列说法错误的是()(点击查看答案>>>>>>>>)A、一直到IE9,都是Trident内核B、firefox是Gecko内核C、chrome是webkit内核D、IE是目前最快的浏览器6、以下标签,错误的是()(点击查看答案>>>>>>>>)A、text-left用于左对齐B、text-center水平居中对齐C、text-vertical垂直居中对齐D、text-uppercase可以将字母全部大写7、根据栅格系统的标准用法,错误的是()(点击查看答案>>>>>>>>)A、<div class="container"><br> <div class="row">B、<div class="row"><br> <div class="col-md-1">C、<div class="row"><br> <div class="container">D、<div class="col-md-1"><br><div class= "row">8、在HTML中,()可以在网页上通过链接直接打开邮件客户端发送邮件。
(点击查看答案>>>>>>>>)A、<a”>发送邮件</a>B、<a”>发送邮件</a>C、<a”>发送邮件</a>D、<a”>发送邮件</a>9、下面标签嵌套正确的是()(点击查看答案>>>>>>>>)A、<ul><p>牛客网</p></ul>B、<a href="#"><a href="#">牛客网</a></a>C、<dl><li>牛客网</li></dl>D、<ol><li>牛客网</li></ol>10、关于HTTP协议,下面哪个说法是正确的()(点击查看答案>>>>>>>>)A、HTTP协议是有状态协议。
B、以下是一个Http链接的response 的响应头: GET /xxx/xxx/js/lib/ HTTP/Host: Connection: keep-alive Pragma: no-cache Cache-Control: no-cache Accept: */*C、RESTful 接口中,利用HTTP协议的method字段来描述要对资源操作的方式,比如GET表示获取资源,POST表示新增一个资源,PUT表示更新资源,DELETE 表示删除资源等等。
D、一个HTTP请求返回的HTTP状态码中,304表示临时重定向。
更多专项练习题目二、经典编程试题汇总1、树的子结构(点击实战练习>>>>>>>>>>>>)题目描述:输入两棵二叉树A,B,判断B是不是A的子结构。
(ps:我们约定空树不是任意一个树的子结构)/* function TreeNode(x) {= x;= null;= null;} */function HasSubtree(pRoot1, pRoot2){// write code here2、二叉树中和为某一值的路径(点击实战练习>>>>>>>>>>>>)题目描述:输入一颗二叉树和一个整数,打印出二叉树中结点值的和为输入整数的所有路径。
路径定义为从树的根结点开始往下一直到叶结点所经过的结点形成一条路径。
/* function TreeNode(x) {= x;= null;= null;} */function FindPath(root, expectNumber){// write code here3、机器人的运动范围(点击实战练习>>>>>>>>>>>>)题目描述:地上有一个m行和n列的方格。
一个机器人从坐标0,0的格子开始移动,每一次只能向左,右,上,下四个方向移动一格,但是不能进入行坐标和列坐标的数位之和大于k的格子。
例如,当k为18时,机器人能够进入方格(35,37),因为3+5+3+7 = 18。
但是,它不能进入方格(35,38),因为3+5+3+8 = 19。
请问该机器人能够达到多少个格子4、第一个只出现一次的字符位置(点击实战练习>>>>>>>>>>>>)题目描述:在一个字符串(1<=字符串长度<=10000,全部由字母组成)中找到第一个只出现一次的字符,并返回它的位置。
如果字符串为空,返回-1function FirstNotRepeatingChar(str){// write code here}= {5、翻转单词顺序(点击实战练习>>>>>>>>>>>>)题目描述:牛客最近来了一个新员工Fish,每天早晨总是会拿着一本英文杂志,写些句子在本子上。