网页设计前端面试题集合
前端是网页设计过程中一个重要的组成部分,那么在面试网页设计师的时候,往往会遇到前端试题操作,以下是小编为大家搜索整理的网页设计前端面试题集合,希望能给大家带来帮助!更多精彩内容请及时关注我们应届毕业生考试网!
10.简述一下你对HTML语义化的理解?
用正确的标签做正确的事情。
html语义化让页面的内容结构化,结构更清晰,便于对浏览器、搜索引擎解析;
即使在没有样式CSS情况下也以一种文档格式显示,并且是容易阅读的;
搜索引擎的爬虫也依赖于HTML标记来确定上下文和各个关键字的权重,利于SEO;
使阅读源代码的人对网站更容易将网站分块,便于阅读维护理解。
1.介绍js的基本数据类型
2.js有哪些内置对象?
3.this对象的理解
this总是指向函数的直接调用者(而非间接调用者);
如果有new关键字,this指向new出来的那个对象;
在事件中,this指向触发这个事件的对象,特殊的是,IE中
它的功能是把对应的字符串解析成JS代码并运行;
应该避免使用eval,不安全,非常耗性能(2次,一次解析成js语句,一次执行)。
5.DOM怎样添加、移除、移动、复制、创建和查找节点
// 添加、移除、替换、插入
insertBefore() //在已有的子节点前插入一个新的子节点
(IE容错能力较强,会得到一个数组,其中包括id等于name值的)
null是一个表示"无"的对象,转为数值时为0;undefined是一
个表示"无"的原始值,转为数值时为NaN。
(1)变量被声明了,但没有赋值时,就等于undefined。
(2) 调用函数时,应该提供的参数没有提供,该参数等于undefined。
(3)对象没有赋值的属性,该属性的值为undefined。
(4)函数没有返回值时,默认返回undefined。
(1) 作为函数的参数,表示该函数的参数不是对象。
(2) 作为对象原型链的终点。
7.new操作符具体干了什么呢?
(1)创建一个空对象,并且 this 变量引用该对象,
同时还继承了该函数的原型。
(2)属性和方法被加入到 this 引用的对象中。
(3)新创建的对象由 this 所引用,并且最后隐式的返回 this 。
量级的数据交换格式。它是基于JavaScript的一个子集。
数据格式简单, 易于读写, 占用带宽小。
apply()函数有两个参数:第一个参数是上下文,第二个
参数是参数组成的数组。如果上下文是null,则使用全局对象代替。
call()的第一个参数是上下文,后续是实例传入的参数序列。
1.HTTP状态码知道哪些?
100 Continue 继续,一般在发送post请求时,已发送了
http header之后服务端将返回此信息,表示确认,之后发送具体参数信息
200 OK 正常返回信息
201 Created 请求成功并且服务器创建了新的资源
202 Accepted 服务器已接受请求,但尚未处理
304 Not Modified 自从上次请求后,请求的网页未修改过。
400 Bad Request 服务器无法理解请求的格式,客户端不应当尝试再次使用相同的内容发起请求。
2.你有哪些性能优化的方法?
小控制合适;网页Gzip,CDN托管,data缓存 ,图片服务器。
(2) 前端模板 JS+数据,减少由于HTML标签导致的带宽浪费,
前端用变量保存AJAX请求结果,每次操作本地变量,不用请求,减少请求次数
(4) 当需要设置的样式很多时设置className而不是直接操作style。
(5) 少用全局变量、缓存DOM节点查找的结果。减少IO读取操作。
(7) 图片预加载,将样式表放在顶部,将脚本放在底部 加上时间戳。
3.什么叫优雅降级和渐进增强?
优雅降级:Web站点在所有新式浏览器中都能正常工作,如果用户使
用的是老式浏览器,则代码会检查以确认它们是否能正常工作。
由于IE独特的盒模型布局问题,针对不同版本的IE的hack实践
过优雅降级了,为那些无法支持功能的浏览器增加候选方案,
使之在旧式浏览器上以某种形式降级体验却不至于完全失效.
渐进增强:从被所有浏览器支持的基本功能开始,逐步地添加那些
只有新式浏览器才支持的功能,向页面增加无害于基础浏览器的额
外样式和功能的。当浏览器支持时,它们会自动地呈现出来并发挥作用。
4.哪些常见操作会造成内存泄漏?
内存泄漏指任何对象在您不再拥有或需要它之后仍然存在。
垃圾回收器定期扫描对象,并计算引用了每个对象的其他对象的数量。
如果一个对象的引用数量为 0(没有其他对象引用过该对象),
或对该对象的惟一引用是循环的,那么该对象的内存即可回收。
setTimeout 的.第一个参数使用字符串而非函数的话,会引发内存泄漏。
闭包、控制台日志、循环(在两个对象彼此引用且彼此保留时,就会产生一个循环)
5.线程与进程的区别
一个程序至少有一个进程,一个进程至少有一个线程.
线程的划分尺度小于进程,使得多线程程序的并发性高。
另外,进程在执行过程中拥有独立的内存单元,而多个线程共享内存,
从而极大地提高了程序的运行效率。
线程在执行过程中与进程还是有区别的。每个独立的线程有一个程
序运行的入口、顺序执行序列和程序的出口。但是线程不能够独立
执行,必须依存在应用程序中,由应用程序提供多个线程执行控制。
从逻辑角度来看,多线程的意义在于一个应用程序中,有多个执行
部分可以同时执行。但操作系统并没有将多个线程看做多个独立的
应用,来实现进程的调度和管理以及资源分配。这就是进程和线程
前端开发工程师面试题 Javascript
1. 要动态改变层中内容可以使用的方法有(AB )
c)通过设置层的隐藏和显示来实现
d)通过设置层的样式属性的display属性
3. 在javascript里,下列选项中不属于数组方法的是(B);
4. 下列哪一个选项可以用来检索被选定的选项的索引号?(B)
5. 希望图片具有”提交”按钮同样的功能,该如何编写表单提交?(A )
a)在图片的onClick事件中手动提交
c)在图片的onSubmit事件中手动提交
d)在表单中自动提交
6. 使div层和文本框处在同一行的代码正确的是(D );
7. 下列选项中,描述正确的是(选择两项) 。( AD )
c)new Option(‘a’,'A’)中’a'表示列表选项的值,’A'用于在页面中显示
d)new Option(‘a’,'A’)中’A'表示列表选项的值,’a'用于在页面中显示
以下答案中能与for循环代码互换的是: (选择一项)。(D )
9. 制作级联菜单功能时调用的是下拉列表框的(A )事件。
10. 下列声明数组的语句中,错误的选项是( C )。
11. 下列属性哪一个能够实现层的隐藏?(C )
13. 下列哪项是按下键盘事件(AB )
a)把用户的正确信息提交给服务器
b)检查提交的数据必须符合实际
c)使得页面变得美观、大方
d)减轻服务器端的压力
b)使用时返回值都是字符串
c)都是返回以像素为单位的数值
17. 使用open方法打开具有浏览器工具条,地址栏,菜单栏的窗口,下列选项正确的是__D__
18. 下面关闭名为mydiv的层的代码正确的是(C )
大大减少页面代码,提高页面浏览速度
结构清晰,有利于SEO
缩短改版时间, 布局更方便
一次设计,多次使用
20. Block元素的特点是什么?哪些元素默认为Block元素
总是在新行上开始;
高度,行高以及顶和底边距都可控制;
宽度缺省是它的容器的100%,除非设定一个宽度
是块元素的有:,,
和其他元素都在一行上;
高,行高及顶和底边距不可改变;
宽度就是它的文字或图片的宽度,不可改变。
a)程序循环执行10次
b)Check函数每10秒执行一次
c)10做为参数传给函数check
d)Check函数每10毫秒执行一次
本文总结了一些优质的前端面试题(多数源于网络),初学者阅后也要用心钻研其中的原理,重要知识需要系统学习,透彻学习,形成自己的知识链。万不可投机取巧,只求面试过关是错误的!
面试有几点需注意:
面试题目: 根据你的等级和职位变化,入门级到专家级:范围↑、深度↑、方向↑。
题目类型: 技术视野、项目细节、理论知识题,算法题,开放性题,案例题。
进行追问: 可以确保问到你开始不懂或面试官开始不懂为止,这样可以大大延展题目的区分度和深度,知道你的实际能力。因为这种关联知识是长时期的学习,绝对不是临时记得住的。
回答问题再棒,面试官(可能是你的直接领导面试),会考虑我要不要这个人做我的同事?所以态度很重要。(感觉更像是相亲)
资深的工程师能把 absolute 和 relative 弄混,这样的人不要也罢,因为团队需要的你这个人具有可以依靠的才能(靠谱)。
前端开发面试知识点大纲:
对Web标准的理解、浏览器内核差异、兼容性、hack、CSS基本功:布局、盒子模型、选择器优先级及使用、HTML5、CSS3、移动端适应
数据类型、面向对象、继承、闭包、插件、作用域、跨域、原型链、模块化、自定义事件、内存泄漏、事件机制、异步装载回调、模板引擎、Nodejs、JSON、ajax等。
HTTP、安全、正则、优化、重构、响应式、移动端、团队协作、可维护、SEO、UED、架构、职业生涯
作为一名前端工程师,无论工作年头长短都应该必须掌握的知识点:
1、DOM结构 —— 两个节点之间可能存在哪些关系以及如何在节点之间任意移动。
2、DOM操作 ——如何添加、移除、移动、复制、创建和查找节点等。
3、事件 —— 如何使用事件,以及IE和标准DOM事件模型之间存在的差别。
4、XMLHttpRequest —— 这是什么、怎样完整地执行一次GET请求、怎样检测错误。
5、严格模式与混杂模式 —— 如何触发这两种模式,区分它们有何意义。
6、盒模型 —— 外边距、内边距和边框之间的关系,及IE8以下版本的浏览器中的盒模型
7、块级元素与行内元素 —— 怎么用CSS控制它们、以及如何合理的使用它们
8、浮动元素——怎么使用它们、它们有什么问题以及怎么解决这些问题。
9、HTML与XHTML——二者有什么区别,你觉得应该使用哪一个并说出理由。
10、JSON —— 作用、用途、设计结构。
【网页设计前端面试题集合】相关文章: