ACAA认证前端工程师参考样题
1)构成一个网页的两个最基本的元素？
1.文字和图片
2.音乐和链接
3.图片和链接
4.动画和音乐
参考答案：1
2)下列哪个是区段标签：
1.
2.
3.
4.
参考答案：1,2
3)下列哪项可以作为a标签中target属性的值：
1._content
2._valign
3._blank
4._self
参考答案：3,4
4)
1.表单下拉框标签
2.窗口帧技术
3.表格标题
4.没有这个标签
参考答案：3
5)关于
2.属性：rows=“” cols=“” 值只可以是百分比或是具体的数字
3.border=“” 从5开始指定，代表边框的宽度。不同浏览器展示效果不同
4.frameborder=“” 1表示没有边框，0表示有边框
参考答案：2,4
6)下列优先级最低的是：
1．继承的样式
2．后代选择器
3．类选择器
4．通用选择器
7)下列对行内块级元素描述正确的是：
1.有行元素的属性即：可以设置宽高
2.有块元素的属性即：不会独占一行
3. 还有表单元素属于行内块级元素
4.Html中这种元素比较多
8)下列哪项描述是不正确的
1.浮动的元素只有碰到了另一个浮动的元素才会停止
2.多个盒子都浮动后，就产生了块级元素水平排列的效果
3.多个浮动元素不会相互覆盖
4.若包含的容器太窄，无法容纳水平排列的多个浮动元素，那么最后的浮动盒子会向下移动
9)关于animation-timing-function 下列说法正确的是？
1.linear 默认动画，动画从头到尾的速度是相同的
2.ease 默认动画，动画以低速开始，然后加快，在结束前变慢
3.cubic-bezier(n,n,n,n)，在 cubic-bezier 函数中自己的值。可能的值是从 0 到 100 的数值
4.ease-in 动画以低速结束
参考答案：2
10)在jquery中指定一个类，如果存在就执行删除功能，如果不存在就执行添加功能，下面哪一个是可以直接完成该功能的：
1.removeClass()
2.deleteClass()
3.toggleClass(class)
4.addClass()
11)下列哪项可以是each函数中的参数？
1.字符串
2.需要遍历的数组
3.需要遍历的对象
4.变量
参考答案：2，3
12)执行$(“#ABC”).html()和$(“ABC”).text()后得到其值都为”XYZ”，则下面基于上述事实的描述正确的是()【网页中id为ABC的HTML标记唯一】
1.执行$(“#ABC”).html($(“#ABC”).html())后，则ID为ABC对应的标记内容将变为空
2.执行$(“#ABC”).html(“ABC”+$(“#ABC”).html())后，则ID为ABC对应的标记将会在原
内容之前添加”ABCXYZ”
3.执行$(“#ABC”).html(“ABC”+$(“#ABC”).html())后，则ID为ABC对应的标记将会变
成”ABCXYZ”
4.执行$(“#ABC”).html($(“#ABC”).html()+”ABC”)后，则ID为ABC对应的标记将会变
13)下面哪一种不属于Jquery的选择器？
1.基本选择器
2.层次选择器
3.表单选择器
4.节点选择器
参考答案： 4
14)JS语句var a1=10; var a2=20;alert(“a1+a2=”+a1+a2) 将显示
1.a1+a2=30
2.a1+a2=1020
3.a1+a2=a1+a2
4.a1+a2=10+20
15)在HTML页面上，当按下键盘上的任意一个键时都会触发Javascript的（）事件：
1.onFocus
2.onBlur
3.onSubmit
4.onKeyDown
参考答案：4
16)分析下面的Javascript代码段，输出结果是
var mystring=”I am a student”;var a=mystring.substring(9,13); document.write(a);
1.stud
2.tuden
3.uden
4.udent
17)以下( )表达式产生一个0~7之间(含0,7)的随机整数：
1.Math.floor(Math.random()*6)
2.Math.floor(Math.random()*7)
3.Math.floor(Math.random()*8)
4.Math.ceil(Math.random()*8)
18)下面关于JavasSript的描述，错误的是：
1.目前几乎所有浏览器都默认支持JavaScript程序
2.通过浏览器设置，可以禁止JavaScript程序的运行
3.在网页中使用JavaScript程序，仅能在Script标记对间
4.JavaScript程序可以保存在一个独立的文件中，通过Script标记的Src属性引用该文件
19)var foo = “11”+2-“1”;console.log(foo);console.log(typeof foo);输出结果是：
1.1121 string
2.1121 number
3.111 number
4.111 string
20)下列关于获得节点信息的属性，正确的是：
1.元素节点.nodeValue==标签名
2.文档节点.nodeValue==文本
3.属性节点.nodeType==2
4.文本节点.nodeType==9
21)关于事件流，下列说法正确的是
1.冒泡型事件(IE不支持 w3c标准 火狐)由明确的事件源到最不确定的事件源依次向上触发
2.获得目标事件源的对象IE： 事件对象.srcElement；FF: 事件对象.target
3.捕获型事件(所有的浏览器都支持)不确定的事件源到明确的事件源依次向下触发
4.阻止事件流FF:事件对象.cancelBubble=true;IE: 事件对象.stopPropagation()
22)JavaScript预解析最先执行的是？
1.解析代码运行的环境
2.块依次解析
3.先解析外部的JavaScript代码
4.对标识符(关键字)(var function )进行解析，解析到相应的环境下
23)下列属于流程控制的有
1.顺序结构
2.倒序结构
3.选择结构
4.循环结构
参考答案：1,3,4
24)JavaScript数据类型不包括：
1.number
2.function
3.string
4.array
25)如何去掉文本超级链接的下划线：
1.a{text-decoration:no underline}
2.a{underline:none}
3.a{decoration:no underline}
4.a{text-decoration:none}
26)关于resize属性的值，下列哪些是正确的？
1.normal
2.horizontal
3.align
4.both
27)以下说法中，正确的是：
1.在 IMG 标记符中使用 align 属性，可以控制图象在页面中的对齐
2.在 IMG 标记符中使用 align 属性，可以控制图象与文字的环绕效果
3.在 IMG 标记符中使用 valign 属性，可以控制图象与周围内容的垂直对齐
4.在 IMG 标记符中使用 valign 属性，可以控制图象与周围内容的水平对齐
28)下面关于CSS的描述，错误的是
1.CSS内容可以写在标记内的Style属性中，也可以写在一个外部的CSS文件中
2.CSS内容前后有化括弧({})，每个属性之间用分号分隔，属性与属性值之间用冒号隔开
3.在jQuery中，可以对选中标记进行一个或者多个属性及属性值的设置
4.对于某id属性对应的标记进行CSS定义时，对同一个CSS属性进行了两次设置，将以第一次定
义为准，系统将自动忽略其后相同定义
29)将字串s中的所有字母变为小写字母的方法是：
1.s.toSmallCase()
2.s.toLowerCase()
3.s.toUpperCase()
4.s.toUpperChars()
30)window的哪个方法可以显示输入对话框
1. confirm()
2. alert()
3. prompt()
4. open()
web前端工程师面试经验 篇一 首先面我的是一个豆瓣的前端(后来了解到其实也是做后端的)，问的东西不多，大都是上的内容，没问到具体的技术实现，最后聊了一点儿linux，原来同是ubuntu 饭，并且已追新到9.04 beta。 稍息片刻后是技术总监Flycondor 的第二轮，因为隔壁在开会比较吵(偷听到有关tag 之类的使用问题)，所以转到了有沙发和foosball 的休息区。开篇还是聊简历中的项目，不过问的内容比较宽泛，从工作职能到页面优化技巧、SEO，问答的形式比较轻松，所以不怎么紧张。后来被问到一个比较偏门的问题：豆瓣和新浪首页完整载入后html 代码的大小。我当时的回答是豆瓣20k 左右，新浪
大概5 倍以下，后来觉得豆瓣可能会再小些，新浪的会再臃肿些。刚在家试了下，豆瓣20.8k，新浪395k，还好只是一个对关注度的测试题。后来脱离项目单独问了些关于前端优化的具体问题，因为早前看过一篇Yahoo! 的Best Practices 技术部分的提问算告一段落，但留了一道开放性的作业，问题还是围绕优化，但对象是豆瓣，开始我还想问咋没之类的，现在看来豆瓣做事更效率，与其出一些茅坑儿算法题，不如来真格的对实际项目下手，管你求助朋友查书还是Google，最后写出代码，高低自有公平论断，谁不是边学边实践边提高的。(说说而已了，明天起还得继续动手JS 面向对象部分的实际应用，抽空再多记一些经典算法，谁让俺心目中的盖世大企，还是来应试那一套，茅坑儿题照出呢)，剩下是留给我的提问时间，一般来讲只是走走形式问问部门状况和福利之类的，但毕竟是钟爱的豆瓣，关注和感兴趣的东西自然多些，最后算下来我提问的时间比面我的时间还长，汗～涉及的鸡毛蒜皮的问题比较多就不赘述了，有一个让俺小惊的：豆瓣有12个程序员，其中4个是专做算法的。 去年的时候和一个淘宝UED 的成员聊天，从他的话语中感觉很拜豆瓣的UE;今天在豆瓣看到不少人，只是不知哪些是做UE 的，如果没有专门的前端部门，应该是归到产品部的;没猜错应该就是我隔壁那一拨开完会后一起盒饭的人，ps, 看到一个ppmm，断定不是童颜大龄文艺女青年。
前端工程师面试问题 Web前端开发工程师，主要职责是利用 (X)HTML/CSS/JavaScript/DOM/Flash等各种Web技术进行产品的界面开发。制作标准优化的代码，并增加交互动态功能，开发JavaScript以及Flash模块，同时结合后台开发技术模拟整体效果，进行丰富互联网的Web 开发，致力于通过技术改善用户体验。 ★你用微博吗? →如果用，你都关注那些人? ★你用Github吗? →如果用，你关注的项目有什么? ★你关注的 ___有那些? ★你使用那些版本管理系统，比如Git，SVN等? ★你常用的开发环境是怎样的?比如操作系统，文本器，浏览器，及其他工具等。
★你能描述一下你制作一个网页的工作流程吗? ★你能描述一下渐进增强和优雅降级之间的不同吗? →如果提到了特性检测，可以加分。 ★请解释一下什么是语义化的HTML? ★你更喜欢在哪个浏览器下进行开发?你使用那些开发人员工具? ★你如何对网站的文件和资源进行优化?期待的解决方案包括：·文件合并 ·文件最小化/文件压缩 ·使用CDN托管 ·缓存的使用 ·其他
★为什么利用多个域名来存储网站资源会更有效? →浏览器一次可以从一个域名下做多少资源? ★请说出三种减低页面加载时间的方法。(加载时间指感知的时间或者实际加载时间) ★如果你接到了一个使用Tab来缩进代码的项目，但是你喜欢空格，你会怎么做? ·建议这个项目使用像EditorConfig (editorconfig) 之类的规范 ·为了保持一致性，转换成项目原有的风格 ·直接使用VIM的retab命令 ★请写一个简单的幻灯效果页面 →如果不使用JS来完成，可以加分。 ★你都使用那些工作来测试代码的性能?
1. 要动态改变层中内容可以使用的方法有（AB ） a)innerHTML b)innerText c)通过设置层的隐藏和显示来实现 d)通过设置层的样式属性的display属性 2. 在javascript里，下列选项中不属于数组方法的是（B）； a)sort() b)length() c)concat() d)reverse() 3 、var emp = new Array(3); for(var i in emp) 以下答案中能与for循环代码互换的是: （选择一项）。(D ) A for(var i =0; ic)getElementsByName() d)bgColor() 6. 、display属性值的常用取值不包括(C ) a)inline b)block c)hidden d)none 7. 以下有关pixelTop属性与top属性的说法正确的是。(D ) a)都是Location对象的属性 b)使用时返回值都是字符串 c)都是返回以像素为单位的数值 d)以上都不对 8. 使用open方法打开具有浏览器工具条,地址栏,菜单栏的窗 口，下列选项正确的是__D__ a)open("x.html","HI","toolbas=1,scrollbars=1,status=1"); b)open("HI","scrollbars=1,location=1,status=1"); c)open("x.html","status=yes,menubar=1,location=1"); d)open("x.html","HI","toolbas=yes,menubar=1,location=1"); 9. 、javascript中表达式parseInt(“X8X8”)+paseFloat(‘8’)的结果是什么?( C) a)8+8 b)88 c)16 d)“8”+’8 10. 关于setTimeout(“check”,10)中说法正确的是( D)Web前端开发工程师面试题一、CSS (1) 二、HTML (3) 三、jquery (3) 四、综合 (4) 一、C SS 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: #ff0000 1 solid;”前端工程师面试自我介绍前端工程师面试自我介绍 前端工程师面试自我介绍篇一 我喜欢篮球和乒乓球，曾担任大学校篮球队队员。在篮球队中深刻体会到在大家共同努力下击败对手的成就感! 对于计算机有着狂热的喜爱，虽掌握软件众多，但对编程情有独钟!在每一次解决了问题后都有一种成就感!我喜欢这种感觉，让我能沉迷于我的代码的世界中! 爱好程序设计，喜欢开发自已的小型产品，追求技术上的满足感;稳固的架构，健壮的代码，团结的合作，是我的不懈追求。 有良好的编程习惯，以及程序错误控制和解决能力，我爱程序员这个岗位，当每天敲着代码，听着音乐，是很快乐的用心工作，用心生活!我可能不是的，最合适的，我觉得我是最有潜力的!20XX，一起加油! 前端工程师面试自我介绍篇二 欲善其事，必先利其器。大学几年，我始终坚持天道酬勤的原则，一日三省，自信品格的日趋完善;勇于行事，务实求新，自信工作有所成绩;三更灯火，寒窗苦读，相信学有所成。 在校期间，我始终以提高自身的综合素质为目的，以个人的全面发展为奋斗方向，树立正确的人生观和价值观，光荣地加入了中国共产党。为适应社会发展的需求，我努力学好专业知识，多次获得奖学金，较深入、全面地掌握了软件编程、硬件维护与开发、网络应用技术等计算机科学基础理论以及计算机在企业管理、工业生产、辅助设计制造等方面的应用知识，同时注意结合自身专业特点，结合动手实践，先后参与了校新闻网页设计大赛、校程序设计大赛、挑战杯中国大学生创业计划竞赛、校科研立项项目，同时根据自己的爱好，进行了物业管理师的培训及资格认证考核、暑期社会实践调查，都取得了不凡的成绩。 作为一名即将毕业的20XX年应届计算机专业的大学生，我所拥有的是年轻和知识，使我不畏困难，善于思考，但年轻也意味着阅历浅，更需要虚心向学。同时，我也深知，毕业只是求学的一小步，社会才是一所真正的大学。我今天的求职，也正是希望得到一个更好的学习机会，从而能以更好的工作成绩为国家和单位贡献力量，同时去实现人生价值。 前端工程师面试自我介绍篇三 本人XXX，我是一个实事求是、不浮夸的人。喜欢参与团队工作与集体活动。重视自身素质培养。 软件开发基础扎实，对编程充满热情，学习能力强，能快速掌握新技术 在校期间，曾获20XX—20XX学年度优秀团员，20XX—20XX 学年度丙等奖学金，20XX年9月份军训优秀个人。曾是系学生会干事，在通过与其他干事的合作，主要对学生宿舍公共卫生、宿舍文化、晚归等进行监督管理，评定优秀寝室，不定期组织学生前端工程师面试自我介绍web前端工程师面试自我介绍第一篇 我喜欢篮球和乒乓球，曾担任大学校篮球队队员。在篮球队中深刻体会到在大家共同努力下击败对手的成就感! 对于计算机有着狂热的喜爱，虽掌握软件众多，但对编程情有独钟!在每一次解决了问题后都有一种成就感!我喜欢这种感觉，让我能沉迷于我的代码的世界中! 爱好程序设计，喜欢开发自已的小型产品，追求技术上的满足感;稳固的架构，健壮的代码，团结的合作，是我的不懈追求。 有良好的编程习惯，以及程序错误控制和解决能力，我爱程序员这个岗位，当每天敲着代码，听着音乐，是很快乐的 用心工作，用心生活!我可能不是最好的，最合适的，我觉得我是最有潜力的!2016,一起加油! web前端工程师面试自我介绍第二篇 good morning, my name is jack, it is really a great honor to have this opportunity for a interview, i would like to answer whatever you may raise, and i hope i can make a good performance today, eventually enroll in this prestigious university in september. now i will introduce myself briefly,i am 21 years old,born in heilongjiang province ,northeast of china,and i am curruently a senior student at beijing xx uni.my major is packaging engineering.and i will receive my bachelor degree after my graduation in june.in the past 4 years,i spend most of my time on study,i have passed cet4/6 with an ease. and i have acquired basic knowledge of packaging and publishing both in theory and in practice. besides, i have attend several packaging exhibition hold in beijing, this is our advantage study here, i have taken a tour to some big factory and company. through these i have a deeply understanding of domestic packaging industry. compared to developed countries such as us, unfortunately, although we have made extraordinary progress since 1978,our packaging industry are still underdeveloped, mess, unstable, the situation of employees in this field are awkard. but i have full confidence in a bright future if only our economy can keep the growth pace still. i guess you前端工程师面试自我介绍前端工程师面试自我介绍 本人XXX，我是一个实事求是、不浮夸的人。喜欢参与团队工作 与集体活动。重视自身素质培养。 软件开发基础扎实，对编程充满热情，学习能力强，能快速掌握新技术 在校期间，曾获20XX—20XX学年度优秀团员，20XX—20XX学年 度丙等奖学金，20XX年9月份军训优秀个人。曾是系学生会干事， 在通过与其他干事的合作，主要对学生宿舍公共卫生、宿舍文化、 晚归等进行监督管理，评定优秀寝室，不定期组织学生活动(寝室篮 球赛、跳蚤文化市场等) 实习期间就职于金融事业本部，部门业务涉及全国数省的农村信用社核心业务系统、城市商业银行支付系统以及外围辅助服务系统。我一直在广东四地市的农信社做软件开发工作。先后参与了广东省 四地市的银行卡系统、综合业务系统卡改造、电话银行系统、自助 终端系统等的开发和实施。相信您的信任与我的实力将为我们带来 共同的成功!希望我能为贵公司贡献自己的力量! 欲善其事，必先利其器。大学几年，我始终坚持天道酬勤的原则，一日三省，自信品格的日趋完善;勇于行事，务实求新，自信工作有 所成绩;三更灯火，寒窗苦读，相信学有所成。 在校期间，我始终以提高自身的综合素质为目的，以个人的全面发展为奋斗方向，树立正确的人生观和价值观，光荣地加入了中国 共产党。 为适应社会发展的需求，我努力学好专业知识，多次获得奖学金，较深入、全面地掌握了软件编程、硬件维护与开发、网络应用技术 等计算机科学基础理论以及计算机在企业管理、工业生产、辅助设 计制造等方面的应用知识，同时注意结合自身专业特点，结合动手 实践，先后参与了校新闻网页设计大赛、校程序设计大赛、挑战杯Web前端开发工程师笔试题.docWeb前端开发工程师笔试题 Web前端开发工程师笔试题篇1 1. 在一个框架的属性面板中，不能设置下面哪一项。( C ) A.源文件; B.边框颜色; C.边框宽度 D.滚动条 2. CSS样式表根据所在网页的位置，可分为?(B ) A.行内样式表、内嵌样式表、混合样式表 B.行内样式表、内嵌样式表、外部样式表 C.外部样式表、内嵌样式表、导入样式表 D.外部样式表、混合样式表、导入样式表 3.对于标签，其中*代表GET或( C ) A. SET B. PUT C. POST D. INPUT 4. HTML代码 表示?(D ) A. 创建表格 B. 创建一个滚动菜单 C. 设置每个表单项的内容D. 创建一个下拉菜单 5. 在表单中包含性别选项，且默认状态为男被选中，下列正确的是( A ) A. 男 B. 男 C. 男 D. 男 6. 在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 } 7. 下面代码片段，说法正确的是:(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; 表示被修饰的元素的背景图像 8. 在Dreamweaver 中, 在设置各个框架属性时, 参数Scroll 是用来设置( B )属性的。 A. 是否进行颜色设置 B. 是否出现滚动条 C. 是否设置边框宽度 D. 是否使用默认边框宽度 9. 以下链接到电子邮件的正确格式是(B ) A. 邮箱 B. 邮箱 C. 邮箱 D. 邮箱 10. 若将Dreamweaver中2个横向相邻的单元格合并，则两单元格中文字会( A ) A.文字合并 B.左单元格文字丢失 C.右单元格文字丢失 D.系统出错web前端工程师面试经验web前端工程师面试经验 首先面我的是一个豆瓣的前端（后来了解到其实也是做后端的），问的东西不多，大都是上的内容，没问到具体的技术实现，最后聊了一点儿linux，原来同是ubuntu 饭，并且已追新到9.04 beta。 稍息片刻后是技术总监Flyco ndor的第二轮，因为隔壁在开 会比较吵（偷听到有关tag之类的使用问题），所以转到了有沙发和foosball的休息区。开篇还是聊简历中的项目，不过问的内容比较宽泛，从工作职能到页面优化技巧、SEO,问答的形式比较轻松，所以不怎么紧张。后来被问到一个比较偏门的问题：豆瓣和新浪首页完整载入后html代码的大小。我当时的回答是豆瓣20k左右，新浪大概5倍以下，后来觉得豆瓣可能会再小些，新浪的会再臃肿些。刚在家试了下，豆瓣20.8k，新浪395k，还好只是一个对关注度的测试题。后来脱离项目单独问了些关于前端优化的具体问题，因为早前看过一篇Yahoo!的Best Practices技术部分的提问算告一段落，但留了一道开放性的作业，问题还是围绕优化，但对象是豆瓣，开始我还想问咋没之类的，现在看来豆瓣做事更效率，与其出一些茅坑儿算法题，不如来真格的对实际项目下手，管你求助朋友查书还是Google，最后写出代码，高低自有公平论断，谁不是边学边实践边提高的。（说说而已了，明天起还得继续动手JS面向对象部分的实 际应用，抽空再多记一些经典算法，谁让俺心目中的盖世大企，还是来应试那一套，茅坑儿题照出呢），剩下是留给我的提问时间，一般来讲只是走走形式问问部门状况和福利之类的，但毕竟是钟爱的豆瓣，关注和感兴趣的东西自然多些，最后算下来我提问的时间比面我的时间还长，汗?涉及的鸡毛蒜皮的问题比较多就不赘述了，有一个让俺小惊的：豆瓣有12个程序员，其中4个是专做算法的。 去年的时候和一个淘宝UED的成员聊天，从他的话语中感觉很拜豆瓣的UE;今天在豆瓣看到不少人，只是不知哪些是做UE的, 如果没有专门的前端部门，应该是归到产品部的；没猜错应该就是我隔壁那一拨开完会后一起盒饭的人，ps,看到一个ppmm，断定不是童颜大龄文艺女青年。面试前端工程师的自我介绍_前端开发程序员面试自我介绍面试前端工程师的自我介绍_前端开发程序员面试自我介绍 面试是面试前端工程师必经的一个过程，这也是应聘者展现自己的能力的机会。以下是小编为您整理的面试前端工程师的自我介绍内容，希望能帮到你。 面试前端工程师的自我介绍范文篇一 欲善其事，必先利其器。大学几年，我始终坚持天道酬勤的原则，一日三省，自信品格的日趋完善;勇于行事，务实求新，自信工作有所成绩;三更灯火，寒窗苦读，相信学有所成。 在校期间，我始终以提高自身的综合素质为目的，以个人的全面发展为奋斗方向，树立正确的人生观和价值观，光荣地加入了中国共产党。 为适应社会发展的需求，我努力学好专业知识，多次获得奖学金，较深入、全面地掌握了软件编程、硬件维护与开发、网络应用技术等计算机科学基础理论以及计算机在企业管理、工业生产、辅助设计制造等方面的应用知识，同时注意结合自身专业特点，结合动手实践，先后参与了校新闻网页设计大赛、校程序设计大赛、挑战杯中国大学生创业计划竞赛、校科研立项项目，同时根据自己的爱好，进行了物业管理师的培训及资格认证考核、暑期社会实践调查，都取得了不凡的成绩。 作为一名即将毕业的20xx年应届计算机专业的大学生，我所拥有的是年轻和知识，使我不畏困难，善于思考，但年轻也意味着阅历浅，更需要虚心向学。同时，我也深知，毕业只是求学的一小步，社会才是一所真正的大学。我今天的求职，也正是希望得到一个更好的学习机会，从而能以更好的工作成绩为国家和单位贡献力量，同时去实现人生价值。 面试前端工程师的自我介绍范文篇二 大家好，我是xxxx职业学院信息电子系计算机硬件专业的一名，衷心感谢您抽出宝贵时间审阅我的简历。在三年的学习生活中,我牢固地掌握了计算机硬件与电子专业的基础知识，精通数电与模电，熟练office办公软件,对计算机组装与维护把握深刻，并在各种实践中获得了一定的实际运用能力。并利用课余时间进行了汉语言文学自学考试，通过科目过半。在自考期间不但提高了文学功底，而且培养了我坚强的意志。课余时间我还广泛阅读各方面书籍，积极参加各种集体活动和社会实践活动，扩展了知识面，培养了团队精神，增强了组织交际能力，提升了综合素质。前端工程师面试必须掌握的28个知识点前端工程师面试必须掌握的28个知识点|本篇内容适合新手小白以及想系统回顾前端知识的开发者。基础知识是前端一面一定会问的，如果你在基础知识这里翻了车，面试官可能不会给你展示其它能力的机会，所以大家千万不要因为基础知识错过了自己心仪的公司。今天就用这28道前端面试题来测试一下自己对于前端基础的掌握吧～ 1.字符集 utf-8是目前最常用的字符集编码方式，常用的字符集编码方式还有gbk和gb2312； gb2312简单中文，包括6763个汉字； BIG5繁体中文，港澳台等用； GBK包含全部中文字符，是GB2312的扩展，加入对繁体字的支持，兼容GB2312；UTF-8则包含全世界所有国家需要用到的字符； 记住一点：以后我们统统使用UTF-8字符集，这样就避免出现字符集不统一而引起乱码的情况了。 2.标题标签 单词缩写：head 头部、标题 为了使网页更具有语义化，我们经常会在页面中用到标题标签，HTML提供了6个等级的标题，即： 标题标签语义：作为标题使用，并且依据重要性递减!其基本语法格式如下： 注意：h1标签因为重要，尽量少用，一般h1都是给logo使用。 3.段落标签 单词缩写：paragraph 段落 在网页中要把文字有条理的显示出来，离不来段落标签，就如同写文章需要首行缩进、需要分段一样，整个网页也可以分为若干个段落。 段落标签： 是HTML文档中最常见的标签，默认情况下，文本在一个段落中会根据浏览器窗口的大小自动换行。例如以下的文本，就随着窗口大小的变化换行： 4.水平线标签 单词缩写：horizontal横线 在网页中常常看到一些水平线讲段落与段落之间隔开，使得文档结构清晰，层次分明。这些水平线可以通过插入图片实现，也可以简单的通过标记来完成，其基本语法格式如下： 横线如下图： 5.换行标签前端工程师面试题汇总前端工程师面试题汇总 HTML ?Doctype作用？严格模式与混杂模式如何区分？它们有何意义? ?HTML5 为什么只需要写？ ?行内元素有哪些？块级元素有哪些？空(void)元素有那些？ ?页面导入样式时，使用link和@import有什么区别？ ?介绍一下你对浏览器内核的理解？ ?常见的浏览器内核有哪些？ ?html5有哪些新特性、移除了那些元素？如何处理HTML5新标签的浏览器兼容问题？如何区分HTML 和HTML5？ ?简述一下你对HTML语义化的理解？ ?HTML5的离线储存怎么使用，工作原理能不能解释一下？ ?浏览器是怎么对HTML5的离线储存资源进行管理和加载的呢？ ?请描述一下cookies，sessionStorage 和localStorage 的区别？ ?iframe有那些缺点？ ?Label的作用是什么？是怎么用的？（加for 或包裹） ?HTML5的form如何关闭自动完成功能？ ?如何实现浏览器内多个标签页之间的通信? (阿里) ?webSocket如何兼容低浏览器？(阿里) ?页面可见性（Page Visibility）API 可以有哪些用途？ ?如何在页面上实现一个圆形的可点击区域？ ?实现不使用border 画出1px高的线，在不同浏览器的Quirksmode和CSSCompat模式下都能保持同一效果。 ?网页验证码是干嘛的，是为了解决什么安全问题？ ?tite与h1的区别、b与strong的区别、i与em的区别？ CSS ?介绍一下标准的CSS的盒子模型？与低版本IE的盒子模型有什么不同的？?CSS选择符有哪些？哪些属性可以继承？ ?CSS优先级算法如何计算？ ?CSS3新增伪类有那些？ ?如何居中div？如何居中一个浮动元素？如何让绝对定位的div居中？WEB前端开发工程师面试题[HTML && CSS] 1. Doctype? 严格模式与混杂模式-如何触发这两种模式，区分它们有何意义? Doctype声明位于文档中的最前面的位置，处于标签之前。此标签可告知浏览器文档使用哪种HTML 或XHTML 规范。该标签可声明三种DTD 类型，分别表示严格版本、过渡版本以及基于框架的HTML 文档。 当浏览器厂商开始创建与标准兼容的浏览器时，他们希望确保向后兼容性。为了实现这一点，他们创建了两种呈现模式：标准模式和混杂模式（quirks mode）。在标准模式中，浏览器根据规范呈现页面； 在混杂模式中，页面以一种比较宽松的向后兼容的方式显示。混杂模式通常模拟老式浏览器（比如Microsoft IE 4和Netscape Navigator 4）的行为以防止老站点无法工作。 浏览器根据DOCTYPE是否存在以及使用的哪种DTD来选择要使用的呈现方法。如果XHTML文档包含形式完整的DOCTYPE，那么它一般以标准模式呈现。对于HTML 4.01文档，包含严格DTD的DOCTYPE常常导致页面以标准模式呈现。包含过渡DTD和URI的DOCTYPE也导致页面以标准模式呈现，但是有过渡DTD而没有URI会导致页面以混杂模式呈现。DOCTYPE不存在或形式不正确会导致HTML和XHTML文档以混杂模式呈现。 2. 行内元素有哪些？块级元素有哪些？CSS的盒模型？ 行内元素有：a b span I b em img input select strong 块级元素有：div ul ol li dl dt dd h1 h2 h3 h4…p 盒模型：margin border padding width 3. CSS引入的方式有哪些? link和@import的区别是?前端工程师面试简历前端工程师面试简历 前端工程师面试简历模板 在前端工程师中提高的逻辑性的要点：首先要能够正确的使用语言文字，以及标点符号，还要能够争取的使用逻辑关联词。其次，在编写上，也要讲究实事求是的原则。 个人信息 性别：男 年龄： 32岁民族：汉族 工作经验： 5年以上居住地：浙江台州台州 身高： CM 户口：浙江台州台州 自我评价我的座右铭是“生活应因为累而精彩”因为每个人都要有目标理想。即将跨入社会的我将以不坠青去之志,不失进取之心,不懈追求之劲,尽心尽责、勤奋工作在实践不断学习发挥自己的主动性、创造性,竭力为贵单位的发展做出我最大的贡献! 求职意向 希望岗位：计算机-开发/应用-软件设计师 寻求职位： iOS工程师：iphone手机app客户端开发 希望工作地点：浙江台州椒江区浙江台州路桥区浙江台州黄岩区 期望工资： 10000 /月(可面议) (要求提供住房) 到岗时间：随时到岗 其它待遇要求：面议 工作目标 / 发展方向iOS工程师，iOS软件开发， iOS App开发， iOS移动客户端开发， iOS前端工程师，iphone手机app客户端开发 工作经历 ▌xx-10--xx-12：杭州米趣网络科技有限公司 所属行业：互联网、电子商务(私营企业) 担任岗位：计算机-开发/应用/软件设计师 职位名称： iOS工程师 职位描述：聚好玩：重写了软件的大部分代码(对软件代码重构)，重新设计了UI界面，解 析从服务器端传回的JSON数据 省电话：主要负责省电话iOS客户端软件的研发，主要负责主界面框架的搭建UI部分的搭建，联系人模块的开发 1.熟悉C语言精通objectiveC 软件编程【干货】前端工程师面试题汇总【干货】前端工程师面试题汇总 HTML Doctype作用？严格模式与混杂模式如何区分？它们有何意义? HTML5 为什么只需要写？ 行内元素有哪些？块级元素有哪些？空(void)元素有那些？ 页面导入样式时，使用link和@import有什么区别？ 介绍一下你对浏览器内核的理解？ 常见的浏览器内核有哪些？ html5有哪些新特性、移除了那些元素？如何处理HTML5新标签的浏览器兼容问题？如何区分HTML 和HTML5？ 简述一下你对HTML语义化的理解？ HTML5的离线储存怎么使用，工作原理能不能解释一下？ 浏览器是怎么对HTML5的离线储存资源进行管理和加载的呢？ 请描述一下cookies，sessionStorage 和localStorage 的区别？ iframe有那些缺点？ Label的作用是什么？是怎么用的？（加for 或包裹） HTML5的form如何关闭自动完成功能？ 如何实现浏览器内多个标签页之间的通信? (阿里) webSocket如何兼容低浏览器？(阿里) 页面可见性（Page Visibility）API 可以有哪些用途？ 如何在页面上实现一个圆形的可点击区域？ 实现不使用border 画出1px高的线，在不同浏览器的Quirksmode和CSSCompat模式下都能保持同一效果。网页验证码是干嘛的，是为了解决什么安全问题？ tite与h1的区别、b与strong的区别、i与em的区别？ CSS 介绍一下标准的CSS的盒子模型？与低版本IE的盒子模型有什么不同的？ CSS选择符有哪些？哪些属性可以继承？ CSS优先级算法如何计算？ CSS3新增伪类有那些？ 如何居中div？如何居中一个浮动元素？如何让绝对定位的div居中？ display有哪些值？说明他们的作用。 position的值relative和absolute定位原点是？ CSS3有哪些新特性？ 请解释一下CSS3的Flexbox（弹性盒布局模型）,以及适用场景？ 用纯CSS创建一个三角形的原理是什么？ 一个满屏品字布局如何设计? 常见兼容性问题？ li与li之间有看不见的空白间隔是什么原因引起的？有什么解决办法？ 经常遇到的浏览器的兼容性有哪些？原因，解决方法是什么，常用hack的技巧？ 为什么要初始化CSS样式。 absolute的containing block计算方式跟正常流有什么不同？ CSS里的visibility属性有个collapse属性值是干嘛用的？在不同浏览器下以后什么区别？position跟display、margin collapse、overflow、float这些特性相互叠加后会怎么样？ 对BFC规范(块级格式化上下文：block formatting context)的理解？ CSS权重优先级是如何计算的？前端工程师面试试题2014年最新前端开发面试题 The last time that refresh: 2014/1/13 12:37:57 本文主要是由于我最近在找前端开发职位，所以总结了一些常见前端面试（多数来源于网络），希望看的朋友，阅后也要用心钻研其中的原理，重要知识需要系统学习，形成自己的知识链。 万不可投机取巧。只求当时过关，非长久之计也！ 面试有几点需要注意：（来源 @wintercn） 面试题目会根据你的等级和职位变化，入门级到专家级：范围↑、深度↑、方向↑; 类型：技术视野、项目细节、理论知识型题，算法题，开放性题，案例题。 进行追问，可以确保问到你开始不懂或者面试官开始不懂为止，这样可以大大延展题目的区分度和深度，知道你的实际能力。因为这种关联知识是长时期的学习，绝对不是临时记得住。 回答问题再棒，面试官（一般是你顶头上司面你），会考虑，我要不要这个人做我的同事？所以态度很重要。 资深的工程师能把absolute和relative弄混，这样的人不要也罢，因为团队需要的你这个人具有可以依靠的才能（靠谱）。 另外： 资料刚刚收集，答案有些不够正确和全面，欢迎补充你所知道的答案、技巧、题目；最好是现在网上找不到的。 格式不太美观，容我学一下markdown语法再来排版。 Begin！ HTML、CSS部分 要点：对Web标准的理解、浏览器差异、CSS基本功：布局、盒子模型、选择器优先级及使用、HTML5、CSS3技术等 Doctype作用? 严格模式与混杂模式-如何触发这两种模式，区分它们有何意义?（1）、 声明位于文档中的最前面，处于 标签之前。告知浏览器的解析器， 用什么文档类型规范来解析这个文档。 （2）、严格模式的排版和 JS 运作模式是以该浏览器支持的最高标准运行。 （3）、在混杂模式中，页面以宽松的向后兼容的方式显示。模拟老式浏览器的行为以防止站点无法工作。 （4）、DOCTYPE不存在或格式不正确会导致文档以混杂模式呈现。 2.行内元素有哪些？块级元素有哪些？ （1）CSS规范规定，每个元素都有display属性，确定该元素的类型，每个元素都有默认的display值， 比如div默认display属性值为“block”，成为“块级”元素； span默认display属性值为“inline”，是“行内”元素。 （2）行内元素有：a b span img input select strong（强调的语气）块级元素有：div ul ol li dl dt dd h1 h2 h3 h4…p 3.CSS的盒子模型？ （1）两种， IE 盒子模型、标准 W3C 盒子模型；IE 的content部分包含了border 和 pading; （2）盒模型：内容(content)、填充(padding)、边界(margin)、边框(border).初级前端工程师面试题1、对Web标准以及W3C的理解与认识？ 答：标签闭合、标签小写、不乱嵌套、提高搜索机器人搜索几率、使用外链CSS 和JS脚本、结构行为表现的分离、文件下载与页面速度更快、内容能被更多的用户所访问、内容能被更广泛的设备所访问、更少的代码和组件、容易维护、改版方便，不需要变动页面内容、提供打印版本而水需要复制内容、提高网站易用性。 2、XHTML和HTML有什么区别？ 答：HTML是一种基本的WEB网页设计语言，XHTML是一个基于XML的置标语言最主要的不同： XHTML元素必须被正确地嵌套； XHTML元素必须被关闭； 标签名必须用小写字母； XHTML文档必须拥有根元素。 3、Doctype？严格模式与混杂模式-如何触发这两种模式，区分它们有何意义？答：Doctype用于声明文档使用哪种规范（HTML/XHTML） 该标签可声明三种DTD类型，分别为严格版本、过度版本以及基于框架的HTML 文档。 加入XML声明可触发，解析方式更改为IE5.5拥有IE5.5的bug。 4、行内元素有哪些？块级元素有哪些？CSS的盒模型？ 答：行内元素：a b br i span input select 块级元素：div p h1 h2 h3 h4 form ul CSS盒模型：内容，border margin padding 5、CSS引入的方式有哪些？link和@import的区别是？ 答：方式：内联内嵌外链导入 区别：同时加载 前者无兼容性，后者CSS2.1以下浏览器不支持 Link支持使用javascript 改变样式，后者不可。 6.CSS选择符有哪些？哪些属性可以继承？优先级算法如何计算？内联和important哪个优先级高？ 答：标签选择符、类选择符、id选择符 继承不如指定 id>class>标签选择 后者优先级高 7、前端页面有哪三层构成，分别是什么？作用是什么？ 答：结构层HTML 表示层CSS 行为层JS 8、你做的页面在哪些浏览器测试过？这些浏览器的内核分别是什么？ 答：Ie（Ie内核） 火狐(Gecko) 谷歌(webkit) opear(Presto) 9、img标签上title与 alt属性的区别是什么？ 答：Alt当图片不显示时，用文字代表 Title为该属性提供信息。 10、描述CSS Reset的作用和用途 答：Reset重置浏览器的CSS默认属性浏览器的品种不同，样式不同，然后重百度实习生前端开发工程师面试经历想不到自己这么快就开始写面经了，这次的面试谈不上失败，也谈不上成功，也就写出来给大家一个参考和教训吧！ 我这次是通过一个学长内推到百度的“商务搜索部”的web前端开发方面的，HR部门提前通知了我什么时候面试，因为我学校不在北京，所以就只好电话电面了。提前没日没夜的准备了好几天，因为百度的要求很多，比如要精通CSS和javascript，还要熟悉数据库，熟悉一种后台开发语言，最扯的是“对用户体验有深入的理解”，为什么扯呢，后边再说。 我很久就做网站了，不过都是开源的，所以自己去有想法写，也是最近一个学期的，所以开发经验必须的不丰富。写完简历之后，就开始复习以前看的一些书籍了，尤其是js还有web 标准以及网站重构的东西，另外花了一半的时间去看了下以前看的用户体验以及设计方面的东西，还有GUI设计…… 面试的时候，面试官是个男的，听声音大概不到30岁，后边也确实证实了。说话并不是传说中的笑眯眯很随意，有些沙哑和低沉。 第一个问题是介绍自己，balala的介绍完，就问了一个让我到现在还在无语的问题：常见的数据结构有哪些？晕死啊，前端上没有这个要求啊，就算对算法有要求，也不至于去操作底层吧。我回答说有链表、堆栈、树。面试官说，好，那你给我解释下B树。我了个去……直接傻过去了，我是万万没有想到会问这个的，balabla解释了一堆，最后又扯成了数据库索引，然后这个题目就杯具了，说白了，我B树方面的东西已经忘记完了，因为考虑自己以后要搞前端，所以数据结构和算法就没有再去研究！所以建议大家，去这些大公司的，最好还是对常见算法和数据结构有比较好的了解！ 在这个题目杯具了之后，就问cookie和session的区别……这个我知道，回答了，不过听起来人家对我的回答并不是很满意，中间打断过一次。 然后问我会不会ajax，这个算是前端技术，但是我用的很少，我就照实说了，说我用不多，只知道是异步刷新，后边又问说知道javascript的一个什么东东来着，没听说过，就说不知道，这个记得，一定要诚实，不然撒谎的话，最后吃亏的一定是自己！ 又问我用的哪个javascript的库，我说jquery，然后就没有下文了~~~在这儿的时候，我差不多在心里确定了，这哥们是做后端的！！！我那个囧啊，今天看来出师不利啊！后端和前端虽然说都是做网站的，但是相差还是太大！在一起就没什么好聊的。 下来就问我项目经验了，说看简历我做过很多项目，感觉最成功的项目是什么（看过很多面经，貌似百度都会问到这个问题），我说有三个，然后开始说第一个，第一个是原来和同学做过的一个web方面的分析工具，叫bingker网络安全工具包，然后他就问我说里面有个杀毒模块算法是怎么实现的？晕掉，这个太囧了，当时算法的确是我们一起讨论的，但是代码实现我没有参与，我就给解释说这个算法是用特征码对比技术实现的，不过听起来他似乎也不是很熟悉这个，我说了半天，他只是嗯，也没有反驳没有去打断，这个算是过去了~~~ 下来就问说做过的网站里有没有没有用非开源程序实现的，我了个去，现在貌似大公司都是用的开源程序啊，虽然我们改动了很多，但是这么一问，只能说没有了。初级Web前端工程师面试必看面习题-练习HTMLCSSJavaScript初级Web前端工程师面试必看面试题 （HTML+CSS+JavaScript） 作者：来源于网络发布时间：07月20日 很多初级前端工程师去面试的时候可能不知道考官会问些什么，提前做好准备会为你的面试加分，极客学院整理出了一些必看的初级工程师面试考题，希望会大家有所帮助。 1.对WEB标准以及W3C的理解与认识？ 标签闭合、标签小写、不乱嵌套、提高搜索机器人搜索几率、使用外链css 和js脚本、结构行为表现的分离、文件下载与页面速度更快、内容能被更多的用户所访问、内容能被更广泛的设备所访问、更少的代码和组件，容易维护、改版方便，不需要变动页面内容、提供打印版本而不需要复制内容、提高网站易用性; 2.XHTML和HTML有什么区别？ HTML是一种基本的WEB网页设计语言，XHTML是一个基于XML的置标语言 最主要的不同： XHTML 元素必须被正确地嵌套。 XHTML 元素必须被关闭。 标签名必须用小写字母。 XHTML 文档必须拥有根元素。 3.Doctype? 严格模式与混杂模式-如何触发这两种模式，区分它们有何意义?用于声明文档使用那种规范(HTML/XHTML)一般为严格过度基于框架的html文档 加入XMl声明可触发，解析方式更改为IE5.5 拥有IE5.5的bug 4.行内元素有哪些?块级元素有哪些?CSS的盒模型? 块级元素：div p h1 h2 h3 h4 form ul 行内元素: a b br i span input select Css盒模型:内容，border ,margin，padding 5.CSS引入的方式有哪些? link和@import的区别是? 内联内嵌外链导入 区别：同时加载 前者无兼容性，后者CSS2.1以下浏览器不支持 Link 支持使用javascript改变样式，后者不可 6.CSS选择符有哪些?哪些属性可以继承?优先级算法如何计算?内联和important哪个优先级高? 标签选择符类选择符id选择符 继承不如指定Id>class>标签选择 后者优先级高
c)getElementsByName() d)bgColor() 6. 、display属性值的常用取值不包括(C ) a)inline b)block c)hidden d)none 7. 以下有关pixelTop属性与top属性的说法正确的是。(D ) a)都是Location对象的属性 b)使用时返回值都是字符串 c)都是返回以像素为单位的数值 d)以上都不对 8. 使用open方法打开具有浏览器工具条,地址栏,菜单栏的窗 口，下列选项正确的是__D__ a)open("x.html","HI","toolbas=1,scrollbars=1,status=1"); b)open("HI","scrollbars=1,location=1,status=1"); c)open("x.html","status=yes,menubar=1,location=1"); d)open("x.html","HI","toolbas=yes,menubar=1,location=1"); 9. 、javascript中表达式parseInt(“X8X8”)+paseFloat(‘8’)的结果是什么?( C) a)8+8 b)88 c)16 d)“8”+’8 10. 关于setTimeout(“check”,10)中说法正确的是( D)
一、CSS (1) 二、HTML (3) 三、jquery (3) 四、综合 (4) 一、C SS 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: #ff0000 1 solid;”
前端工程师面试自我介绍 前端工程师面试自我介绍篇一 我喜欢篮球和乒乓球，曾担任大学校篮球队队员。在篮球队中深刻体会到在大家共同努力下击败对手的成就感! 对于计算机有着狂热的喜爱，虽掌握软件众多，但对编程情有独钟!在每一次解决了问题后都有一种成就感!我喜欢这种感觉，让我能沉迷于我的代码的世界中! 爱好程序设计，喜欢开发自已的小型产品，追求技术上的满足感;稳固的架构，健壮的代码，团结的合作，是我的不懈追求。 有良好的编程习惯，以及程序错误控制和解决能力，我爱程序员这个岗位，当每天敲着代码，听着音乐，是很快乐的用心工作，用心生活!我可能不是的，最合适的，我觉得我是最有潜力的!20XX，一起加油! 前端工程师面试自我介绍篇二 欲善其事，必先利其器。大学几年，我始终坚持天道酬勤的原则，一日三省，自信品格的日趋完善;勇于行事，务实求新，自信工作有所成绩;三更灯火，寒窗苦读，相信学有所成。 在校期间，我始终以提高自身的综合素质为目的，以个人的全面发展为奋斗方向，树立正确的人生观和价值观，光荣地加入了中国共产党。
为适应社会发展的需求，我努力学好专业知识，多次获得奖学金，较深入、全面地掌握了软件编程、硬件维护与开发、网络应用技术等计算机科学基础理论以及计算机在企业管理、工业生产、辅助设计制造等方面的应用知识，同时注意结合自身专业特点，结合动手实践，先后参与了校新闻网页设计大赛、校程序设计大赛、挑战杯中国大学生创业计划竞赛、校科研立项项目，同时根据自己的爱好，进行了物业管理师的培训及资格认证考核、暑期社会实践调查，都取得了不凡的成绩。 作为一名即将毕业的20XX年应届计算机专业的大学生，我所拥有的是年轻和知识，使我不畏困难，善于思考，但年轻也意味着阅历浅，更需要虚心向学。同时，我也深知，毕业只是求学的一小步，社会才是一所真正的大学。我今天的求职，也正是希望得到一个更好的学习机会，从而能以更好的工作成绩为国家和单位贡献力量，同时去实现人生价值。 前端工程师面试自我介绍篇三 本人XXX，我是一个实事求是、不浮夸的人。喜欢参与团队工作与集体活动。重视自身素质培养。 软件开发基础扎实，对编程充满热情，学习能力强，能快速掌握新技术 在校期间，曾获20XX—20XX学年度优秀团员，20XX—20XX 学年度丙等奖学金，20XX年9月份军训优秀个人。曾是系学生会干事，在通过与其他干事的合作，主要对学生宿舍公共卫生、宿舍文化、晚归等进行监督管理，评定优秀寝室，不定期组织学生
web前端工程师面试自我介绍第一篇 我喜欢篮球和乒乓球，曾担任大学校篮球队队员。在篮球队中深刻体会到在大家共同努力下击败对手的成就感! 对于计算机有着狂热的喜爱，虽掌握软件众多，但对编程情有独钟!在每一次解决了问题后都有一种成就感!我喜欢这种感觉，让我能沉迷于我的代码的世界中! 爱好程序设计，喜欢开发自已的小型产品，追求技术上的满足感;稳固的架构，健壮的代码，团结的合作，是我的不懈追求。 有良好的编程习惯，以及程序错误控制和解决能力，我爱程序员这个岗位，当每天敲着代码，听着音乐，是很快乐的 用心工作，用心生活!我可能不是最好的，最合适的，我觉得我是最有潜力的!2016,一起加油! web前端工程师面试自我介绍第二篇 good morning, my name is jack, it is really a great honor to have this opportunity for a interview, i would like to answer whatever you may raise, and i hope i can make a good performance today, eventually enroll in this prestigious university in september. now i will introduce myself briefly,i am 21 years old,born in heilongjiang province ,northeast of china,and i am curruently a senior student at beijing xx uni.my major is packaging engineering.and i will receive my bachelor degree after my graduation in june.in the past 4 years,i spend most of my time on study,i have passed cet4/6 with an ease. and i have acquired basic knowledge of packaging and publishing both in theory and in practice. besides, i have attend several packaging exhibition hold in beijing, this is our advantage study here, i have taken a tour to some big factory and company. through these i have a deeply understanding of domestic packaging industry. compared to developed countries such as us, unfortunately, although we have made extraordinary progress since 1978,our packaging industry are still underdeveloped, mess, unstable, the situation of employees in this field are awkard. but i have full confidence in a bright future if only our economy can keep the growth pace still. i guess you
前端工程师面试自我介绍 本人XXX，我是一个实事求是、不浮夸的人。喜欢参与团队工作 与集体活动。重视自身素质培养。 软件开发基础扎实，对编程充满热情，学习能力强，能快速掌握新技术 在校期间，曾获20XX—20XX学年度优秀团员，20XX—20XX学年 度丙等奖学金，20XX年9月份军训优秀个人。曾是系学生会干事， 在通过与其他干事的合作，主要对学生宿舍公共卫生、宿舍文化、 晚归等进行监督管理，评定优秀寝室，不定期组织学生活动(寝室篮 球赛、跳蚤文化市场等) 实习期间就职于金融事业本部，部门业务涉及全国数省的农村信用社核心业务系统、城市商业银行支付系统以及外围辅助服务系统。我一直在广东四地市的农信社做软件开发工作。先后参与了广东省 四地市的银行卡系统、综合业务系统卡改造、电话银行系统、自助 终端系统等的开发和实施。相信您的信任与我的实力将为我们带来 共同的成功!希望我能为贵公司贡献自己的力量! 欲善其事，必先利其器。大学几年，我始终坚持天道酬勤的原则，一日三省，自信品格的日趋完善;勇于行事，务实求新，自信工作有 所成绩;三更灯火，寒窗苦读，相信学有所成。 在校期间，我始终以提高自身的综合素质为目的，以个人的全面发展为奋斗方向，树立正确的人生观和价值观，光荣地加入了中国 共产党。 为适应社会发展的需求，我努力学好专业知识，多次获得奖学金，较深入、全面地掌握了软件编程、硬件维护与开发、网络应用技术 等计算机科学基础理论以及计算机在企业管理、工业生产、辅助设 计制造等方面的应用知识，同时注意结合自身专业特点，结合动手 实践，先后参与了校新闻网页设计大赛、校程序设计大赛、挑战杯
Web前端开发工程师笔试题 Web前端开发工程师笔试题篇1 1. 在一个框架的属性面板中，不能设置下面哪一项。( C ) A.源文件; B.边框颜色; C.边框宽度 D.滚动条 2. CSS样式表根据所在网页的位置，可分为?(B ) A.行内样式表、内嵌样式表、混合样式表 B.行内样式表、内嵌样式表、外部样式表 C.外部样式表、内嵌样式表、导入样式表 D.外部样式表、混合样式表、导入样式表 3.对于标签，其中*代表GET或( C ) A. SET B. PUT C. POST D. INPUT 4. HTML代码 表示?(D ) A. 创建表格 B. 创建一个滚动菜单 C. 设置每个表单项的内容
D. 创建一个下拉菜单 5. 在表单中包含性别选项，且默认状态为男被选中，下列正确的是( A ) A. 男 B. 男 C. 男 D. 男 6. 在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 } 7. 下面代码片段，说法正确的是:(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; 表示被修饰的元素的背景图像 8. 在Dreamweaver 中, 在设置各个框架属性时, 参数Scroll 是用来设置( B )属性的。 A. 是否进行颜色设置 B. 是否出现滚动条 C. 是否设置边框宽度 D. 是否使用默认边框宽度 9. 以下链接到电子邮件的正确格式是(B ) A. 邮箱 B. 邮箱 C. 邮箱 D. 邮箱 10. 若将Dreamweaver中2个横向相邻的单元格合并，则两单元格中文字会( A ) A.文字合并 B.左单元格文字丢失 C.右单元格文字丢失 D.系统出错
web前端工程师面试经验 首先面我的是一个豆瓣的前端（后来了解到其实也是做后端的），问的东西不多，大都是上的内容，没问到具体的技术实现，最后聊了一点儿linux，原来同是ubuntu 饭，并且已追新到9.04 beta。 稍息片刻后是技术总监Flyco ndor的第二轮，因为隔壁在开 会比较吵（偷听到有关tag之类的使用问题），所以转到了有沙发和foosball的休息区。开篇还是聊简历中的项目，不过问的内容比较宽泛，从工作职能到页面优化技巧、SEO,问答的形式比较轻松，所以不怎么紧张。后来被问到一个比较偏门的问题：豆瓣和新浪首页完整载入后html代码的大小。我当时的回答是豆瓣20k左右，新浪
大概5倍以下，后来觉得豆瓣可能会再小些，新浪的会再臃肿些。刚在家试了下，豆瓣20.8k，新浪395k，还好只是一个对关注度的测试题。后来脱离项目单独问了些关于前端优化的具体问题，因为早前看过一篇Yahoo!的Best Practices技术部分的提问算告一段落，但留了一道开放性的作业，问题还是围绕优化，但对象是豆瓣，开始我还想问咋没之类的，现在看来豆瓣做事更效率，与其出一些茅坑儿算法题，不如来真格的对实际项目下手，管你求助朋友查书还是Google，最后写出代码，高低自有公平论断，谁不是边学边实践边提高的。（说说而已了，明天起还得继续动手JS面向对象部分的实 际应用，抽空再多记一些经典算法，谁让俺心目中的盖世大企，还是来应试那一套，茅坑儿题照出呢），剩下是留给我的提问时间，一般来讲只是走走形式问问部门状况和福利之类的，但毕竟是钟爱的豆瓣，关注和感兴趣的东西自然多些，最后算下来我提问的时间比面我的时间还长，汗?涉及的鸡毛蒜皮的问题比较多就不赘述了，有一个让俺小惊的：豆瓣有12个程序员，其中4个是专做算法的。 去年的时候和一个淘宝UED的成员聊天，从他的话语中感觉很拜豆瓣的UE;今天在豆瓣看到不少人，只是不知哪些是做UE的, 如果没有专门的前端部门，应该是归到产品部的；没猜错应该就是我隔壁那一拨开完会后一起盒饭的人，ps,看到一个ppmm，断定不是童颜大龄文艺女青年。
面试前端工程师的自我介绍_前端开发程序员面试自我介绍 面试是面试前端工程师必经的一个过程，这也是应聘者展现自己的能力的机会。以下是小编为您整理的面试前端工程师的自我介绍内容，希望能帮到你。 面试前端工程师的自我介绍范文篇一 欲善其事，必先利其器。大学几年，我始终坚持天道酬勤的原则，一日三省，自信品格的日趋完善;勇于行事，务实求新，自信工作有所成绩;三更灯火，寒窗苦读，相信学有所成。 在校期间，我始终以提高自身的综合素质为目的，以个人的全面发展为奋斗方向，树立正确的人生观和价值观，光荣地加入了中国共产党。 为适应社会发展的需求，我努力学好专业知识，多次获得奖学金，较深入、全面地掌握了软件编程、硬件维护与开发、网络应用技术等计算机科学基础理论以及计算机在企业管理、工业生产、辅助设计制造等方面的应用知识，同时注意结合自身专业特点，结合动手实践，先后参与了校新闻网页设计大赛、校程序设
计大赛、挑战杯中国大学生创业计划竞赛、校科研立项项目，同时根据自己的爱好，进行了物业管理师的培训及资格认证考核、暑期社会实践调查，都取得了不凡的成绩。 作为一名即将毕业的20xx年应届计算机专业的大学生，我所拥有的是年轻和知识，使我不畏困难，善于思考，但年轻也意味着阅历浅，更需要虚心向学。同时，我也深知，毕业只是求学的一小步，社会才是一所真正的大学。我今天的求职，也正是希望得到一个更好的学习机会，从而能以更好的工作成绩为国家和单位贡献力量，同时去实现人生价值。 面试前端工程师的自我介绍范文篇二 大家好，我是xxxx职业学院信息电子系计算机硬件专业的一名，衷心感谢您抽出宝贵时间审阅我的简历。在三年的学习生活中,我牢固地掌握了计算机硬件与电子专业的基础知识，精通数电与模电，熟练office办公软件,对计算机组装与维护把握深刻，并在各种实践中获得了一定的实际运用能力。并利用课余时间进行了汉语言文学自学考试，通过科目过半。在自考期间不但提高了文学功底，而且培养了我坚强的意志。课余时间我还广泛阅读各方面书籍，积极参加各种集体活动和社会实践活动，扩展了知识面，培养了团队精神，增强了组织交际能力，提升了综合素质。
前端工程师面试必须掌握的28个知识点|本篇内容适合新手小白以及想系统回顾前端知识的开发者。基础知识是前端一面一定会问的，如果你在基础知识这里翻了车，面试官可能不会给你展示其它能力的机会，所以大家千万不要因为基础知识错过了自己心仪的公司。今天就用这28道前端面试题来测试一下自己对于前端基础的掌握吧～ 1.字符集 utf-8是目前最常用的字符集编码方式，常用的字符集编码方式还有gbk和gb2312； gb2312简单中文，包括6763个汉字； BIG5繁体中文，港澳台等用； GBK包含全部中文字符，是GB2312的扩展，加入对繁体字的支持，兼容GB2312；UTF-8则包含全世界所有国家需要用到的字符； 记住一点：以后我们统统使用UTF-8字符集，这样就避免出现字符集不统一而引起乱码的情况了。 2.标题标签 单词缩写：head 头部、标题 为了使网页更具有语义化，我们经常会在页面中用到标题标签，HTML提供了6个等级的标题，即： 标题标签语义：作为标题使用，并且依据重要性递减!
其基本语法格式如下： 注意：h1标签因为重要，尽量少用，一般h1都是给logo使用。 3.段落标签 单词缩写：paragraph 段落 在网页中要把文字有条理的显示出来，离不来段落标签，就如同写文章需要首行缩进、需要分段一样，整个网页也可以分为若干个段落。 段落标签： 是HTML文档中最常见的标签，默认情况下，文本在一个段落中会根据浏览器窗口的大小
自动换行。例如以下的文本，就随着窗口大小的变化换行： 4.水平线标签 单词缩写：horizontal横线 在网页中常常看到一些水平线讲段落与段落之间隔开，使得文档结构清晰，层次分明。这些水平线可以通过插入图片实现，也可以简单的通过标记来完成，其基本语法格式如下： 横线如下图： 5.换行标签
前端工程师面试题汇总 HTML ?Doctype作用？严格模式与混杂模式如何区分？它们有何意义? ?HTML5 为什么只需要写？ ?行内元素有哪些？块级元素有哪些？空(void)元素有那些？ ?页面导入样式时，使用link和@import有什么区别？ ?介绍一下你对浏览器内核的理解？ ?常见的浏览器内核有哪些？ ?html5有哪些新特性、移除了那些元素？如何处理HTML5新标签的浏览器兼容问题？如何区分HTML 和HTML5？ ?简述一下你对HTML语义化的理解？ ?HTML5的离线储存怎么使用，工作原理能不能解释一下？ ?浏览器是怎么对HTML5的离线储存资源进行管理和加载的呢？ ?请描述一下cookies，sessionStorage 和localStorage 的区别？ ?iframe有那些缺点？ ?Label的作用是什么？是怎么用的？（加for 或包裹） ?HTML5的form如何关闭自动完成功能？ ?如何实现浏览器内多个标签页之间的通信? (阿里) ?webSocket如何兼容低浏览器？(阿里) ?页面可见性（Page Visibility）API 可以有哪些用途？ ?如何在页面上实现一个圆形的可点击区域？ ?实现不使用border 画出1px高的线，在不同浏览器的Quirksmode和CSSCompat模式下都能保持同一效果。 ?网页验证码是干嘛的，是为了解决什么安全问题？ ?tite与h1的区别、b与strong的区别、i与em的区别？ CSS ?介绍一下标准的CSS的盒子模型？与低版本IE的盒子模型有什么不同的？?CSS选择符有哪些？哪些属性可以继承？ ?CSS优先级算法如何计算？ ?CSS3新增伪类有那些？ ?如何居中div？如何居中一个浮动元素？如何让绝对定位的div居中？
[HTML && CSS] 1. Doctype? 严格模式与混杂模式-如何触发这两种模式，区分它们有何意义? Doctype声明位于文档中的最前面的位置，处于标签之前。此标签可告知浏览器文档使用哪种HTML 或XHTML 规范。该标签可声明三种DTD 类型，分别表示严格版本、过渡版本以及基于框架的HTML 文档。 当浏览器厂商开始创建与标准兼容的浏览器时，他们希望确保向后兼容性。为了实现这一点，他们创建了两种呈现模式：标准模式和混杂模式（quirks mode）。在标准模式中，浏览器根据规范呈现页面； 在混杂模式中，页面以一种比较宽松的向后兼容的方式显示。混杂模式通常模拟老式浏览器（比如Microsoft IE 4和Netscape Navigator 4）的行为以防止老站点无法工作。 浏览器根据DOCTYPE是否存在以及使用的哪种DTD来选择要使用的呈现方法。如果XHTML文档包含形式完整的DOCTYPE，那么它一般以标准模式呈现。对于HTML 4.01文档，包含严格DTD的DOCTYPE常常导致页面以标准模式呈现。包含过渡DTD和URI的DOCTYPE也导致页面以标准模式呈现，但是有过渡DTD而没有URI会导致页面以混杂模式呈现。DOCTYPE不存在或形式不正确会导致HTML和XHTML文档以混杂模式呈现。 2. 行内元素有哪些？块级元素有哪些？CSS的盒模型？ 行内元素有：a b span I b em img input select strong 块级元素有：div ul ol li dl dt dd h1 h2 h3 h4…p 盒模型：margin border padding width 3. CSS引入的方式有哪些? link和@import的区别是?
前端工程师面试简历 前端工程师面试简历模板 在前端工程师中提高的逻辑性的要点：首先要能够正确的使用语言文字，以及标点符号，还要能够争取的使用逻辑关联词。其次，在编写上，也要讲究实事求是的原则。 个人信息 性别：男 年龄： 32岁民族：汉族 工作经验： 5年以上居住地：浙江台州台州 身高： CM 户口：浙江台州台州 自我评价
我的座右铭是“生活应因为累而精彩”因为每个人都要有目标理想。即将跨入社会的我将以不坠青去之志,不失进取之心,不懈追求之劲,尽心尽责、勤奋工作在实践不断学习发挥自己的主动性、创造性,竭力为贵单位的发展做出我最大的贡献! 求职意向 希望岗位：计算机-开发/应用-软件设计师 寻求职位： iOS工程师：iphone手机app客户端开发 希望工作地点：浙江台州椒江区浙江台州路桥区浙江台州黄岩区 期望工资： 10000 /月(可面议) (要求提供住房) 到岗时间：随时到岗 其它待遇要求：面议 工作目标 / 发展方向
iOS工程师，iOS软件开发， iOS App开发， iOS移动客户端开发， iOS前端工程师，iphone手机app客户端开发 工作经历 ▌xx-10--xx-12：杭州米趣网络科技有限公司 所属行业：互联网、电子商务(私营企业) 担任岗位：计算机-开发/应用/软件设计师 职位名称： iOS工程师 职位描述：聚好玩：重写了软件的大部分代码(对软件代码重构)，重新设计了UI界面，解 析从服务器端传回的JSON数据 省电话：主要负责省电话iOS客户端软件的研发，主要负责主界面框架的搭建UI部分的搭建，联系人模块的开发 1.熟悉C语言精通objectiveC 软件编程
【干货】前端工程师面试题汇总 HTML Doctype作用？严格模式与混杂模式如何区分？它们有何意义? HTML5 为什么只需要写？ 行内元素有哪些？块级元素有哪些？空(void)元素有那些？ 页面导入样式时，使用link和@import有什么区别？ 介绍一下你对浏览器内核的理解？ 常见的浏览器内核有哪些？ html5有哪些新特性、移除了那些元素？如何处理HTML5新标签的浏览器兼容问题？如何区分HTML 和HTML5？ 简述一下你对HTML语义化的理解？ HTML5的离线储存怎么使用，工作原理能不能解释一下？ 浏览器是怎么对HTML5的离线储存资源进行管理和加载的呢？ 请描述一下cookies，sessionStorage 和localStorage 的区别？ iframe有那些缺点？ Label的作用是什么？是怎么用的？（加for 或包裹） HTML5的form如何关闭自动完成功能？ 如何实现浏览器内多个标签页之间的通信? (阿里) webSocket如何兼容低浏览器？(阿里) 页面可见性（Page Visibility）API 可以有哪些用途？ 如何在页面上实现一个圆形的可点击区域？ 实现不使用border 画出1px高的线，在不同浏览器的Quirksmode和CSSCompat模式下都能保持同一效果。
网页验证码是干嘛的，是为了解决什么安全问题？ tite与h1的区别、b与strong的区别、i与em的区别？ CSS 介绍一下标准的CSS的盒子模型？与低版本IE的盒子模型有什么不同的？ CSS选择符有哪些？哪些属性可以继承？ CSS优先级算法如何计算？ CSS3新增伪类有那些？ 如何居中div？如何居中一个浮动元素？如何让绝对定位的div居中？ display有哪些值？说明他们的作用。 position的值relative和absolute定位原点是？ CSS3有哪些新特性？ 请解释一下CSS3的Flexbox（弹性盒布局模型）,以及适用场景？ 用纯CSS创建一个三角形的原理是什么？ 一个满屏品字布局如何设计? 常见兼容性问题？ li与li之间有看不见的空白间隔是什么原因引起的？有什么解决办法？ 经常遇到的浏览器的兼容性有哪些？原因，解决方法是什么，常用hack的技巧？ 为什么要初始化CSS样式。 absolute的containing block计算方式跟正常流有什么不同？ CSS里的visibility属性有个collapse属性值是干嘛用的？在不同浏览器下以后什么区别？position跟display、margin collapse、overflow、float这些特性相互叠加后会怎么样？ 对BFC规范(块级格式化上下文：block formatting context)的理解？ CSS权重优先级是如何计算的？
2014年最新前端开发面试题 The last time that refresh: 2014/1/13 12:37:57 本文主要是由于我最近在找前端开发职位，所以总结了一些常见前端面试（多数来源于网络），希望看的朋友，阅后也要用心钻研其中的原理，重要知识需要系统学习，形成自己的知识链。 万不可投机取巧。只求当时过关，非长久之计也！ 面试有几点需要注意：（来源 @wintercn） 面试题目会根据你的等级和职位变化，入门级到专家级：范围↑、深度↑、方向↑; 类型：技术视野、项目细节、理论知识型题，算法题，开放性题，案例题。 进行追问，可以确保问到你开始不懂或者面试官开始不懂为止，这样可以大大延展题目的区分度和深度，知道你的实际能力。因为这种关联知识是长时期的学习，绝对不是临时记得住。 回答问题再棒，面试官（一般是你顶头上司面你），会考虑，我要不要这个人做我的同事？所以态度很重要。 资深的工程师能把absolute和relative弄混，这样的人不要也罢，因为团队需要的你这个人具有可以依靠的才能（靠谱）。 另外： 资料刚刚收集，答案有些不够正确和全面，欢迎补充你所知道的答案、技巧、题目；最好是现在网上找不到的。 格式不太美观，容我学一下markdown语法再来排版。 Begin！ HTML、CSS部分 要点：对Web标准的理解、浏览器差异、CSS基本功：布局、盒子模型、选择器优先级及使用、HTML5、CSS3技术等 Doctype作用? 严格模式与混杂模式-如何触发这两种模式，区分它们有何意义?
（1）、 声明位于文档中的最前面，处于 标签之前。告知浏览器的解析器， 用什么文档类型规范来解析这个文档。 （2）、严格模式的排版和 JS 运作模式是以该浏览器支持的最高标准运行。 （3）、在混杂模式中，页面以宽松的向后兼容的方式显示。模拟老式浏览器的行为以防止站点无法工作。 （4）、DOCTYPE不存在或格式不正确会导致文档以混杂模式呈现。 2.行内元素有哪些？块级元素有哪些？ （1）CSS规范规定，每个元素都有display属性，确定该元素的类型，每个元素都有默认的display值， 比如div默认display属性值为“block”，成为“块级”元素； span默认display属性值为“inline”，是“行内”元素。 （2）行内元素有：a b span img input select strong（强调的语气）块级元素有：div ul ol li dl dt dd h1 h2 h3 h4…p 3.CSS的盒子模型？ （1）两种， IE 盒子模型、标准 W3C 盒子模型；IE 的content部分包含了border 和 pading; （2）盒模型：内容(content)、填充(padding)、边界(margin)、边框(border).
1、对Web标准以及W3C的理解与认识？ 答：标签闭合、标签小写、不乱嵌套、提高搜索机器人搜索几率、使用外链CSS 和JS脚本、结构行为表现的分离、文件下载与页面速度更快、内容能被更多的用户所访问、内容能被更广泛的设备所访问、更少的代码和组件、容易维护、改版方便，不需要变动页面内容、提供打印版本而水需要复制内容、提高网站易用性。 2、XHTML和HTML有什么区别？ 答：HTML是一种基本的WEB网页设计语言，XHTML是一个基于XML的置标语言最主要的不同： XHTML元素必须被正确地嵌套； XHTML元素必须被关闭； 标签名必须用小写字母； XHTML文档必须拥有根元素。 3、Doctype？严格模式与混杂模式-如何触发这两种模式，区分它们有何意义？答：Doctype用于声明文档使用哪种规范（HTML/XHTML） 该标签可声明三种DTD类型，分别为严格版本、过度版本以及基于框架的HTML 文档。 加入XML声明可触发，解析方式更改为IE5.5拥有IE5.5的bug。 4、行内元素有哪些？块级元素有哪些？CSS的盒模型？ 答：行内元素：a b br i span input select 块级元素：div p h1 h2 h3 h4 form ul CSS盒模型：内容，border margin padding 5、CSS引入的方式有哪些？link和@import的区别是？ 答：方式：内联内嵌外链导入 区别：同时加载 前者无兼容性，后者CSS2.1以下浏览器不支持 Link支持使用javascript 改变样式，后者不可。 6.CSS选择符有哪些？哪些属性可以继承？优先级算法如何计算？内联和important哪个优先级高？ 答：标签选择符、类选择符、id选择符 继承不如指定 id>class>标签选择 后者优先级高 7、前端页面有哪三层构成，分别是什么？作用是什么？ 答：结构层HTML 表示层CSS 行为层JS 8、你做的页面在哪些浏览器测试过？这些浏览器的内核分别是什么？ 答：Ie（Ie内核） 火狐(Gecko) 谷歌(webkit) opear(Presto) 9、img标签上title与 alt属性的区别是什么？ 答：Alt当图片不显示时，用文字代表 Title为该属性提供信息。 10、描述CSS Reset的作用和用途 答：Reset重置浏览器的CSS默认属性浏览器的品种不同，样式不同，然后重
想不到自己这么快就开始写面经了，这次的面试谈不上失败，也谈不上成功，也就写出来给大家一个参考和教训吧！ 我这次是通过一个学长内推到百度的“商务搜索部”的web前端开发方面的，HR部门提前通知了我什么时候面试，因为我学校不在北京，所以就只好电话电面了。提前没日没夜的准备了好几天，因为百度的要求很多，比如要精通CSS和javascript，还要熟悉数据库，熟悉一种后台开发语言，最扯的是“对用户体验有深入的理解”，为什么扯呢，后边再说。 我很久就做网站了，不过都是开源的，所以自己去有想法写，也是最近一个学期的，所以开发经验必须的不丰富。写完简历之后，就开始复习以前看的一些书籍了，尤其是js还有web 标准以及网站重构的东西，另外花了一半的时间去看了下以前看的用户体验以及设计方面的东西，还有GUI设计…… 面试的时候，面试官是个男的，听声音大概不到30岁，后边也确实证实了。说话并不是传说中的笑眯眯很随意，有些沙哑和低沉。 第一个问题是介绍自己，balala的介绍完，就问了一个让我到现在还在无语的问题：常见的数据结构有哪些？晕死啊，前端上没有这个要求啊，就算对算法有要求，也不至于去操作底层吧。我回答说有链表、堆栈、树。面试官说，好，那你给我解释下B树。我了个去……直接傻过去了，我是万万没有想到会问这个的，balabla解释了一堆，最后又扯成了数据库索引，然后这个题目就杯具了，说白了，我B树方面的东西已经忘记完了，因为考虑自己以后要搞前端，所以数据结构和算法就没有再去研究！所以建议大家，去这些大公司的，最好还是对常见算法和数据结构有比较好的了解！ 在这个题目杯具了之后，就问cookie和session的区别……这个我知道，回答了，不过听起来人家对我的回答并不是很满意，中间打断过一次。 然后问我会不会ajax，这个算是前端技术，但是我用的很少，我就照实说了，说我用不多，只知道是异步刷新，后边又问说知道javascript的一个什么东东来着，没听说过，就说不知道，这个记得，一定要诚实，不然撒谎的话，最后吃亏的一定是自己！ 又问我用的哪个javascript的库，我说jquery，然后就没有下文了~~~在这儿的时候，我差不多在心里确定了，这哥们是做后端的！！！我那个囧啊，今天看来出师不利啊！后端和前端虽然说都是做网站的，但是相差还是太大！在一起就没什么好聊的。 下来就问我项目经验了，说看简历我做过很多项目，感觉最成功的项目是什么（看过很多面经，貌似百度都会问到这个问题），我说有三个，然后开始说第一个，第一个是原来和同学做过的一个web方面的分析工具，叫bingker网络安全工具包，然后他就问我说里面有个杀毒模块算法是怎么实现的？晕掉，这个太囧了，当时算法的确是我们一起讨论的，但是代码实现我没有参与，我就给解释说这个算法是用特征码对比技术实现的，不过听起来他似乎也不是很熟悉这个，我说了半天，他只是嗯，也没有反驳没有去打断，这个算是过去了~~~ 下来就问说做过的网站里有没有没有用非开源程序实现的，我了个去，现在貌似大公司都是用的开源程序啊，虽然我们改动了很多，但是这么一问，只能说没有了。
初级Web前端工程师面试必看面试题 （HTML+CSS+JavaScript） 作者：来源于网络发布时间：07月20日 很多初级前端工程师去面试的时候可能不知道考官会问些什么，提前做好准备会为你的面试加分，极客学院整理出了一些必看的初级工程师面试考题，希望会大家有所帮助。 1.对WEB标准以及W3C的理解与认识？ 标签闭合、标签小写、不乱嵌套、提高搜索机器人搜索几率、使用外链css 和js脚本、结构行为表现的分离、文件下载与页面速度更快、内容能被更多的用户所访问、内容能被更广泛的设备所访问、更少的代码和组件，容易维护、改版方便，不需要变动页面内容、提供打印版本而不需要复制内容、提高网站易用性; 2.XHTML和HTML有什么区别？ HTML是一种基本的WEB网页设计语言，XHTML是一个基于XML的置标语言 最主要的不同： XHTML 元素必须被正确地嵌套。 XHTML 元素必须被关闭。 标签名必须用小写字母。 XHTML 文档必须拥有根元素。 3.Doctype? 严格模式与混杂模式-如何触发这两种模式，区分它们有何意义?
用于声明文档使用那种规范(HTML/XHTML)一般为严格过度基于框架的html文档 加入XMl声明可触发，解析方式更改为IE5.5 拥有IE5.5的bug 4.行内元素有哪些?块级元素有哪些?CSS的盒模型? 块级元素：div p h1 h2 h3 h4 form ul 行内元素: a b br i span input select Css盒模型:内容，border ,margin，padding 5.CSS引入的方式有哪些? link和@import的区别是? 内联内嵌外链导入 区别：同时加载 前者无兼容性，后者CSS2.1以下浏览器不支持 Link 支持使用javascript改变样式，后者不可 6.CSS选择符有哪些?哪些属性可以继承?优先级算法如何计算?内联和important哪个优先级高? 标签选择符类选择符id选择符 继承不如指定Id>class>标签选择 后者优先级高
