web前端求职面试题参考精选（合集）

小鱼儿 2024-03-17 12:32 79阅读 0赞

![62877f895dbb4c859594adf57e5935d8.bmp][]

**web前端求职面试题之选择题**

1. CSS样式表根据所在网页的位置，可分为?(B )

A.行内样式表、内嵌样式表、混合样式表

B.行内样式表、内嵌样式表、外部样式表

C.外部样式表、内嵌样式表、导入样式表

D.外部样式表、混合样式表、导入样式表

2. 对于标签，其中\*代表( C )

A. 注释的时候才用上

B. 没有这个标签

C. 通配符，意思是所有的标签

3. 请选出所有的置换元素()(多选)

A. img B. input C. textarea D. select

4.下面哪条声明能固定背景图片()

A. background-attachment:fixed;

B. background-attachment:scroll;

C. background-origin: initial;

D. background-clip: initial;

5.下列说法正确的是()(多选)

A.display: none;不为被隐藏的对象保留其物理空间;

B.visibility:hidden;所占据的空间位置仍然存在,仅为视觉上的完全透明;

C.visibility:hidden;产生reflow和repaint(回流与重绘);

D.visibility:hidden;与display: none;两者没有本质上的区别;

6.以下关于盒子模型描述正确的是()

A.标准盒子模型中：盒子的总宽度 = 左右margin + 左右border + 左右padding + width

B.IE盒子模型中：盒子总宽度 = 左右margin + 左右border + width

C.标准盒子模型中：盒子的总宽度 = 左右margin + 左右border + width

D.IE盒子模型中：盒子总宽度 = width

7.英文字母全部转为大写正确的是()

A. text-transform: capitalize;

B. text-transform: lowercase;

C. text-transform: uppercase;

D. font-weight: bold;

8. 页面有一个按钮button id为 button1，通过原生的js如何禁用?( )(多选)

A.document.getElementById("button1").readolny= true;

B.document.getElementById("button1").setAttribute("readolny","true");

C.document.getElementById("button1").disabled = true;

D.document.getElementById("button1").setAttribute("disabled","true");

9.页面有一个按钮button id为 button1，通过原生的js 设置背景色为红色?().

A. document.getElementById('button1').style.backgroundColor="red";

B. document.getElementById('button1').style.backgroundcolor="red";

C. document.getElementById('button1').style.backGroundColor="red";

D. document.getElementById('button1').style.bgcolor="red";

10.使用CSS来格式化网页，共有三种方式，以下哪一种不是().

A. 在HEAD中引用

B. 作为标记来引用

C. 在BODY中引用

D. 作为文件来引用

11.下述有关border:none以及border:0的区别，描述错误的是?( )(多选)

A. border:none表示边框样式无

B. border:0表示边框宽度为0

C. 当定义了border:none，即隐藏了边框的显示，实际就是边框宽度为0

D. 当定义边框时，仅设置边框宽度也可以达到显示的效果

12.iframe的使用场景有?()

A. 与第三方域名下的页面共享cookie

B. 上传图片，避免当前页刷新

C. 左边固定右边自适应的布局

D. 资源加载

13.关于css hack正确的是(A,B,C)

a) CSS hack的目的就是使你的CSS代码兼容不同的浏览器。

b)“\_”下划线是IE6专有的hack

c)“\*”星号是IE6和IE7专有的hack

d) !important IE6可以识别

14. 在网站上添加链接使用的标签是()

A. title标签

B. img标签

C. meta标签

D. a标签

15.通过分析如下HTML代码，可以得出( )(多选)

A. 该表格共有2行3列

B. 该表格中的文字均居中显示

C. 该表格的边框宽度为10毫米

D. "员工号"单元个跨2列

**web前端求职面试题之填空题**

16.CSS中的\_\_\_\_\_\_\_\_属性可为元素设置外边距，改变元素的内填充用\_\_\_\_\_\_属性。

17.对ul li的样式设成无，应该是用什么属性\_\_\_\_\_\_\_\_\_\_\_\_\_\_。

18.合理的页面布局中常听过结构与表现分离，那么结构是\_\_\_\_\_\_\_\_，表现是\_\_\_\_\_\_\_\_。

19.在Table中，TR是\_\_\_\_\_\_\_\_，TD是\_\_\_\_\_\_\_\_。

**web前端求职面试题之问答题**

20.写出三个javascript中使用this关键字的典型应用场景。

21.写一段JS代码：判断字符串是否是这样组成的，第一个必须是字母，后面可以是字母、数字、下划线，总长度为5-20。

22.AJAX的全称是什么，AJAX技术体系的组成部分有哪些?

23.请介绍一下XMLhttprequest对象。

24.请列举五个常用的Javascript DOM[方法][Link 1]。

25.Javascript常用的库有哪些，你的开发经历中使用过哪些?

**web前端设计师的主要职责说明**

**web前端设计师的主要职责说明1**

职责：

1. 根据UI设计师提供的设计图，实现一流的Web界面，优化代码并保持在各浏览器下良好的兼容性;

2. Web前端表现层及与后端交互的架构设计和开发;

3. JavaScript程序模块开发，通用类库、框架编写;

4. 配合后台开发人员实现产品界面和功能;

5. 对完成的页面进行维护和对网站前端性能做相应的优化。

岗位要求

1. 1年以上Web前端开发经验，要求有较高的JavaScript语言驾驭能力，能够进行面向对象/组件的前端设计和开发;

2. 要求有较强的页面制作功底(美工经验等)，并有一定的页面审美意识;

3. 精通XHTML/HTML、CSS/CSS3、JavaScript等前端相关技术，熟悉HTML5/XML、W3C标准;了解Ajax、JQuery语言和技术;

4. 对各种浏览器的兼容性有一定了解，并有相关问题的解决经验;

5. 熟悉DIV+CSS/YUI/MOOTOOLS/DOJO框架和布局;

6. 熟练掌握photoshop/fireworks、dreamwaver等图像处理, 网页设计软件;

7. 良好的代码书写风格。

**web前端设计师的主要职责说明2**

职责：

1、负责企业网站的网页制作，网站页面优化;

2、负责网站整体架构的设计和网站风格的把握;

3、有一定的前端技术更好，协助项目经理处理客户与用户反馈的问题与建议收集;

4、协助项目经理对新产品的开发与市场与市场与用户需求进行分析;

任职要求：

1、专业设计，前端等相关专业本科以上学历;

2、资深网民，热爱互联网，对各类互联网站及移动端产品都有较深的理解;

3、精通photoshop、Axure、mockplus等软件，熟悉网页制作流程，了解前端代码制作规范优先;

4、良好的沟通能力，沟通交流技巧，团队协作能力，能够承受工作压力，工作认真细心，有责任心

**web前端设计师的主要职责说明3**

职责：

1、负责公司Web端及移动端页面设计及开发工作;

2、根据所用的前端的框架参与需求的设计，配合设计人员制定特定功能解决方案;

3、根据需求开发前端交互功能的实现和与后台数据接入及调试;

4、持续的优化前端体验和页面响应速度，并保证兼容性和执行效率。

任职要求：

1、计算机相关专业专科及以上学历，两年以上互联网Web前端相关开发经验;

2、熟悉HTML5特性，能熟练运用HTML5、CSS3、进行合理的PC端网页制作和构建移动端的WebApp;

3、熟悉掌握HTML HTML5 XML CSS CSS3 Javascript ES6 JSON AJAX等前端开发技术、理解前端组件化的开发思想;

4、熟悉和掌握任意两种JQuery、ReactJS、Vue.js等Javascript主流开发架构和框架;

5、有微信小程序和微信公众号开发经验者优先考虑;

6、熟悉交互设计，对可用性、可访问性等用户体验知识有相当的了解和实践经验;

7、从技术和业务角度主动挖掘产品特性，并利用自身设计能力主动提出解决方案;

8、强烈的责任心和团队合作能力，良好的学习能力，逻辑思维能力并且敢于创新和接受挑战。

**web前端设计师的主要职责说明4**

职责

1、负责Web前端界面设计,负责产品整体前端框架的搭建;

2、实现产品页面特效开发，保证实现界面和视觉设计一致，优化代码并保持良好兼容性;

3、负责将设计图转化成页面，并实现页面动态效果，并配合后端程序员嵌入数据;

4、负责页面前端部分的维护，优化工作,Javascript数据处理;

5、设计不同种类的线上产品或元素，如门户网站，移动门户，UI设计等。

任职资格

1、熟练Photoshop/Dreamweaver/Illustrator等工作软件，掌握网站设计的制作技巧;

2、精通W3C标准、HTML/XHTML、CSS、JavaScript、AJAX、JSON、XML等技术;

3、掌握XHTML、DIV、CSS，对W3C有较深理解，熟悉页面架构和布局,使用js完成一些动态交互;

4、精通html5，能进行移动网站设计和制作，熟悉前端性能优化、用户体验、交互设计;

5、有跨浏览器开发经验，理解不同浏览器之间的差异，写出代码具有良好的兼容性;

6、使用过HTML5，CSS3等相关技术者优先，有大型门户网站、电商前台开发经验者优先;

7、爱好WEB编程，具备良好的服务意识、责任心、较强的学习能力、优秀的团队沟通与协作能力。

**web前端设计师的主要职责说明5**

职责：

1、负责web前端系统和功能的开发、调试和维护;

2、负责与设计人员和程序人员的沟通;

3、前端技术框架和js等互动效果开发;

任职要求：

1、本科学历，具有2年以上的Web前端开发经验;

2、熟练使用html/css/JavaScript，会切图，熟悉页面架构及布局，代码合理、清晰、规范，实现web端的界面效果、交互和功能;

3、精通Javascript前端开发，熟悉jQuery,BootStrap，JQueryMoblie，SenchaTouch,iWebkit等常用框架经验者优先;

4、了解HTML5最新规范，能够熟练运用THML5特性构建移动端的webApp，了解H5的离线存储机制，了解响应式开发;

5、有android、ios、ipad等智能手机和平板开发经验优先考虑;

6、熟悉基于ajax或json技术的应用开发。

7、具有良好的服务意识、责任心、较强的学历能力、优秀的团队沟通与协作能力;

**web前端设计师的工作内容**

**web前端设计师的工作内容1**

职责：

1.公司产品web端的制作、开发和优化;

2.根据设计稿，编写静态页面和交互、特效等功能的脚本程序;

3.开发基于HTML5技术的可灵活定制、可拓展的前端UI组件;

4.开发、维护、扩展前端代码框架;

5.跟踪研究前沿的前端技术，并应用到公司的产品开发中。

任职要求：

1.两年以上工作经验，了解各种web前端技术，对符合web标准的网站重构有经验;

2.熟练掌握DIV+CSS网页布局，并且对模板化、模块化有一定理解，精通HTML\\HTML5、CSS\\CSS3等前端开发技术;

3.熟练掌握JavaScript语言核心技术DOM、BOM、Ajax、JSON等，对JavaScript框架(如prototype/jQuery/YUI等)有一定的经验;

4.对CSS/JavaScript性能优化、解决多浏览器兼容性问题有一定的经验;

5.熟悉浏览器渲染性原理，精通各种前端调试工具，对页面性能和浏览器兼容有丰富的实践经验;

6.对用户体验、交互操作流程、及用户需求有一定了解;

7.理解web标准，对可用性、可访问性等相关知识有一定的了解和实践经验;

8.具备良好的责任心、逻辑思维强、善于交流和表达、较强的学习能力、优秀的团队沟通和协作能力;

**web前端设计师的工作内容2**

职责

1.设计不同种类的线上产品或元素，如门户网站，课程网站，移动端网站设计等;

2.根据UI设计图，实现Web界面，优化代码并保持在各浏览器下良好的兼容性;

3.负责页面前端部分的维护，优化工作，Javascript数据处理，并配合后端程序员嵌入数据;

4.对完成的页面进行维护和对网站前端性能做相应的优化。

任职资格

1.1年以上Web前端开发经验，要求有较高的JavaScript语言驾驭能力，能够进行面向对象/组件的前端设计和开发;

2.要求有较强的页面制作功底(美工经验等)，并有一定的页面审美意识;

3.熟练掌握photoshop/fireworks、dreamwaver等图像处理, 网页设计软件;

4.精通W3C标准、HTML5、CSS、JavaScript、AJAX、JSON、XML等技术;

5.熟悉页面架构和布局，能使用js完成一些时下流行的动态交互;

6.能够运用H5进行移动端网站设计和制作，熟悉前端性能优化、用户体验、交互设计;

7.良好的代码书写风格，写出代码具有良好的兼容性;

8.有大型门户网站、电商前台开发经验者优先;

9.具备良好的服务意识、责任心、较强的学习能力、优秀的团队沟通与协作能力。

**web前端设计师的工作内容3**

职责：

1、负责web前端开发、调试和维护;

2、负责界面构建、兼容、优化，与设计人员和开发人员的协同配合，研究并改善用户体验;

3、设计及实现前后端的数据交互，对代码质量及进度负责;

4、负责维护和改进前端技术平台，维护前端工具链、前端技术组件;

5、工作认真细致，有责任心，有激情，具有良好的团队协作精神;

任职要求：

1、熟悉主流前端框架，如React、Vue等，使用vs code 者优先 ，熟悉常用的算法思想，设计模式，解决问题能力强;

2、精通HTML5、CSS3等开发基础网页制作开发技术，及移动端H5响应式页面开发，实现各种交互效果，并兼容PC端及移动端各种浏览器，精通响应式;

3、精通JavaScript.对JavaScript、Ajax异步编程、组件化开发有较为深入的理解，熟悉es6, es2016, http协议，tcp/ip，restful风格;

4、熟悉 mysql ，sql等存储组件的使用和基本原理，熟悉浏览器cookie、Local Storage等本地存储技术;

5、编写文档，设计框架与后端配合;

**web前端设计师的工作内容4**

职责：

1、能根据设计稿设计的需求，使用HTML+CSS+JS实现网页代码的开发;

2、熟练使用JS、HTML进行交互效果、响应式的开发;

3、保证代码的浏览器兼容性;

4、配合程序员完善页面功能等的其他工作、与后台开发人员保持良好沟通 ;

要求：

1、本科或以上正规院校学历，网络或计算机相关专业优先;

2、熟练掌握Web前端技术，精通(X)HTML、DIV，CSS、Ajax、JavaScript与JQuery;

3、熟悉Firefox，Google Chrome，IE7-10的特性和兼容性，能够编写符合W3C标准、兼容多种浏览器的前端页面代码;

4、两年以上工作经验，有良好的代码编写风格、沟通能力。

**web前端设计师的工作内容5**

职责：

1.负责网站页面的整体美工创意、设计与制作;

2.负责网站策划，进行相应的专题页面开发及制作;

3.负责网站中广告、图片、海报以及产品图片的设计制作;

4.负责网站活动专题的版面策划、设计;

5.负责网站各类宣传(广宣品)等等的美术创意及视觉设计;

6.其他广宣品平面设计。

技能要求：

1.精通photoshop、dreamweaver等工作软件，掌握网站设计的制作技巧;

2.能熟练应用div css进行网页排版布局，能够使用js完成一些动态交互;

3.对主流开发语言有一定了解(如php)，能与程序员沟通合作;

4.精通html5，能进行移动网站设计和制作;

5.优秀的审美能力，独特的创意，较强的平面设计和网页设计创意能力;良好的沟通与协调能力;

6.具有良好的团队精神;

7.计算机相关专业及有大型网站前端开发和美工设计经验者优先。

[62877f895dbb4c859594adf57e5935d8.bmp]: https://image.dandelioncloud.cn/pgy_files/images/2024/03/15/3331f048fd35406e898c2be94676ae2d.png
[Link 1]: http://www.xuexila.com/way/

web前端求职面试题参考精选（合集）

发表评论取消回复

还没有评论，来说两句吧...

相关阅读

相关互联网求职季--大厂面试题合集（3）

相关互联网求职季--大厂面试题合集（2）

相关互联网求职季--大厂面试题合集（1）

相关 web前端求职面试题参考精选（合集）

相关「前端精选面试题」 - （一）

相关帮你总结web前端校招面试题合集，成功拿下offer

相关 MySQL面试题合集！

相关 2021Web前端人事面试题总结精选

相关【求职必备】面试杀手题大合集！逢面必过！

相关 Jupyter精选资源合集