web前端求职面试题参考精选(合集)

 

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方法

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

本文来自互联网用户投稿,该文观点仅代表作者本人,不代表本站立场。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如若转载,请注明出处:http://www.hqwc.cn/news/37.html

如若内容造成侵权/违法违规/事实不符,请联系编程知识网进行投诉反馈email:809451989@qq.com,一经查实,立即删除!

相关文章

01 | 一条 SQL 查询语句是如何执行的?

以下内容出自 《MySQL 实战 45 讲》 一条 SQL 查询语句是如何执行的? 下面是 MySQL 的基本架构示意图,从中可以清楚地看到 SQL 语句在 MySQL 的各个功能模块中的执行过程。 大体来说,MySQL 可以分为 Server 层和存储引擎层两部分。 Server …

较旧系统的轻量级的LINUX发行版—FATDOG64

导读我们回顾FatDog64 Linux,这个轻量级的Linux发行版可能不是现代的,但它非常适合于老化的计算机,fatdog64 Linux是一个小而灵活的64位多用户Linux发行版。 有一个Linux发行版几乎每一个都需要,有Linux分布的黑客,天…

Jenkins在Ubuntu的安装问题

使用apt安装没有成功,各种报错。最后使用了离线安装方式。 1、安装jdk。和之前的安装jdk无异,增加一步 添加一个软链接 sudo ln -s /path/to/java/home/bin/java /usr/bin/java 2、下载deb包,然后安装 2.1、前置步骤,安装可能…

点击向数组中添加对象,并判断是否已经包含了重复值

需求&#xff1a;现在有一堆列表&#xff0c;当我每次点击列表的每一项时&#xff0c;希望将此项添加到一个数组中&#xff0c;并且已添加的数据不能再添加 效果图 实现&#xff1a; <!DOCTYPE html> <html lang"zh"> <head><meta charset&quo…

kafka3.x 入门 安装(一)

一、下载地址 http://kafka.apache.org/downloads.html 二、 zookeeper安装教程 https://blog.csdn.net/weixin_43205308/article/details/130426019 三、解压 这里使用的是kafka_2.12-3.0.0.tgz tar -zvxf kafka_2.12-3.0.0.tgz四、修改配置 进入到安装路径的config文件夹下…

chatgpt赋能python:Python选择排序最简单的写法是什么?

Python选择排序最简单的写法是什么&#xff1f; 选择排序是一种简单的排序算法&#xff0c;通常用于小规模数据集的排序。Python是一种广泛使用的脚本语言&#xff0c;也可以用来实现选择排序算法。这篇文章将介绍Python选择排序的最简单写法&#xff0c;并分析其优缺点。 选…

Android设计模式—桥接模式

1.桥接模式 桥接模式是一种结构型设计模式&#xff0c;它通过将抽象部分与实现部分分离来解耦。它使用接口作为桥梁&#xff0c;将一个抽象类与其实现类的代码独立开来&#xff0c;从而使它们可以各自独立地变化。桥接模式的核心思想是“组合优于继承”。 简单来讲&#xff0…

dbca添加实例时无法发现对方主机

有个12.2集群环境&#xff0c;需要添加一个实例&#xff0c;直接图形化启动dbca&#xff0c;第四步时只能发现本机&#xff0c;无法识别到另外一个节点&#xff0c;如下图 通过排查发现是oracle用户的密码过期了&#xff0c;细节如下 [roothydb1 ~]# su - grid Last login: W…

ASCII码完整版对照表,收藏起来以备不时之需

目录 ASCII控制字符对照表 ASCII可显示字符对照表 ASCII扩展字符对照表 ASCII编码即美国信息交换标准代码&#xff08;American Standard Code for Information Interchange&#xff09;是一套共有128个字符的编码&#xff0c;它基于阿拉丁字母&#xff0c;主要作用是用来表…

idea生成serialVersionUID序列号

设置idea file->settings,搜索serialVersionUID&#xff0c;勾选框起来的两项 实体类实现Serializable接口 Data public class User implements Serializable { }鼠标放到类名上 点击提示的uid 生成的uid 结束&#xff01; hy:17 生活是一面镜子&#xff0c;给予我们…

4-移动端适配-2

01-vw适配方案 vw和vh基本使用 vw和vh是相对单位&#xff0c;相对视口尺寸计算结果 vw&#xff1a;viewport width&#xff08;1vw 1/100视口宽度 &#xff09;vh&#xff1a;lviewport height ( 1vh 1/100视口高度 ) vw布局 vw单位的尺寸 px 单位数值 / ( 1/100 视口宽…

【深度学习】6-4 卷积神经网络 - CNN的实现

CNN的实现 网络的构成是“Convolution - ReLU - Pooling -Affine - ReLU - Affine - Softmax”&#xff0c;我们将它实现为名为 SimpleConvNet的类。 首先来看一下 SimpleConvNet的初始化&#xff08;init&#xff09;&#xff0c;取下面这些参数。 input_dim——输入数据的维…