前端面试题汇总

所需积分/C币:48 2018-09-13 17:15:54 1.18MB PDF

web前端面试题汇总。
法是什么,常用hack的技巧? 15 列出 display的值,说明他们的作用。 position的值, relative和 absolute定位 原点是? 16 46 absolute的 containing block计算方式跟正常流有什么不同2… 17 对WEB标准以及W3C的理解与认识… 17 48 CSs的基木语句构成是?.17 4 浏览器标准模式和怪异模式之间的区别是什么?…18 CSs中可以通过哪些属性定义,使得一个DOM元素不显小在浏览器可视范围 内? 行内元素和块级元素的具体区别是什么?行内元素的 padding和 margIn可设 置吗?18 什么是外边距重叠?重叠的结果是什么? .18 55、描述一个" reset"CSS文件并如何使用它。知道 normalize css吗?你了解他们的不 司之处? 19 56、说 display属性有哪些?可以做什么?…… 19 57 哪些css属性可以继承? 19 58、css优先级算法如何计算 19 59 b标签和 strong标签;标签和em标签的区别? 19 60、有那些行内元素、有哪些块级元素、盒模型? 61、有哪些选择符,优先级的计算公式是什么?行内样式和! important哪个优先 级高?21 我想让行内元素跟上面的元素距离10pX,加 margin-top和 padding-top可以吗? 63、 CSs的盒模型由什么组成 .21 64、说说 display属性有哪些?可以做什么? 21 65、哪些css属性可以继承?… 21 66 css优先级算法如何计算? 、HTML5CSS3 22 1.CSs3有哪些新特性? .22 2.htm5有哪些新特性、移除∫那些元素?如何处理HTML5新标签的浏览器兼容问 题?如何区分HTML和HTML5? 本地存储( Local Storage)和 cookies(储存在用户本地终端上的数据)之间的区 别是什么? 4.如何实现浏览器内多个标签页之间的通信? 23 5.你如何对网站的文件和资源进行优化? 23 6.什么是响应式设计?… ·,着 23 7.新的HTML5文档类型和字符集是?… .23 8.HTML5 Canvas儿素有什么用? 24 9.HTML5存储类型有什么区别? 24 10 用H5+CSS3解决下导航栏最后一项掉下来的问题… CSS3新增伪类有那些? 24 请用CSs实现:一个矩形内容,有投影,有圆角, hover状态慢慢变透明。24 13.描述下CSS3里实现元素动画的方法. 24 14 htm5\CSs3有哪些新特性、移除了那些元素?如何处理HIML5新标签的浏览 器兼容问题?如何区分HTML和HTML5? 24 15 你怎么来实现页面设计图,你认为前端应该如何高质量完成⊥作?·个满屏 品字布局如何设计? 16 知道Css有个 content属性吗?有什么作用?有什么应用? 25 7.如何在HTML5贞面中嵌入音频? 18 如何在HTML5页面中嵌入视频? 26 19. HTML5引入什么新的表单属性? 26 0 CSs3新增伪类有那些? 26 21 描述一段语义的htm代码吧。 cookie在浏览器和服务器间来回传递。 session Storage和 localStorage区别.27 23. htm5有哪些新特性、移除了那些元素?如何处理HTML5新标签的浏览器兼容 问题?如何区分HTML和HTML5? 27 24 TML5的离线储存? 28 25.写出HTML5的文档声明方式…… 26.HTML5和CSS3的新标签 看着,1着非 …28 27 自己对标签语义化的理解…… 28 三、S基础... 1. Javascript的 typeof返回哪些数据类型… 2.例举3种强制类型转换和2种隐式类型转换? 29 3. split()、join()的区别 .29 4.数组方法pop()push() unshift()shft0) 29 5.事件绑定和普通事件有什么区别.. ..:::...::::::.::::::::.:::: 6.|E和DOM事件流的区别…. 30 7.E和标准下有哪些兼容性的写法 8.c叫ll和appy的区别 30 9. Worker继承 Person的方法 30 如何阻止事件冒泡和事件默认行为…… 添加删除替换插入到某个元素的方法 javascript的内置对象和宿主对象 13 window onload和 document ready的区别. 31 14. 和“==”的不同 32 15 浏览器的同源策略…. 32 16 JavaScrⅰpt是一门什么样的语言,它有哪些特点? 17, JavaScript的数据类型都有什么? 32 18. 已知1D的 Input输入框,希望获取这个输入框的输入值,怎么做?(不使用箐 三方框架). 33 19. 希望获取到页面中所有的 checkbox怎么做?(不使用第三方框架) 0 设置一个已知D的DⅣV的htm内容为xx,字体颜色设置为黑色(不使用第三 方框架)33 当一个DOM节点被点击时候,我们希望能够执行一个函数,应该怎么做? 看下列代码输出为何?解释原因 看下列代码输出什么?解释原因。 看下列代码,输出什么?解释原因。 34 看代码给答案。…135 26 已知数组 var stringArray=["This","is," Baidu","“ Campus"], Alert出” This is Baidu campus .35 已知有字符串fo=" get-element-by-id"写一个 function将其转化成驼峰表示法” getE| ement bold”。 .35 28 var numberarray=[36,2,41,5];(考察基础AP|) 35 29.输出今天的日期,以 YYYY-MM-DD的方式,比如今天是2014年9月26日,则 输出2014-0926 35 30 将字符串”<tr< td>Sid]/td><td> Sname}</td</tr>”中的{sid}替换成10, sname}替换成Tony(使用正则表达式)∴ 36 31 为了保证页面输出安全,我们经常需要对一些特殊的字符进行转义,请写一个 函数 escapeHtml,将<,>&,“进行转义∴ 36 32.foo=foo||bar,这行代码是什么意思?为什么要这样写?…136 33 看下列代码,将会输出什么?(变量声明提升) 用js实现随机选取10-100之间的10个数字,存入一个数组,并排序。…37 35 把两个数组合并,并删除第个元素。 38 怎样添加、移除、移动、复制、创建和査找节点(原生JS,实在基础,没细 每步) 38 37 有这样一个URL:ht:1 item. taobao. com/ litem . htm?a=1&b=2&C=&d-xx&e,请 写一段JS程序提取∪RL中的各个GET参数(参数名和参数个数不确定),将其按 key-value 形式返回到一个json结构中,如{a:'1′,b:'2′,c:",d:xx,e:; undefined} 9 38.正则表达式构造函数 Var reg= new RegExp(“xx")与正则表达字面量 Var reg=/有 什么不同?匹配邮箱的正则表达式?…9 看下面代码,给出输出结果。 40 写一个 function,清除字符串前后的空格。(兼容所有浏览器)…. Javascript中,以下哪条语句一定会产生运行错误? .40 42 以下两个变量a和b,a+b的哪个结果是NaN? 答案(AC)…40 43 vara=10;b=20;c=4;+-b+c+a++以下哪个结果是正确的? 44 下面的 Java Script语句中,(D)实现检索当前页面中的表单元素中的所有 文本框,并将它们全部清空. 40 45 要将页面的状态栏中显示“凵经选中该文木框”,卜列 JavaScript语句止确的 是(A) 着着,非着着面着4着,看看着看1,着着,,着面看着着D,着 以下哪条语句会产生运行错误:(AD) 以下哪个单词不属于 Javascript保留字:(B) 48. 请选择结果为真的表达式:(C)… 49 typeof运算符返回值中有一个跟 javascript数据类型不一致,它是 A 42 50 定义了一个变量,但没有为该变量赋值,如果 alert该变量, javascript弹出的 对话框中显小_ undefined 42 51 分析代码,得出正确的结果。… 42 52 写出函数 Date Demo的返回结果,系统时间假定为今天. 写出稈序运行的结果? 54, 阅读以下代码,请分析出结果: 42 55 写出简单描述htm标签(不带属性的开始标签和结束标签)的正则表达式, 并将以下字符串中的htm标签去除掉 56. 截取字符串 abcdefg的eg… 57. 列举浏览器对象模型BOM里常用的至少4个对象,并列举 window对象的常 用方法至少5个… 43 58, 简述列举文档对象模型DOM里 document的常用的查找访问节点的方法并做 简单说明. 43 简述创建函数的几种方式…… 43 60 Javascript如何实现继承?. 44 61. Javascript创建对象的几种方式?.14 62. fame的优缺点? 63 请你谈谈 Cookie的弊端? 64 is延迟加载的方式有哪些? 45 documen write和 innerHTML的区别? .45 66 哪些操作会造成内存泄漏? 45 67 判断一个字符串中出现次数最多的字符,统计这个次数 46 68 写个获取非行间样式的函数 46 69 事件委托是什么 47 70.闭包是什么,有什么特性,对贞面有仆么影响 47 解释 jSonp的原理,以及为什么不是真正的ajax 字符串反转,如将'12345678′变成87654321 将数字12345678转化成RMB形式如:12,345,678 74. 生成5个不同的随机数 8 去抻数组中重复的数字方法; 48 76 阶乘凶数; window. location. earch()返回的是什么? 49 78 window location. reload()作用? javascript中的垃圾回收机制? 50 看题做答: 50 下面输出多少?… ..:.:.:.:.::.....::::a..::::::·: 50 再来一个 51 83 a输出多少? 51 84 看程序,写结果…… 52 85 精度问题:」S精度不能精确到0.1所以。。。。同时存仨于值和差值中.52 加减运算.… 52 87 为什么不能定义1px左右的d容器? 52 结果是什么? 输出结果 53 90 计算字符串字节数 91 结果是 3 92 声明对象,添加属性,输出属性∴.… 53 93 匹配输入的字符:第一个必须是字母或下划线开头,长度5-20 .54 94.检测变量类型. 54 如何在HTML中添加事件,几种方法? 54 BOM对象有哪些,列举 window对象? 97 请问代码实现 outerhTMl 55 98 JS中的简单继承ca方法! 5 99.bind(),ive(), delegate(的区别… 56 100.看下列代码输出什么?…15 101.看下列代码输出什么? 102 你如何优化自己的代码?… 103.请描述出下列代码运行的结果 104 怎样实现两栏等高? 105.使用js实现这样的效果:在文本域里输入文字吋,当按下 enter键吋不换行, 而是替换成“{ enter};(只需要考虑在行尾按卜 enter键的情况).…58 106.以下代码中end字符串什么时候输出.… 59 107. specify( hello, world"∥/=>h,e,owor;ld"实现 specify函数. 59 108 简述 readonly与 disabled的区别 …59 109.请尽可能详尽的解释ajax的工作原理…… 110.、为什么扩展 Javascript内置对象不是好的做法? 什么是三元表达式?“三元”表示什么意思? 112.浏览器标准模式和怪异模式之间的区别是什么?… 113.有下面这样一段HIML结构,使用css实现这样的效果 60 114.下面这段代码想要循环输岀结果01234,请问输岀结果是否正确,如果不正确, 请说明为什么,并修改循环内的代码使其输出正桷结果 61 115.关于E的 window对象表述止确的有:(ACD) 116, 卜面止确的是A 7.错误的是B∴ 118.变量的命名规范以及命名推荐……61 119.三种弹窗的单词以及三种弹窗的功能…162 120. console. log(8|1);输出值是多少? 62 121.只允许使用+-*/和Math*,求一个函数y=f(xa,b);当x>100时返回a 的值,否则返回b的值,不能使用 if else等条件语句,也不能使用|,?:,数组 122. Java Scriptalert(0.4*0.2);结果是多少?和你预期的一样吗?如果不一样该如何 处理?63 123 个dy,有几种方式得到这个d的 jQuery对象?< diy class=aabbcc id= nodes view'></div>想直接获取这个div的dom对象,如何获取?dom对象如何转化 为 jQuery对象? 63 124. 主流浏览器内核… 125. jQuery框架屮 S. ajax(的常用参数有哪些?写一个post请求并带有发送数据和 返回数据的样例 126. JavaScript的循环语句有哪些? 127.闭包:下面这个山,如何点击每一列的时候aert其 index? .64 128 列出3条以上开和E的脚本兼容问题…. 64 129.用止则表达式,写出由字母开头,其余由数字、字母、卜划线组成的6~30的 字符串? 65 130.列举浏览器对象模型BoM里常用的至少4个对象,并列举 window对象的常 用方法至少5个 65 131.在 Javascript中什么是伪数组?如何将伪数组转化为标准数组? 132.写一个函数可以计算sum(5,0,5);输出0;5um(1,2,3,4);输出10:65 133. 《正则》写出正确的正则表达式匹配固话号,区号3-4位,第一位为0,中横 线,78位数字,中横线,3-4位分机号格式的固话号 66 134. 《算法》一下A,B可任选一题作答,两题全答加分 66 135.请写一个正则表达式:要求最短6位数,最长20位,阿拉伯数和英文字母(不 区分大小写)组成… 67 136.请写出一个程序,在页面加载完成后动态创建一个form表单,并在里面添加 一个 input对象并给它任意赋值后义post方式提交到:htt:/127.0.0. save. php167 137.用 JavaScript实现冒泡排序。数据为23、45、18、37、92、13、24 138 前端代码优化的方法 1看 1,垂 139 下列 JavaScript代码执行后,依次 alert的结果是..169 140.下列 JavaScript代码执行后,iNum的值是 69 141.输出结果是多少?… .69 142.用程序实现找到htm中id名相同的元素? 71 143 下列 JavaScript代码执行后,运行的结果是 144.下列 JavaScript代码执行后,依次aert的结果是.172 145.下列 Java Script代码执行后的效果是 146.下列 JavaScript代码执行后的l元素的数量是 147.程序中捕获异常的方法?…… 73 148 将字符串”<tr< td>sidk/tdx< td>Namely</td></tr>”中的{sid}瞽换成10,

...展开详情
img
  • GitHub

    绑定GitHub第三方账户获取
  • 脉脉勋章

    绑定脉脉第三方账户获得
  • 签到新秀

    累计签到获取,不积跬步,无以至千里,继续坚持!

关注 私信 TA的资源

上传资源赚积分,得勋章
相关内容推荐