资源描述:
《2019前端经典面试题》由会员上传分享,免费在线阅读,更多相关内容在行业资料-天天文库。
1、1,html和xml有什么区别html是超文本标记语言xml是可扩展标记语言html语法宽松,xml语法严谨html使用固有标记,xml没有固有标记html标签预定义,xml标签可扩展,可定义html是用来显示数据的,xml是用来描述和存储数据的2,css有哪几种选择器?权重的优先级?第一种为属性选择器第二种为id选择器第三种为class选择器第四种为伪类选择器第五种是后代选择器第六种是标签选择器第七种是通用选择器第八种是伪元素选择器1. 第一等:代表内联样式,如:style=””,权值为1000。2. 第二等:代表ID选择器,如:#content,权值为0100。3. 第三等:代
2、表类,伪类和属性选择器,如.content,权值为0010。4. 第四等:代表类型选择器和伪元素选择器,如divp,权值为0001。5. 通配符、子选择器、相邻选择器等的。如*、>、+,权值为0000。6. 继承的样式没有权值。3,网页有哪几部分组成?结构层:html表示层:css行为层:js和dom4,一个200*200的div在不同分辨率屏幕上下左右居中,用css实现Div{position:absolute;width:200px;height:200px;top:50%;left:50%;margin-top:-100px;margin-left:-100px;}1,阐述清
3、楚浮动的几种方式第一种父级div定义高度height适合高度固定的布局第二种父级div定义overflow:hidden第三种结尾处加空标签clear:both让父级自动获取高度第四种父级div定义伪类:after和zoom2,解释csssprites,如何使用?CSSSprites其实就是把网页中一些背景图片整合到一张图片文件中,再利用CSS的“background-image”,“background-repeat”,“background-position”的组合进行背景定位,background-position可以用数字能精确的定位出背景图片的位置。CSSSprites为
4、一些大型的网站节约了带宽,让提高了用户的加载速度和用户体验,不需要加载更多的图片3,如何用原生js给一个按钮绑定两个onclick事件?Varbtn1=document.getElementsById(“btn”);btn1.addEnventListener(“click”,”hello1);btn1.addEnventListener(“click”,”hello2);functionhello1(){alert(“hello1”);}functionhello2(){alert(“hello2”);}8,拖曳会用到哪些事件?DragstartDragenterDragover
5、DragleaveDragDropDragend9,请列举jQuery中选择器?1,基本选择器ID,class,元素之类的2,层级选择器返回的是jQuery对象才可以进行的链式操作如后代元素,子元素,兄弟元素,相邻元素1,过滤选择器基本过滤,内容过滤,可见性过滤,属性过滤,子元素过滤和表单对象属性过滤选择器10,JavaScript中有哪些定时器,他们的区别和用法是什么?SetTimeout只会执行一次SetInterval会一直重复执行方式都为:settimeout(函数,时间)11,请描述一下cookiessessionstorage和localstorage区别相同点:都储存
6、在客户端上不同点:1储存大小Cookies数据大小不能超过4kSessionstorage和Localstorage比cookies大,可以达到5m或更多2有效时间Localstorage储存持久数据,浏览器关闭后也不会丢失,除非主动删除数据Sessionstorage数据在关闭游览器之后自动删除Cookies设置的cookies过期时间之前一直有效,即使窗口和游览器关闭。3数据与服务器之间的交互方式Cookies的数据会自动的传递到服务器,服务器端也可以写cookies到客户端Sessionstorage和localstorage不会上传到服务器,仅在本地保存12,计算一个数组a
7、rr所有元素的和//可以通过document.getelmentbyid().value;来获取输入框中的值functionsum2(){vararr1=[1,2,3,4,5,6,7,8,9];varsum1=0;for(vari=0;i<=arr1.length;i++){if(typeofarr1[i]=="number"){sum1+=arr1[i];}}document.write(sum1);}13,编写一个方法去掉数组里的重复内容vararr=[1,2,3