web前端安全工程师面试.docx
- 文档编号:9890261
- 上传时间:2023-05-21
- 格式:DOCX
- 页数:10
- 大小:21.45KB
web前端安全工程师面试.docx
《web前端安全工程师面试.docx》由会员分享,可在线阅读,更多相关《web前端安全工程师面试.docx(10页珍藏版)》请在冰点文库上搜索。
web前端安全工程师面试
竭诚为您提供优质文档/双击可除
web前端安全工程师面试
篇一:
20xx前端面试题(含答案)
xx公司
产品部-前端面试题-答案
产品部beijing
前端开发面试知识点大纲:
html
(2)页面被加载的时,link会同时被加载,而@import引用的css会等到页面被加载完再加载;
(3)import只在ie5以上才能识别,而link是xhtml标签,无兼容问题;
(4)link方式的样式的权重高于@import的权重.
四、浏览器的内核分别是什么
*ie浏览器的内核trident、mozilla的gecko、chrome的blink(webkit的分支)、opera内核原为presto,现为blink;
3/28
五、常见兼容性问题?
*png24位的图片在ie6浏览器上出现背景,解决方案是做成png8.
*浏览器默认的margin和padding不同。
解决方案是加一个全局的*{margin:
0;padding:
0;}来统一。
*ie6双边距bug:
块属性标签float后,又有横行的margin情况下,在ie6显示margin比设置的大。
浮动ie产生的双倍距离#box{float:
left;width:
10px;margin:
000100px;}
这种情况之下ie会产生20px的距离,解决方案是在float的标签样式控制中加入——_display:
inline;将其转化为行内属性。
(_这个符号只有ie6会识别)
渐进识别的方式,从总体中逐渐排除局部。
首先,巧妙的使用“\9”这一标记,将ie游览器从所有情况中分离出来。
接着,再次使用“+”将ie8和ie7、ie6分离开来,这样ie8已经独立识别。
css
.bb{
background-color:
#f1ee18;/*所有识别*/
.background-color:
#00deff\9;/*ie6、7、8识别*/
+background-color:
#a200ff;/*ie6、7识别*/
_background-color:
#1e0bd1;/*ie6识别*/
}
*ie下,可以使用获取常规属性的方法来获取自定义属性,也可以使用getattribute()获取自定义属性;Firefox下,只能使用getattribute()获取自定义属性.解决方法:
统一通过getattribute()获取自定义属性.
*ie下,even对象有x,y属性,但是没有pagex,pagey属性;
Firefox下,event对象有pagex,pagey属性,但是没有x,y属性.
*解决方法:
(条件注释)缺点是在ie浏览器下可能会增加额外的http请求数。
4/28
*chrome中文界面下默认会将小于12px的文本强制按照12px显示,可通过加入css属性
-webkit-text-size-adjust:
none;解决.
超链接访问过后hover样式就不出现了被点击访问过的超链接样式不在具有hover和active了解决方法是改变css属性的排列顺序:
l-V-h-a:
a:
link{}a:
visited{}a:
hover{}a:
active{}
六、html5有哪些新特性、移除了那些元素?
如何处理html5新标签的浏览器兼容问题?
如何区分html和html5?
*html5现在已经不是sgml的子集,主要是关于图像,位置,存储,多任务等功能的增加。
*绘画canvas
用于媒介回放的video和audio元素
本地离线存储localstorage长期存储数据,浏览器关闭后数据不丢失;
sessionstorage的数据在浏览器关闭后自动删除
语意化更好的内容元素,比如article、footer、header、nav、section
表单控件,calendar、date、time、email、url、search
新的技术webworker,websockt,geolocation
*移除的元素-纯表现的元素:
basefont,big,center,font,s,strike,tt,u;
对可用性产生负面影响的元素:
frame,frameset,noframes;
七、支持html5新标签:
*ie8/ie7/ie6支持通过document.createelement方法产生的标签,可以利用这一特性让这些浏览器支持html5新标签,浏览器支持新标签后,还需要添加标签默认的样式:
*当然最好的方式是直接使用成熟的框架、使用最多的是html5shim框架
src="
5/28
篇二:
web前端开发工程师面试题
一、
二、
三、
四、
css..............................................................................................................................................................1html..........................................................................................................................................................3jquery.........................................................................................................................................................3综合............................................................................................................................................................4
一、css
1.css样式表根据所在网页的位置,可分为(b)
a.行内样式表、内嵌样式表、混合样式表
b.行内样式表、内嵌样式表、外部样式表
c.外部样式表、内嵌样式表、导入样式表
d.外部样式表、混合样式表、导入样式表
2.对于标签,其中*代表(c)
a.注释的时候才用上
b.没有这个标签
c.通配符,意思是所有的标签
3.在css中下面哪种方法表示超链接文字在鼠标经过时,超链接文字无下划线(b)
a.a:
link{text-decoRation:
underline}
b.a:
hover{text-decoRation:
none}
c.a:
active{text-decoRation:
blink}
d.a:
visited{text-decoRation:
overline}
4.下面代码片段,说法正确的是:
(b)
.diV1{position:
absolute;
line-height:
22px;
height:
58px;
background-color:
#FF0000;}
a.line-height:
22px;修饰文本字体大小
b.position:
absolute;表示绝对定位,被定位的元素位置固定
c.height:
58px;表示被修饰的元素距离别的元素的距离
d.background-color:
#FF0000;表示被修饰的元素的背景图像
5.用css设置diV的左边为红色实线,下面设置正确的是(c)
a.style=”border-top:
#ff00001solid;”
6.
7.
8.
9.b.style=”border-left:
1,#ff0000,solid;”c.style=”border-left:
1#ff0000solid;”d.style=”border-right:
1,#ff0000,dashed;”下列那个不是css选择符(d)a.pb..tdc.#boxd.shop在css的三种选择符中,哪个优先级最高(c)a.标签选择符b.类选择符号c.id选择符引入样式表的方式有几种答:
引入样式表的方式有两种:
方式一通过link引入,如方法二通过import导入如@import"mystyle.css";
下面哪一个是css3旋转90度的代码(b)
a)transition:
rotate(90deg)
b)transform:
rotate(90deg)
c)transition(rotate(90))
d)transform:
rotate(90)
10.关于csshack正确的是(a,b,c)
a)csshack的目的就是使你的css代码兼容不同的浏览器。
b)“_”下划线是ie6专有的hack
c)“*”星号是ie6和ie7专有的hack
d)!
importantie6可以识别
11.如何用css分别单独定义ie6、7、8的width属性。
所有浏览器通用height:
100px;
ie6专用_height:
100px;
ie6、ie7共用*height:
100px;
ie7专用*+height:
100px;
ie7、FF共用height:
100px!
important;
12.css中哪些属性可以同父元素继承。
所有元素可继承:
visibility和cursor。
内联元素可继承:
letter-spacing、word-spacing、white-space、line-height、color、font、font-family、font-size、font-style、font-variant、font-weight、text-decoration、text-transform、direction。
块状元素可继承:
text-indent和text-align。
列表元素可继承:
list-style、list-style-type、list-style-position、list-style-image。
表格元素可继承:
border-collapse。
二、html
1.在dreamweaver中,在设置各个框架属性时,参数scroll是用来设置(b)属性的。
a.是否进行颜色设置
b.是否出现滚动条
c.是否设置边框宽度
d.是否使用默认边框宽度
2.若将dreamweaver中2个横向相邻的单元格合并,则两单元格中文字会(a)
a.文字合并b.左单元格文字丢失c.右单元格文字丢失d.系统出错
3.下列标签可以不成对出现的是(b)
a.〈html〉〈/html〉
b.〈p〉〈/p〉
c.〈title〉〈/title〉
d.〈body〉〈/body〉
4.关于document对象,下列叙述正确的是(ac)
a)document对象表示浏览器中显示的html文档
b)document对象的常用属性bgcolor用来设置文档的背景图片
c)document对象的常用方法getelementbyid()用于访问唯一的一个元素
d)document对象的常用方法getelementbynames()
5.下面哪一个是html5新增的类型(c)
a)
b)
c)
d)
6.与html4比较,html5废弃了哪些元素(a,b,d)
a)frame
b)applet
c)i
d)big
三、jquery
1.在javascript中,以下哪个变量名是非法的(b)
a)nameb)9namec)name_ad)name9
2.javascript可以在以下什么地方执行(b)
a)服务器端的浏览器
b)客户端的浏览器
c)在服务器端的tomcat容器里
d)在客户端的tomcat容器里
3.在javascript中,(b)变量在函数外声明,并可从脚本的任意位置访问
a)局部b)全局c)typeofd)new
4.关于javascript说法正确的是(b)。
a)它是面向对象的
b)它是基于对象的
c)它是面向过程的
d)以上说法都不正确
5.以下哪条语句会产生运行错误(a,d)
a、varobj=()
b、varobj=[]
c、varobj={}
d、varobj=//
6.在javascript中,下拉列表框的(b)方法可从列表中删除一个元素
a)add()b)Remove()c)Focus()d)blur()
7.请选择结果为真的表达式(c)
a)nullinstanceofobject
b)null===undefined
c)null==undefined
d)nan==nan
8.在javascript中,string对象的方法不包括(d)。
a)charat()
b)substring()
c)touppercase()
d)length//这个是属性不是方法
9.下拉菜单中,用户更改表单元素select中的值时,就会调用(a)事件处理程序。
a)onchange
b)onFocus
c)onmouseover
d)onclick
四、综合
1.目前支持html5和css3的主流浏览器有(b,c,d,e)
a)ie8,ie9,ie10,ie11
b)chrome
c)firefox
d)360浏览器
e)opera
篇三:
网易web前端开发师面试问答的经历
q:
关于公司的期望
a:
我希望第一份工作能有比较大的发展空间,能够长时间的在一个良好的环境中养成良好的习惯。
q:
大学时经历的团队合作
a:
最初的时候谁也不知道应该做什么,就从理论上一点一点的抠出东西来,经过两三次的课程我们的固定团队大致有了自己的开发流程,知道怎么样进行相互间的交流沟通、协作,也能从其他团队的汇报中吸取很多经验与教训。
有的时候我们团队里会加进比较牛的高人,他也会愿意对我们进行额外的指导,大家一起交流想法,各自说出来,再一起逐一分析优劣,最终定下方案。
q:
关于前端的理解
a:
前端开发处于一个猛烈发展的阶段,现在可以说大部分的网站都在关注前端,前端是直接接触用户的部分,它融合了设计、程序还有一些整体的理念,一些优化,包括seo。
很多技术的实现都要通过前端,怎么把这部分做好是非常具有挑战性的事情。
可能四五年前很多人都还在标准的实现上摸索,而现在有一个大家都朝着标准走的大方向,就能够更好的坚持,更好的专注,把前端技术做得更强大。
q:
自己的发展计划
a:
刚毕业的这一两年希望能专注于技术的提高,和适应良好的工作流程——这也是为什么我希望能够在一个发展环境良好的公司工作,锻炼好实践能力,结合公司的产品需求,当然还有一些不断萌发的新技术。
之后会向产品的方向发展,就是前端技术所要实现的目标,因为前端确实是结合很广阔的一个职位。
q:
优缺点
a:
我的优点,自己觉得是比较细心,包括细致的观察还有处理细节上的事情。
我之前在365日历网实习的时候,还有课程小组学习的时候,他们评价我会说我比较可靠,我觉得可能不是那种技术上特别牛什么问题都能解决的,我个人觉得是来自细心和认真负责的态度。
另外后面在九星时代实习的时候,临走上司对我评价是说我抗压学习能力比较强。
当时项目特别急,又有涉及到一些我还不熟悉的技术,所有人都在加班,我也是一边完成任务一边不断在学新的东西,进一步的修缮,把事情做得更好。
缺点的话,我觉得现在对我影响最大的就是想问题常常会有太多顾虑,想要一次性的把问题解决,结果会浪
费很多的时间。
比如说技术面试的时候,很经常遇到考官说一个简单的布局设计让你实现,我有的时候就总会考虑一些没有提到的因素,像是否需要适应变化这类的,就是有些过于计较完美,反而变得优柔寡断了。
这也是有次面试的时候面试官和我提到的。
q:
待遇要求
a:
待遇的话,我觉得并不是很关键,而且我是应届生,我尊重公司对应届生的待遇标准。
我也相信网易的竞争力吧。
这几次面试后,我在网上查了不少别人的评价,觉得网易作为大门户网站,有很好的环境与发展前景,薪水的话能让自己继续活着工作学习发展就够啦。
我
资料来源:
中国教育在线http:
///
一直认为如果公司发展前景不好,现在给很高的工资也不一定就是好事情,而好的公司能够给出符合员工给自己所创造的价值的工资。
3号(周四)下午,面试的时候hR罗叔叔非常温和,常常笑,说话也不是我想象中hR那种咄咄逼人的语速。
问我的问题大约是:
q:
自我介绍包括实习经历
a:
如实汇报
q:
面对过什么样的压力
a:
我先是很囧的说了学数学的事情,后来hR又问,还有其他的吗,我又说了一下做一些课程设计的时候小组遇到的难题,技术和团队协作方面。
其实还想说在九星实习的时候的工作压力,后来觉得这个才是hR最想听的,不过没有机会说了……
q:
解决问题的方法
a:
技术问题的话,先上网查有没有解决的方法,如果不好解决再去请教前辈,一般还是自己先查一些资料,不想为简单的问题就打扰别人。
如果遇到难以解决的问题会请教别人或者和别人一起讨论。
这块回答得有点乱。
q:
为什么想留在北京
a:
家里人也希望我能够独立,能够做自己喜欢的事情,在广阔的空间里发展。
我自己也觉得北京机会更多。
我说完hR叔叔还跟着说了一句,确实比如你在福州,不要说福州吧,就算和上海深圳这样的技术发达城市比,确实北京的机会是更多的。
q:
拿过其他公司的offer吗?
觉得和其他公司比,网易好在哪里?
a:
有过一些,自己不满意的地方,一种是职位不是自己期望的,比如测试或者技术支持,并不是自己第一想要做的事情,我很喜欢前端,也希望自己能在这个领域发展;还有是公司规模不大,像之前hR说的,在网易会有很多个前端工程师来完成一个大任务,我认为这样更能够发挥自己的力量,也能让自己的能力更好的发展,如果在一个小一些的公司,也许做前端的就只有我一个人,发展就会变得狭隘;还有工资问题,有的公司只给出两千五左右的待遇(我没敢说2000,其实之前确实有给我开2000的,怕被hR叔叔鄙视),这样在北京生活会艰难一些。
总的还是觉得发展前景很重要。
然后hR叔叔就接过话说网易确实有很大的发展空间,而且工资的话我看你在登记表上写的跨度很大(我写的是3000-5000,遵从公司对应届生的薪酬标准),这点网易肯定能够让你满意的。
q:
描述一下你的性格
a:
这是我认为我回答得最失败的一个问题,我当时没多想,脱口而出——我性格比较内向,其实我应该说我温柔善良细心负责,之前想了很多关于优缺点的描述,结果也不晓得哪根筋抽抽了,直接说自己内向,接着羞涩的笑笑,接了一句不过我很喜欢和别人讨论问题,觉得一起解决问题是很开心的事情(我想大概是这句话救了我==?
)
资料来源:
中国教育在线http:
///
资料来源:
中国教育在线http:
///
- 配套讲稿:
如PPT文件的首页显示word图标,表示该PPT已包含配套word讲稿。双击word图标可打开word文档。
- 特殊限制:
部分文档作品中含有的国旗、国徽等图片,仅作为作品整体效果示例展示,禁止商用。设计者仅对作品中独创性部分享有著作权。
- 关 键 词:
- web 前端 安全工程师 面试
![提示](https://static.bingdoc.com/images/bang_tan.gif)