前端开发面试题整理.docx

1、 请阐述position：absolute, fixed, relative，static 三者的功能及区别。（1） static（静态定位）：默认值，没有定位，元素出现在正常流中（忽略top,right,bottom,left,z-index声明）。（2） relative（相对定位）：生成相对定位的元素，相对于其正常位置进行定位，其在文本流中的位置依然存在。（3） absolute（绝对定位）：即完全离开文档流, 相关于position属性非static值的比来父级元素进行偏移。（4） fixed（固定定位）：生成绝对定位的元素，相对于浏览器可视窗口窗口进行定位。2、 css的选择符有哪些？通配选择符（*）、类选择符（.class）、ID选择符（#id）属性选择符（inputname=button）、包含选择符（div p）、子对象选择符（divp）3、如何使一个div水平垂直居中position: position:absolute;left:50%;top:50%;margin-left:-100px;margin-top:-100px;4、 如何响应鼠标的点击/双击事件5、如何在JQuery中更改指定元素的高度属性$(p).height(100);6、输入n个整数，对这些数字进行排序 function sort(e) for(var i=0;ie.length-1;i+) for(var j=0;jej+1) var k = ej; ej = ej+1; ej+1 = k; var e = 3,1,5,7,2; sort(e);document.write(e);7、翻转句子单词顺序，例如：输入I am a student 则输出student a am i。var str = I am a student;var arr = str.split( ).reverse().join( );document.write(arr);8、请阐述你对数据库中表的索引的理解（种类、作用等）索引的原理是利用特殊的查找算法（如二叉树算法），限制访问的行数，提高访问效率。另外，索引还可以高效地在表之间建立连接操作，高效的对结果进行排序等，种类：主键索引、普通索引、唯一索引、全文索引9、请简述SQL的UNION与UNION ALL的区别（1）union 是取唯一值，记录没有重复，union all是直接连接，取到得是所有值，记录可能有重复（2）UNION在进行表链接后会筛选掉重复的记录，Union All不会去除重复记录。（3）Union将会按照字段的顺序进行排序；UNION ALL只是简单的将两个结果合并后就返回。10、试着写一个存储过程实现以下功能：接收参数UserID（Int型），如果User表（ID、Name）中能查找到UserID=User.ID的数据，则返回这条数据的User.Name,如果没有UserID=User.ID的数据，则返回一条错误信息（当前用户不存在）。11、用jQuery代码实现以下功能。现有代码如下： 张三S 王五 李四S 赵六 刘能 刘1 刘2 （1） 在文本框上输入一个数字n,让ul中的第n个li字体变红。var c = document.getElementById(textfiled).value;$(ul li).eq(c).css(color,red);（2） 在页面上点击某个li,在文本框中显示当前li在ul中的索引。$(ulli).click(function() var index = $(this).prevAll().length; alert(index););（3） 把li中所有文本带”s”的字体加粗$(ul li:contains(S).css(font-weight,bold);（4） 把data-id属性为1的li隐藏$(lidata-id=1).css(display,none);（5） 分别选出没有data-id属性的li元素和同时拥有data-id,data-name属性的li元素变成红色$(li).not(data-id).css(color,red);$(lidata-iddata-name).css(color,red);（6） 把所有li的data-id属性用“，”拼接成一个字符串（7） 已知访问“list.action”会返回一串json: data:id:1,name: