javaweb前端面试题| 耗时:0.333秒|94096条结果

前端面试题JavaScript

昨天我们一起分享了关于html和css的面试题前端面试题之Html和CSS》,今天我们来分享关于javascript有关的面试题。我面试的时候最害怕面试官问我js了,因为我真心不擅长这个。不过我在努力的学习中。 本宝宝第一次面试的时候比这个还紧张呢!!! 1.介绍js的基本
http://www.itnose.net/detail/6523193.html 2016-06-23 15:43   [JavaScript]

前端面试题精华总结

1、页面重构怎么操作?   网站重构:在不改变外部行为的前提下,简化结构、添加可读性,而在网站前端保持一致的行为。 也就是说是在不改变UI的情况下,对网站进行优化,在扩展的同时保持一致的UI。   对于传统的网站来说重构通常是:   表格(table)布局改为
http://www.itnose.net/detail/6681010.html 2016-12-07 13:19   [JavaScript]

前端面试题

总括:本文涵盖了前端面试中会涉及的方方面面题目。 原文博客地址:前端面试题集 知乎专栏&&简书专题: 前端进击者(知乎) && 前端进击者(简书) 博主博客地址: Damonare的个人博客 人生大病,只是一“傲”字。 正文 一些开放性
http://www.itnose.net/detail/6671489.html 2016-11-27 08:16   [JavaScript]

前端面试题小结①

;    Link支持使用javascript改变样式,@import不行 CSS选择符有哪些?那些属性可以继承?优先级算法。 选择器:Tag id class 可继承:Color,font-size 不可继承的:display、margin、border、padding
http://www.itnose.net/detail/6666771.html 2016-11-18 09:12   [html/css]

前端面试题整理汇总

本文旨在加深对前端知识点的理解,资料来源于网络,由 trigkit4 收集整理。 一些开放性题目 1.自我介绍:除了基本个人信息以外,面试官更想听的是你与众不同的地方和你的优势。 2.项目介绍 3.如何看待前端开发? 4.平时是如何学习前端开发的? 5.未来三到五年的规划是怎样的
http://www.itnose.net/detail/6666747.html 2016-11-18 09:12   [JavaScript]

2016前端面试题总结

http://www.itnose.net/detail/6662681.html 2016-11-07 09:54   [html/css]

前端面试题干货(二)

谢谢大家对我的喜欢,有时间,就赶紧把其他剩余的面试题整理出来给大家。 1、你经常使用JQ,会用什么?那JQ的动画怎么写? JQ的动画,比如说显示和隐藏、淡入淡出、滑动、动画、以及回调函数(其中回调函数需要注意的是,必须在动画完成100%以后才能进行)、还有跟鼠标绑定的事件(mouseover
http://www.itnose.net/detail/6645963.html 2016-09-23 22:04   [JavaScript]

前端面试题干货(一)

答应大家的面试题目,都是自己在面试过程中,面试官提问到的,最近面临资本寒冬,所以前端的小朋友们都不太好找工作,希望这篇文章对大家有所帮助。 1、你怎么看待响应式网页设计?(面试了很多家几乎都问到了) 响应式:页面应该有能力去自动响应用户的设备环境(包括屏幕大小,屏幕定向)。 体现了人性化,智能化的思想。实践方式由多方面组成,包括弹性网格和布局、图片、CSS 媒体查询的使用等。无论用户正在使用笔记本还是iPad,我们的页面都应该能够自动切换分辨率、图片尺寸及相关脚本功能等,以适应不同设备。所用到的技术:Media Query(css3中的)、Bootstrap、Foundation 2、媒体查询是什么? 使用@media查询,你可以针对不同的媒体类型定义不同的样式。@media可以针对不同的屏幕尺寸设置不同的样式,特别是如果你需要设置设计响应式的页面,@media是非常有用的。当你重置浏览器大小的过程中,页面也会根据浏览器的宽度和高度重新渲染页面。 3、怎么样优化页面性能? 从四个方面回答 (1)压缩图片、用雪碧图(多张公用的图标放到一张大图中,通过位移的方法,展示对应的效果,减少了图片的请求次数,加快了浏览器的加载性能。) (2)优化css,压缩合并css (3)base64位图片压缩(webpack自动做的) (4)懒加载 4、XHTML知道吗?它与HTML有什么区别? ·XHTML元素必须被正确地嵌套。 ·XHTML元素必须被关闭。 ·标签名必须用小写字母。 ·XHTML文档必须拥有根元素 所有的XHTML文档必须拥有DOCTYPE声明,并且html、head、title和body元素必须存在。虽然代码更加的优雅,但缺少容错性,不利于快速开发。 5、H5了解吗?用过哪些? ·H5经常使用的是语义化标签,经常被使用的就是头部(header)、内容( con)、尾部(footer)、导航(nav) ·还有input里面的number、date、email, ·里面的音频视频,可以进行自动播放, ·本地存储(localstorage、sessionstorage) ·可以通过设置进度条(progress)看下载的进程 6、那localstorage、sessionstorage有什么区别呢? 第一个是不受时间限制的。前者是本地级的 另一个如果页面被关闭,那么数据就会被删除。后者是页面级的 (像是保存密码这种,我们会使用localstorage) 7、css3常用的有哪些? CSS3中比较常用的是动画,边框(利用border-radius设置边框的圆角),透明度,多列,弹性盒子(进行页面布局,水平布局的,就可以用-webkit-box,考虑到兼容性问题,要加上浏览器前缀),文本溢出、文本阴影 8、那transition、transform、animation有什么区别吗? animation动画(用@keyframes定义动画) transition是用来表示过渡的,加上时间属性会有动画的效果 transform是2D或者3D的转化(有位移、旋转、变形、缩放的效果) 9、你们公司遇到过哪些兼容性问题?是怎么处理的呢? 比如弹性盒子模型在pc上面的不兼容,不兼容IE8,用浮动解决; span之间的默认间距,每个浏览器都是不一样的,所以去掉默认间距,自己设置; 在IE浏览器里图片默认会有一个像素的默认边框,我们要手动把边框去掉 10、你了解svg和canvas嘛,他们之间有什么区别吗? 他们都是回来绘制图片的工具 svg是一种用XML描述图片的,能进行地图绘制,但是不能用来写游戏。 canvas是用JavaScript进行绘制图片的,比较弱的文本渲染能力,但是适合游戏应用。 11、伪类有哪些? Before/after/vistited/hover/active 12、你感觉前端好玩吗?为什么好玩? 注重员工想法的Boos会问这个问题,只有说前端是一个比较有前景,或者感觉前端非常重要类似的就可以了。 我是这么回答的,借大家参考:每次写完页面就能立马看到效果,感觉特别有成就感,而且前端作为与用户接触最近的一个工作,感觉特别荣幸,我们自己作为一个用户就能最直接的感受用户体验。未来前端还是特别有前景的。  图片发自简书App
http://www.itnose.net/detail/6645187.html 2016-09-22 19:02   [html/css]

前端面试题集锦

又一年校招季~这是近来收集的前端面试题,共勉。这里写的答案有些比较简略,只是给出一个方向吧,大家可以自己去深入去学习探究。 『HTML&CSS基础』 【HTML】 行内元素 关注行内置换元素 类似inline-block方式展现 input textarea img select
http://www.itnose.net/detail/6644533.html 2016-09-21 14:45   [其它]

前端面试题 - JS篇

http://www.itnose.net/detail/6504312.html 2016-05-14 22:43   [JavaScript]

前端面试题(20160416)

原文链接 一些开放性题目 自我介绍:除了基本个人信息以外,面试官更想听的是你与众不同的地方和你的优势。 项目介绍 如何看待前端开发? 平时是如何学习前端开发的? 未来三到五年的规划是怎样的? position的值, relative和absolute分别是相对于谁进行定位的? absolute :生成绝对定位的元素, 相对于最近一级的 定位不是 static 的父元素来进行定位。 fixed (老IE不支持)生成绝对定位的元素,通常相对于浏览器窗口或 frame 进行定位。 relative 生成相对定位的元素,相对于其在普通流中的位置进行定位。 static 默认值。没有定位,元素出现在正常的流中 sticky 生成粘性定位的元素,容器的位置根据正常文档流计算得出 如何解决跨域问题 JSONP: 原理是:动态插入script标签,通过script标签引入一个js文件,这个js文件载入成功后会执行我们在url参数中指定的函数,并且会把我们需要的json数据作为参数传入。 由于同源策略的限制,XmlHttpRequest只允许请求当前源(域名、协议、端口)的资源,为了实现跨域请求,可以通过script标签实现跨域请求,然后在服务端输出JSON数据并执行回调函数,从而解决了跨域的数据请求。 优点是兼容性好,简单易用,支持浏览器与服务器双向通信。缺点是只支持GET请求。 JSONP:json+padding(内填充),顾名思义,就是把JSON填充到一个盒子里 <script> function createJs(sUrl){ var oScript = document.createElement('script'); oScript.type = 'text/javascript'; oScript.src = sUrl; document.getElementsByTagName('head')[0].appendChild(oScript); } createJs('jsonp.js'); box({ 'name': 'test' }); function box(json){ alert(json.name); } </script> CORS 服务器端对于CORS的支持,主要就是通过设置Access-Control-Allow-Origin来进行的。如果浏览器检测到相应的设置,就可以允许Ajax进行跨域的访问。 通过修改document.domain来跨子域 将子域和主域的document.domain设为同一个主域.前提条件:这两个域名必须属于同一个基础域名!而且所用的协议,端口都要一致,否则无法利用document.domain进行跨域 主域相同的使用document.domain 使用window.name来进行跨域 window对象有个name属性,该属性有个特征:即在一个窗口(window)的生命周期内,窗口载入的所有的页面都是共享一个window.name的,每个页面对window.name都有读写的权限,window.name是持久存在一个窗口载入过的所有页面中的 使用HTML5中新引进的window.postMessage方法来跨域传送数据 还有flash、在服务器上设置代理页面等跨域方式。个人认为window.name的方法既不复杂,也能兼容到几乎所有浏览器,这真是极好的一种跨域方法。 XML和JSON的区别? (1).数据体积方面。 JSON相对于XML来讲,数据的体积小,传递的速度更快些。 (2).数据交互方面。 JSON与JavaScript的交互更加方便,更容易解析处理,更好的数据交互。 (3).数据描述方面。 JSON对数据的描述性比XML较差。 (4).传输速度方面。 JSON的速度要远远快于XML。 谈谈你对webpack的看法 WebPack 是一个模块打包工具,你可以使用WebPack管理你的模块依赖,并编绎输出模块们所需的静态文件。它能够很好地管理、打包Web开发中所用到的HTML、Javascript、CSS以及各种静态文件(图片、字体等),让开发过程更加高效。对于不同类型的资源,webpack有对应的模块加载器。webpack模块打包器会分析模块间的依赖关系,最后 生成了优化且合并后的静态资源。 webpack的两大特色: 1.code splitting(可以自动完成) 2.loader 可以处理各种类型的静态文件,并且支持串联操作 webpack 是以commonJS的形式来书写脚本滴,但对 AMD/CMD 的支持也很全面,方便旧项目进行代码迁移。 webpack具有requireJs和browserify的功能,但仍有很多自己的新特性: 1. 对 CommonJS 、 AMD 、ES6的语法做了兼容 2. 对js、css、图片等资源文件都支持打包 3. 串联式模块加载器以及插件机制,让其具有更好的灵活性和扩展性,例如提供对CoffeeScript、ES6的支持 4. 有独立的配置文件webpack.config.js 5. 可以将代码切割成不同的chunk,实现按需加载,降低了初始化时间 6. 支持 SourceUrls 和 SourceMaps,易于调试 7. 具有强大的Plugin接口,大多是内部插件,使用起来比较灵活 8.webpack 使用异步 IO 并具有多级缓存。这使得 webpack 很快且在增量编译上更加快 说说TCP传输的三次握手四次挥手策略 为了准确无误地把数据送达目标处,TCP协议采用了三次握手策略。用TCP协议把数据包送出去后,TCP不会对传送 后的情况置之不理,它一定会向对方确认是否成功送达。握手过程中使用了TCP的标志:SYN和ACK。 发送端首先发送一个带SYN标志的数据包给对方。接收端收到后,回传一个带有SYN/ACK标志的数据包以示传达确认信息。最后,发送端再回传一个带ACK标志的数据包,代表“握手”结束。若在握手过程中某个阶段莫名中断,TCP协议会再次以相同的顺序发送相同的数据包。 断开一个TCP连接则需要“四次握手”: 第一次挥手:主动关闭方发送一个FIN,用来关闭主动方到被动关闭方的数据传送,也就是主动关闭方告诉被动关闭方:我已经不 会再给你发数据了(当然,在fin包之前发送出去的数据,如果没有收到对应的ack确认报文,主动关闭方依然会重发这些数据),但是,此时主动关闭方还可 以接受数据。 第二次挥手:被动关闭方收到FIN包后,发送一个ACK给对方,确认序号为收到序号+1(与SYN相同,一个FIN占用一个序号)。 第三次挥手:被动关闭方发送一个FIN,用来关闭被动关闭方到主动关闭方的数据传送,也就是告诉主动关闭方,我的数据也发送完了,不会再给你发数据了。 第四次挥手:主动关闭方收到FIN后,发送一个ACK给被动关闭方,确认序号为收到序号+1,至此,完成四次挥手。 TCP和UDP的区别 TCP(Transmission Control Protocol,传输控制协议)是基于连接的协议,也就是说,在正式收发数据前,必须和对方建立可靠的连接。一个TCP连接必须要经过三次“对话”才能建立起来。 UDP(User Data Protocol,用户数据报协议)是与TCP相对应的协议。它是面向非连接的协议,它不与对方建立连接,而是直接就把数据包发送过去!UDP适用于一次只传送少量数据、对可靠性要求不高的应用环境。 说说你对作用域链的理解 作用域链的作用是保证执行环境里有权访问的变量和函数是有序的,作用域链的变量只能向上访问,变量访问到window对象即被终止,作用域链向下访问变量是不被允许的。 创建ajax过程 (1)创建XMLHttpRequest对象,也就是创建一个异步调用对象. (2)创建一个新的HTTP请求,并指定该HTTP请求的方法、URL及验证信息. (3)设置响应HTTP请求状态变化的函数. (4)发送HTTP请求. (5)获取异步调用返回的数据. (6)使用JavaScript和DOM实现局部刷新. 渐进增强和优雅降级 渐进增强 :针对低版本浏览器进行构建页面,保证最基本的功能,然后再针对高级浏览器进行效果、交互等改进和追加功能达到更好的用户体验。 优雅降级 :一开始就构建完整的功能,然后再针对低版本浏览器进行兼容。 常见web安全及防护原理 sql注入原理 就是通过把SQL命令插入到Web表单递交或输入域名或页面请求的查询字符串,最终达到欺骗服务器执行恶意的SQL命令。 总的来说有以下几点: 1.永远不要信任用户的输入,要对用户的输入进行校验,可以通过正则表达式,或限制长度,对单引号和双"-"进行转换等。 2.永远不要使用动态拼装SQL,可以使用参数化的SQL或者直接使用存储过程进行数据查询存取。 3.永远不要使用管理员权限的数据库连接,为每个应用使用单独的权限有限的数据库连接。 4.不要把机密信息明文存放,请加密或者hash掉密码和敏感的信息。 XSS原理及防范 Xss(cross-site scripting)攻击指的是攻击者往Web页面里插入恶意 html标签或者javascript代码。比如:攻击者在论坛中放一个看似安全的链接,骗取用户点击后,窃取cookie中的用户私密信息;或者攻击者在论坛中加一个恶意表单,当用户提交表单的时候,却把信息传送到攻击者的服务器中,而不是用户原本以为的信任站点。 XSS防范方法 首先代码里对用户输入的地方和变量都需要仔细检查长度和对”<”,”>”,”;”,”’”等字符做过滤;其次任何内容写到页面之前都必须加以encode,避免不小心把html tag 弄出来。这一个层面做好,至少可以堵住超过一半的XSS 攻击。 首先,避免直接在cookie 中泄露用户隐私,例如email、密码等等。 其次,通过使cookie 和系统ip 绑定来降低cookie 泄露后的危险。这样攻击者得到的cookie 没有实际价值,不可能拿来重放。 如果网站不需要再浏览器端对cookie 进行操作,可以在Set-Cookie 末尾加上HttpOnly 来防止javascript 代码直接获取cookie 。 尽量采用POST 而非GET 提交表单。 XSS与CSRF有什么区别吗? XSS是获取信息,不需要提前知道其他用户页面的代码和数据包。CSRF是代替用户完成指定的动作,需要知道其他用户页面的代码和数据包。 要完成一次CSRF攻击,受害者必须依次完成两个步骤: 登录受信任网站A,并在本地生成Cookie。 在不登出A的情况下,访问危险网站B。 CSRF的防御 服务端的CSRF方式方法很多样,但总的思想都是一致的,就是在客户端页面增加伪随机数。 通过验证码的方法 Web Worker 和webSocket worker主线程: 1.通过 worker = new Worker( url ) 加载一个JS文件来创建一个worker,同时返回一个worker实例。 2.通过worker.postMessage( data ) 方法来向worker发送数据。 3.绑定worker.onmessage方法来接收worker发送过来的数据。 4.可以使用 worker.terminate() 来终止一个worker的执行。 WebSocket是Web应用程序的传输协议,它提供了双向的,按序到达的数据流。他是一个HTML5协议,WebSocket的连接是持久的,他通过在客户端和服务器之间保持双工连接,服务器的更新可以被及时推送给客户端,而不需要客户端以一定时间间隔去轮询。 HTTP和HTTPS HTTP协议通常承载于TCP协议之上,在HTTP和TCP之间添加一个安全协议层(SSL或TSL),这个时候,就成了我们常说的HTTPS。 默认HTTP的端口号为80,HTTPS的端口号为443。 为什么HTTPS安全 因为网络请求需要中间有很多的服务器路由器的转发。中间的节点都可能篡改信息,而如果使用HTTPS,密钥在你和终点站才有。https之所以比http安全,是因为他利用ssl/tls协议传输。它包含证书,卸载,流量转发,负载均衡,页面适配,浏览器适配,refer传递等。保障了传输过程的安全性 对前端模块化的认识 AMD 是 RequireJS 在推广过程中对模块定义的规范化产出。CMD 是 SeaJS 在推广过程中对模块定义的规范化产出。 AMD 是提前执行,CMD 是延迟执行。 AMD推荐的风格通过返回一个对象做为模块对象,CommonJS的风格通过对module.exports或exports的属性赋值来达到暴露模块对象的目的。 CMD模块方式 define(function(require, exports, module) { // 模块代码 }); Javascript垃圾回收方法 标记清除(mark and sweep) 这是JavaScript最常见的垃圾回收方式,当变量进入执行环境的时候,比如函数中声明一个变量,垃圾回收器将其标记为“进入环境”,当变量离开环境的时候(函数执行结束)将其标记为“离开环境”。 垃圾回收器会在运行的时候给存储在内存中的所有变量加上标记,然后去掉环境中的变量以及被环境中变量所引用的变量(闭包),在这些完成之后仍存在标记的就是要删除的变量了 引用计数(reference counting) 在低版本IE中经常会出现内存泄露,很多时候就是因为其采用引用计数方式进行垃圾回收。引用计数的策略是跟踪记录每个值被使用的次数,当声明了一个 变量并将一个引用类型赋值给该变量的时候这个值的引用次数就加1,如果该变量的值变成了另外一个,则这个值得引用次数减1,当这个值的引用次数变为0的时 候,说明没有变量在使用,这个值没法被访问了,因此可以将其占用的空间回收,这样垃圾回收器会在运行的时候清理掉引用次数为0的值占用的空间。 在IE中虽然JavaScript对象通过标记清除的方式进行垃圾回收,但BOM与DOM对象却是通过引用计数回收垃圾的,也就是说只要涉及BOM及DOM就会出现循环引用问题。 你觉得前端工程的价值体现在哪 为简化用户使用提供技术支持(交互部分) 为多个浏览器兼容性提供支持 为提高用户浏览速度(浏览器性能)提供支持 为跨平台或者其他基于webkit或其他渲染引擎的应用提供支持 为展示数据提供支持(数据接口) 谈谈性能优化问题 代码层面:避免使用css表达式,避免使用高级选择器,通配选择器。 缓存利用:缓存Ajax,使用CDN,使用外部js和css文件以便缓存,添加Expires头,服务端配置Etag,减少DNS查找等 请求数量:合并样式和脚本,使用css图片精灵,初始首屏之外的图片资源按需加载,静态资源延迟加载。 请求带宽:压缩文件,开启GZIP, 代码层面的优化 用hash-table来优化查找 少用全局变量 用innerHTML代替DOM操作,减少DOM操作次数,优化javascript性能 用setTimeout来避免页面失去响应 缓存DOM节点查找的结果 避免使用CSS Expression 避免全局查询 避免使用with(with会创建自己的作用域,会增加作用域链长度) 多个变量声明合并 避免图片和iFrame等的空Src。空Src会重新加载当前页面,影响速度和效率 尽量避免写在HTML标签中写Style属性 移动端性能优化 尽量使用css3动画,开启硬件加速。 适当使用touch事件代替click事件。 避免使用css3渐变阴影效果。 可以用transform: translateZ(0)来开启硬件加速。 不滥用Float。Float在渲染时计算量比较大,尽量减少使用 不滥用Web字体。Web字体需要下载,解析,重绘当前页面,尽量减少
http://www.itnose.net/detail/6489203.html 2016-04-17 18:22   [html/css]

前端面试题整理(js)

从上游服务器收到请求。 2、AJAX是什么? AJAX的交互模型(流程)? AJAX跨域的解决办法? AJAX = 异步 JavaScript 和 XML(Asynchronous JavaScript and XML)。简短地说,在不重载整个网页的情况下,AJAX 通过后台加载数据,并在网页上进
http://www.itnose.net/detail/6390401.html 2015-10-20 20:15   [JavaScript]

浙江大华前端面试题

前两天去浙江大华面试前端WEB工程师,把题目带了回来,现分享给大家:   1、行内元素和块组元素有哪些? 2、Div和span的区别? 3、写出ul、ol、dl三种列表的html结构? 4、如何理解标签语义,它有哪些好处? 5、css的选择符有哪些,优先级如何计算,哪些属性可以继承? 6
http://www.itnose.net/detail/6239193.html 2015-04-04 18:44   [其它]

前端面试:精选经典面试题(三)

XML和JSON的区别 2006年,Douglas Crockford把JSON作为IETF RFC 4627提交给IETF,而JSON的应用早在2001年就开始了,JSON是JavaScript的严格的子集,利用了JavaScript中的一些模式来表示结构化数据。Crockford认为与XML
http://www.itnose.net/detail/6418651.html 2015-12-17 23:41   [JavaScript]

  1  2  3  4  5 下一页>